react-stately 3.45.0 → 3.46.0

package/dist/private/searchfield/useSearchFieldState.cjs

@@ -0,0 +1,33 @@
+var $14cedf286405cc4b$exports = require("../utils/useControlledState.cjs");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useSearchFieldState", function () { return $5e77a61737ec8ceb$export$3f8be18b0f41eaf2; });
+/*
+ * Copyright 2020 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 $5e77a61737ec8ceb$export$3f8be18b0f41eaf2(props) {
+    let [value, setValue] = (0, $14cedf286405cc4b$exports.useControlledState)($5e77a61737ec8ceb$var$toString(props.value), $5e77a61737ec8ceb$var$toString(props.defaultValue) || '', props.onChange);
+    return {
+        value: value,
+        setValue: setValue
+    };
+}
+function $5e77a61737ec8ceb$var$toString(val) {
+    if (val == null) return;
+    return val.toString();
+}
+
+
+//# sourceMappingURL=useSearchFieldState.cjs.map

package/dist/private/searchfield/useSearchFieldState.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AA2BM,SAAS,0CAAoB,KAAuB;IACzD,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,4CAAiB,EAAE,+BAAS,MAAM,KAAK,GAAG,+BAAS,MAAM,YAAY,KAAK,IAAI,MAAM,QAAQ;IAEpH,OAAO;eACL;kBACA;IACF;AACF;AAEA,SAAS,+BAAS,GAAG;IACnB,IAAI,OAAO,MACT;IAGF,OAAO,IAAI,QAAQ;AACrB","sources":["packages/react-stately/src/searchfield/useSearchFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProps, HelpTextProps, InputBase, LabelableProps, TextInputBase, Validation, ValueBase} from '@react-types/shared';\nimport {useControlledState} from '../utils/useControlledState';\n\n// Copied here to avoid depending on @react-aria/textfield from stately.\nexport interface TextFieldProps<T = HTMLInputElement> extends InputBase, Validation<string>, HelpTextProps, FocusableProps<T>, TextInputBase, ValueBase<string>, LabelableProps {}\n\nexport interface SearchFieldProps extends TextFieldProps {\n  /** Handler that is called when the SearchField is submitted. */\n  onSubmit?: (value: string) => void,\n\n  /** Handler that is called when the clear button is pressed. */\n  onClear?: () => void\n}\n\nexport interface SearchFieldState {\n  /** The current value of the search field. */\n  readonly value: string,\n\n  /** Sets the value of the search field. */\n  setValue(value: string): void\n}\n\n/**\n * Provides state management for a search field.\n */\nexport function useSearchFieldState(props: SearchFieldProps): SearchFieldState {\n  let [value, setValue] = useControlledState(toString(props.value), toString(props.defaultValue) || '', props.onChange);\n\n  return {\n    value,\n    setValue\n  };\n}\n\nfunction toString(val) {\n  if (val == null) {\n    return;\n  }\n\n  return val.toString();\n}\n"],"names":[],"version":3,"file":"useSearchFieldState.cjs.map"}

package/dist/private/searchfield/useSearchFieldState.js

@@ -0,0 +1,28 @@
+import {useControlledState as $2a35a170cf8e413e$export$40bfa8c7b0832715} from "../utils/useControlledState.js";
+
+/*
+ * Copyright 2020 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 $9221e22059c906a3$export$3f8be18b0f41eaf2(props) {
+    let [value, setValue] = (0, $2a35a170cf8e413e$export$40bfa8c7b0832715)($9221e22059c906a3$var$toString(props.value), $9221e22059c906a3$var$toString(props.defaultValue) || '', props.onChange);
+    return {
+        value: value,
+        setValue: setValue
+    };
+}
+function $9221e22059c906a3$var$toString(val) {
+    if (val == null) return;
+    return val.toString();
+}
+
+
+export {$9221e22059c906a3$export$3f8be18b0f41eaf2 as useSearchFieldState};
+//# sourceMappingURL=useSearchFieldState.js.map

package/dist/private/searchfield/useSearchFieldState.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AA2BM,SAAS,0CAAoB,KAAuB;IACzD,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,yCAAiB,EAAE,+BAAS,MAAM,KAAK,GAAG,+BAAS,MAAM,YAAY,KAAK,IAAI,MAAM,QAAQ;IAEpH,OAAO;eACL;kBACA;IACF;AACF;AAEA,SAAS,+BAAS,GAAG;IACnB,IAAI,OAAO,MACT;IAGF,OAAO,IAAI,QAAQ;AACrB","sources":["packages/react-stately/src/searchfield/useSearchFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProps, HelpTextProps, InputBase, LabelableProps, TextInputBase, Validation, ValueBase} from '@react-types/shared';\nimport {useControlledState} from '../utils/useControlledState';\n\n// Copied here to avoid depending on @react-aria/textfield from stately.\nexport interface TextFieldProps<T = HTMLInputElement> extends InputBase, Validation<string>, HelpTextProps, FocusableProps<T>, TextInputBase, ValueBase<string>, LabelableProps {}\n\nexport interface SearchFieldProps extends TextFieldProps {\n  /** Handler that is called when the SearchField is submitted. */\n  onSubmit?: (value: string) => void,\n\n  /** Handler that is called when the clear button is pressed. */\n  onClear?: () => void\n}\n\nexport interface SearchFieldState {\n  /** The current value of the search field. */\n  readonly value: string,\n\n  /** Sets the value of the search field. */\n  setValue(value: string): void\n}\n\n/**\n * Provides state management for a search field.\n */\nexport function useSearchFieldState(props: SearchFieldProps): SearchFieldState {\n  let [value, setValue] = useControlledState(toString(props.value), toString(props.defaultValue) || '', props.onChange);\n\n  return {\n    value,\n    setValue\n  };\n}\n\nfunction toString(val) {\n  if (val == null) {\n    return;\n  }\n\n  return val.toString();\n}\n"],"names":[],"version":3,"file":"useSearchFieldState.js.map"}

package/dist/private/searchfield/useSearchFieldState.mjs

@@ -0,0 +1,28 @@
+import {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from "../utils/useControlledState.mjs";
+
+/*
+ * Copyright 2020 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 $56baeede9f35e022$export$3f8be18b0f41eaf2(props) {
+    let [value, setValue] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)($56baeede9f35e022$var$toString(props.value), $56baeede9f35e022$var$toString(props.defaultValue) || '', props.onChange);
+    return {
+        value: value,
+        setValue: setValue
+    };
+}
+function $56baeede9f35e022$var$toString(val) {
+    if (val == null) return;
+    return val.toString();
+}
+
+
+export {$56baeede9f35e022$export$3f8be18b0f41eaf2 as useSearchFieldState};
+//# sourceMappingURL=useSearchFieldState.mjs.map

package/dist/private/searchfield/useSearchFieldState.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AA2BM,SAAS,0CAAoB,KAAuB;IACzD,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,yCAAiB,EAAE,+BAAS,MAAM,KAAK,GAAG,+BAAS,MAAM,YAAY,KAAK,IAAI,MAAM,QAAQ;IAEpH,OAAO;eACL;kBACA;IACF;AACF;AAEA,SAAS,+BAAS,GAAG;IACnB,IAAI,OAAO,MACT;IAGF,OAAO,IAAI,QAAQ;AACrB","sources":["packages/react-stately/src/searchfield/useSearchFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableProps, HelpTextProps, InputBase, LabelableProps, TextInputBase, Validation, ValueBase} from '@react-types/shared';\nimport {useControlledState} from '../utils/useControlledState';\n\n// Copied here to avoid depending on @react-aria/textfield from stately.\nexport interface TextFieldProps<T = HTMLInputElement> extends InputBase, Validation<string>, HelpTextProps, FocusableProps<T>, TextInputBase, ValueBase<string>, LabelableProps {}\n\nexport interface SearchFieldProps extends TextFieldProps {\n  /** Handler that is called when the SearchField is submitted. */\n  onSubmit?: (value: string) => void,\n\n  /** Handler that is called when the clear button is pressed. */\n  onClear?: () => void\n}\n\nexport interface SearchFieldState {\n  /** The current value of the search field. */\n  readonly value: string,\n\n  /** Sets the value of the search field. */\n  setValue(value: string): void\n}\n\n/**\n * Provides state management for a search field.\n */\nexport function useSearchFieldState(props: SearchFieldProps): SearchFieldState {\n  let [value, setValue] = useControlledState(toString(props.value), toString(props.defaultValue) || '', props.onChange);\n\n  return {\n    value,\n    setValue\n  };\n}\n\nfunction toString(val) {\n  if (val == null) {\n    return;\n  }\n\n  return val.toString();\n}\n"],"names":[],"version":3,"file":"useSearchFieldState.mjs.map"}

package/dist/private/select/useSelectState.cjs

@@ -0,0 +1,138 @@
+var $a94d8588145c9b3d$exports = require("../form/useFormValidationState.cjs");
+var $359c8238bb510d61$exports = require("../list/useListState.cjs");
+var $a359060d53fd4d72$exports = require("../overlays/useOverlayTriggerState.cjs");
+var $14cedf286405cc4b$exports = require("../utils/useControlledState.cjs");
+var $kK5eD$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useSelectState", function () { return $22b86546550c7d33$export$5159ec8b34d4ec12; });
+/*
+ * Copyright 2020 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 $22b86546550c7d33$export$5159ec8b34d4ec12(props) {
+    let { selectionMode: selectionMode = 'single', shouldCloseOnSelect: shouldCloseOnSelect = selectionMode === 'single' } = props;
+    let triggerState = (0, $a359060d53fd4d72$exports.useOverlayTriggerState)(props);
+    let [focusStrategy, setFocusStrategy] = (0, $kK5eD$react.useState)(null);
+    let defaultValue = (0, $kK5eD$react.useMemo)(()=>{
+        return props.defaultValue !== undefined ? props.defaultValue : selectionMode === 'single' ? props.defaultSelectedKey ?? null : [];
+    }, [
+        props.defaultValue,
+        props.defaultSelectedKey,
+        selectionMode
+    ]);
+    let value = (0, $kK5eD$react.useMemo)(()=>{
+        return props.value !== undefined ? props.value : selectionMode === 'single' ? props.selectedKey : undefined;
+    }, [
+        props.value,
+        props.selectedKey,
+        selectionMode
+    ]);
+    let [controlledValue, setControlledValue] = (0, $14cedf286405cc4b$exports.useControlledState)(value, defaultValue, props.onChange);
+    // Only display the first selected item if in single selection mode but the value is an array.
+    let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
+    let setValue = (value)=>{
+        if (selectionMode === 'single') {
+            let key = Array.isArray(value) ? value[0] ?? null : value;
+            setControlledValue(key);
+            if (key !== displayValue) props.onSelectionChange?.(key);
+        } else {
+            let keys = [];
+            if (Array.isArray(value)) keys = value;
+            else if (value != null) keys = [
+                value
+            ];
+            setControlledValue(keys);
+        }
+    };
+    let listState = (0, $359c8238bb510d61$exports.useListState)({
+        ...props,
+        selectionMode: selectionMode,
+        disallowEmptySelection: selectionMode === 'single',
+        allowDuplicateSelectionEvents: true,
+        selectedKeys: (0, $kK5eD$react.useMemo)(()=>$22b86546550c7d33$var$convertValue(displayValue), [
+            displayValue
+        ]),
+        onSelectionChange: (keys)=>{
+            // impossible, but TS doesn't know that
+            if (keys === 'all') return;
+            if (selectionMode === 'single') {
+                let key = keys.values().next().value ?? null;
+                setValue(key);
+            } else setValue([
+                ...keys
+            ]);
+            if (shouldCloseOnSelect) triggerState.close();
+            validationState.commitValidation();
+        }
+    });
+    let selectedKey = listState.selectionManager.firstSelectedKey;
+    let selectedItems = (0, $kK5eD$react.useMemo)(()=>{
+        return [
+            ...listState.selectionManager.selectedKeys
+        ].map((key)=>listState.collection.getItem(key)).filter((item)=>item != null);
+    }, [
+        listState.selectionManager.selectedKeys,
+        listState.collection
+    ]);
+    let validationState = (0, $a94d8588145c9b3d$exports.useFormValidationState)({
+        ...props,
+        value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue
+    });
+    let [isFocused, setFocused] = (0, $kK5eD$react.useState)(false);
+    let [initialValue] = (0, $kK5eD$react.useState)(displayValue);
+    return {
+        ...validationState,
+        ...listState,
+        ...triggerState,
+        value: displayValue,
+        defaultValue: defaultValue ?? initialValue,
+        setValue: setValue,
+        selectedKey: selectedKey,
+        setSelectedKey: setValue,
+        selectedItem: selectedItems[0] ?? null,
+        selectedItems: selectedItems,
+        defaultSelectedKey: props.defaultSelectedKey ?? (props.selectionMode === 'single' ? initialValue : null),
+        focusStrategy: focusStrategy,
+        open (focusStrategy = null) {
+            // Don't open if the collection is empty.
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+                setFocusStrategy(focusStrategy);
+                triggerState.open();
+            }
+        },
+        toggle (focusStrategy = null) {
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+                setFocusStrategy(focusStrategy);
+                triggerState.toggle();
+            }
+        },
+        isFocused: isFocused,
+        setFocused: setFocused
+    };
+}
+function $22b86546550c7d33$var$convertValue(value) {
+    if (value === undefined) return undefined;
+    if (value === null) return [];
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}
+
+
+//# sourceMappingURL=useSelectState.cjs.map

package/dist/private/select/useSelectState.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/select/useSelectState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CollectionBase, CollectionStateBase, FocusableProps, FocusStrategy, HelpTextProps, InputBase, Key, LabelableProps, Node, Selection, TextInputBase, Validation, ValueBase} from '@react-types/shared';\nimport {FormValidationState, useFormValidationState} from '../form/useFormValidationState';\nimport {ListState, useListState} from '../list/useListState';\nimport {OverlayTriggerState, useOverlayTriggerState} from '../overlays/useOverlayTriggerState';\nimport {useControlledState} from '../utils/useControlledState';\nimport {useMemo, useState} from 'react';\n\nexport type SelectionMode = 'single' | 'multiple';\nexport type ValueType<M extends SelectionMode> = M extends 'single' ? Key | null : readonly Key[];\nexport type ChangeValueType<M extends SelectionMode> = M extends 'single' ? Key | null : Key[];\ntype ValidationType<M extends SelectionMode> = M extends 'single' ? Key : Key[];\n\nexport interface SelectProps<T, M extends SelectionMode = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>, ChangeValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps {\n  /**\n   * Whether single or multiple selection is enabled.\n   * @default 'single'\n   */\n  selectionMode?: M,\n  /**\n   * The currently selected key in the collection (controlled).\n   * @deprecated\n   */\n  selectedKey?: Key | null,\n  /**\n   * The initial selected key in the collection (uncontrolled).\n   * @deprecated\n   */\n  defaultSelectedKey?: Key | null,\n  /**\n   * Handler that is called when the selection changes.\n   * @deprecated\n   */\n  onSelectionChange?: (key: Key | null) => void,\n  /** Sets the open state of the menu. */\n  isOpen?: boolean,\n  /** Sets the default open state of the menu. */\n  defaultOpen?: boolean,\n  /** Method that is called when the open state of the menu changes. */\n  onOpenChange?: (isOpen: boolean) => void,\n  /** Whether the Select should close when an item is selected. Defaults to true if selectionMode is single, false otherwise. */\n  shouldCloseOnSelect?: boolean,\n  /** Whether the select should be allowed to be open when the collection is empty. */\n  allowsEmptyCollection?: boolean\n}\n\nexport interface SelectStateOptions<T, M extends SelectionMode = 'single'> extends Omit<SelectProps<T, M>, 'children'>, CollectionStateBase<T> {}\n\nexport interface SelectState<T, M extends SelectionMode = 'single'> extends ListState<T>, OverlayTriggerState, FormValidationState {\n  /**\n   * The key for the first selected item.\n   * @deprecated\n   */\n  readonly selectedKey: Key | null,\n\n  /**\n   * The default selected key.\n   * @deprecated\n   */\n  readonly defaultSelectedKey: Key | null,\n\n  /**\n   * Sets the selected key.\n   * @deprecated\n   */\n  setSelectedKey(key: Key | null): void,\n\n  /** The current select value. */\n  readonly value: ValueType<M>,\n\n  /** The default select value. */\n  readonly defaultValue: ValueType<M>,\n\n  /** Sets the select value. */\n  setValue(value: Key | readonly Key[] | null): void,\n\n  /**\n   * The value of the first selected item.\n   * @deprecated\n   */\n  readonly selectedItem: Node<T> | null,\n\n  /** The value of the selected items. */\n  readonly selectedItems: Node<T>[],\n\n  /** Whether the select is currently focused. */\n  readonly isFocused: boolean,\n\n  /** Sets whether the select is focused. */\n  setFocused(isFocused: boolean): void,\n\n  /** Controls which item will be auto focused when the menu opens. */\n  readonly focusStrategy: FocusStrategy | null,\n\n  /** Opens the menu. */\n  open(focusStrategy?: FocusStrategy | null): void,\n\n  /** Toggles the menu. */\n  toggle(focusStrategy?: FocusStrategy | null): void\n}\n\n/**\n * Provides state management for a select component. Handles building a collection\n * of items from props, handles the open state for the popup menu, and manages\n * multiple selection state.\n */\nexport function useSelectState<T extends object, M extends SelectionMode = 'single'>(props: SelectStateOptions<T, M>): SelectState<T, M>  {\n  let {\n    selectionMode = 'single' as M,\n    shouldCloseOnSelect = selectionMode === 'single'\n  } = props;\n  let triggerState = useOverlayTriggerState(props);\n  let [focusStrategy, setFocusStrategy] = useState<FocusStrategy | null>(null);\n  let defaultValue = useMemo(() => {\n    return props.defaultValue !== undefined ? props.defaultValue : (selectionMode === 'single' ? props.defaultSelectedKey ?? null : []) as ValueType<M>;\n  }, [props.defaultValue, props.defaultSelectedKey, selectionMode]);\n  let value = useMemo(() => {\n    return props.value !== undefined ? props.value : (selectionMode === 'single' ? props.selectedKey : undefined) as ValueType<M>;\n  }, [props.value, props.selectedKey, selectionMode]);\n  let [controlledValue, setControlledValue] = useControlledState<Key | readonly Key[] | null>(value, defaultValue, props.onChange as any);\n  // Only display the first selected item if in single selection mode but the value is an array.\n  let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;\n  let setValue = (value: Key | Key[] | null) => {\n    if (selectionMode === 'single') {\n      let key = Array.isArray(value) ? value[0] ?? null : value;\n      setControlledValue(key);\n      if (key !== displayValue) {\n        props.onSelectionChange?.(key);\n      }\n    } else {\n      let keys: Key[] = [];\n      if (Array.isArray(value)) {\n        keys = value;\n      } else if (value != null) {\n        keys = [value];\n      }\n\n      setControlledValue(keys);\n    }\n  };\n\n  let listState = useListState({\n    ...props,\n    selectionMode,\n    disallowEmptySelection: selectionMode === 'single',\n    allowDuplicateSelectionEvents: true,\n    selectedKeys: useMemo(() => convertValue(displayValue), [displayValue]),\n    onSelectionChange: (keys: Selection) => {\n      // impossible, but TS doesn't know that\n      if (keys === 'all') {\n        return;\n      }\n\n      if (selectionMode === 'single') {\n        let key = keys.values().next().value ?? null;\n        setValue(key);\n      } else {\n        setValue([...keys]);\n      }\n      if (shouldCloseOnSelect) {\n        triggerState.close();\n      }\n\n      validationState.commitValidation();\n    }\n  });\n\n  let selectedKey = listState.selectionManager.firstSelectedKey;\n  let selectedItems = useMemo(() => {\n    return [...listState.selectionManager.selectedKeys].map(key => listState.collection.getItem(key)).filter(item => item != null);\n  }, [listState.selectionManager.selectedKeys, listState.collection]);\n\n  let validationState = useFormValidationState({\n    ...props,\n    value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue as any\n  });\n\n  let [isFocused, setFocused] = useState(false);\n  let [initialValue] = useState(displayValue);\n\n  return {\n    ...validationState,\n    ...listState,\n    ...triggerState,\n    value: displayValue as ValueType<M>,\n    defaultValue: defaultValue ?? initialValue as ValueType<M>,\n    setValue,\n    selectedKey,\n    setSelectedKey: setValue,\n    selectedItem: selectedItems[0] ?? null,\n    selectedItems,\n    defaultSelectedKey: props.defaultSelectedKey ?? (props.selectionMode === 'single' ? initialValue as Key : null),\n    focusStrategy,\n    open(focusStrategy: FocusStrategy | null = null) {\n      // Don't open if the collection is empty.\n      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {\n        setFocusStrategy(focusStrategy);\n        triggerState.open();\n      }\n    },\n    toggle(focusStrategy: FocusStrategy | null = null) {\n      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {\n        setFocusStrategy(focusStrategy);\n        triggerState.toggle();\n      }\n    },\n    isFocused,\n    setFocused\n  };\n}\n\nfunction convertValue(value: Key | Key[] | null | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (value === null) {\n    return [];\n  }\n  return Array.isArray(value) ? value : [value];\n}\n"],"names":[],"version":3,"file":"useSelectState.cjs.map"}

package/dist/private/select/useSelectState.js

@@ -0,0 +1,138 @@
+import {useFormValidationState as $d085204f885ad67a$export$fc1a364ae1f3ff10} from "../form/useFormValidationState.js";
+import {useListState as $9148925efdde78ec$export$2f645645f7bca764} from "../list/useListState.js";
+import {useOverlayTriggerState as $3b152ed05cfdb7e2$export$61c6a8c84e605fb6} from "../overlays/useOverlayTriggerState.js";
+import {useControlledState as $2a35a170cf8e413e$export$40bfa8c7b0832715} from "../utils/useControlledState.js";
+import {useState as $gkNT7$useState, useMemo as $gkNT7$useMemo} from "react";
+
+/*
+ * Copyright 2020 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 $1b2568040b4efc20$export$5159ec8b34d4ec12(props) {
+    let { selectionMode: selectionMode = 'single', shouldCloseOnSelect: shouldCloseOnSelect = selectionMode === 'single' } = props;
+    let triggerState = (0, $3b152ed05cfdb7e2$export$61c6a8c84e605fb6)(props);
+    let [focusStrategy, setFocusStrategy] = (0, $gkNT7$useState)(null);
+    let defaultValue = (0, $gkNT7$useMemo)(()=>{
+        var _props_defaultSelectedKey;
+        return props.defaultValue !== undefined ? props.defaultValue : selectionMode === 'single' ? (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null : [];
+    }, [
+        props.defaultValue,
+        props.defaultSelectedKey,
+        selectionMode
+    ]);
+    let value = (0, $gkNT7$useMemo)(()=>{
+        return props.value !== undefined ? props.value : selectionMode === 'single' ? props.selectedKey : undefined;
+    }, [
+        props.value,
+        props.selectedKey,
+        selectionMode
+    ]);
+    let [controlledValue, setControlledValue] = (0, $2a35a170cf8e413e$export$40bfa8c7b0832715)(value, defaultValue, props.onChange);
+    // Only display the first selected item if in single selection mode but the value is an array.
+    let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
+    let setValue = (value)=>{
+        if (selectionMode === 'single') {
+            var _props_onSelectionChange;
+            var _value_;
+            let key = Array.isArray(value) ? (_value_ = value[0]) !== null && _value_ !== void 0 ? _value_ : null : value;
+            setControlledValue(key);
+            if (key !== displayValue) (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === void 0 ? void 0 : _props_onSelectionChange.call(props, key);
+        } else {
+            let keys = [];
+            if (Array.isArray(value)) keys = value;
+            else if (value != null) keys = [
+                value
+            ];
+            setControlledValue(keys);
+        }
+    };
+    let listState = (0, $9148925efdde78ec$export$2f645645f7bca764)({
+        ...props,
+        selectionMode: selectionMode,
+        disallowEmptySelection: selectionMode === 'single',
+        allowDuplicateSelectionEvents: true,
+        selectedKeys: (0, $gkNT7$useMemo)(()=>$1b2568040b4efc20$var$convertValue(displayValue), [
+            displayValue
+        ]),
+        onSelectionChange: (keys)=>{
+            // impossible, but TS doesn't know that
+            if (keys === 'all') return;
+            if (selectionMode === 'single') {
+                var _keys_values_next_value;
+                let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
+                setValue(key);
+            } else setValue([
+                ...keys
+            ]);
+            if (shouldCloseOnSelect) triggerState.close();
+            validationState.commitValidation();
+        }
+    });
+    let selectedKey = listState.selectionManager.firstSelectedKey;
+    let selectedItems = (0, $gkNT7$useMemo)(()=>{
+        return [
+            ...listState.selectionManager.selectedKeys
+        ].map((key)=>listState.collection.getItem(key)).filter((item)=>item != null);
+    }, [
+        listState.selectionManager.selectedKeys,
+        listState.collection
+    ]);
+    let validationState = (0, $d085204f885ad67a$export$fc1a364ae1f3ff10)({
+        ...props,
+        value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue
+    });
+    let [isFocused, setFocused] = (0, $gkNT7$useState)(false);
+    let [initialValue] = (0, $gkNT7$useState)(displayValue);
+    var _selectedItems_, _props_defaultSelectedKey;
+    return {
+        ...validationState,
+        ...listState,
+        ...triggerState,
+        value: displayValue,
+        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : initialValue,
+        setValue: setValue,
+        selectedKey: selectedKey,
+        setSelectedKey: setValue,
+        selectedItem: (_selectedItems_ = selectedItems[0]) !== null && _selectedItems_ !== void 0 ? _selectedItems_ : null,
+        selectedItems: selectedItems,
+        defaultSelectedKey: (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : props.selectionMode === 'single' ? initialValue : null,
+        focusStrategy: focusStrategy,
+        open (focusStrategy = null) {
+            // Don't open if the collection is empty.
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+                setFocusStrategy(focusStrategy);
+                triggerState.open();
+            }
+        },
+        toggle (focusStrategy = null) {
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+                setFocusStrategy(focusStrategy);
+                triggerState.toggle();
+            }
+        },
+        isFocused: isFocused,
+        setFocused: setFocused
+    };
+}
+function $1b2568040b4efc20$var$convertValue(value) {
+    if (value === undefined) return undefined;
+    if (value === null) return [];
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}
+
+
+export {$1b2568040b4efc20$export$5159ec8b34d4ec12 as useSelectState};
+//# sourceMappingURL=useSelectState.js.map

package/dist/private/select/useSelectState.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/select/useSelectState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CollectionBase, CollectionStateBase, FocusableProps, FocusStrategy, HelpTextProps, InputBase, Key, LabelableProps, Node, Selection, TextInputBase, Validation, ValueBase} from '@react-types/shared';\nimport {FormValidationState, useFormValidationState} from '../form/useFormValidationState';\nimport {ListState, useListState} from '../list/useListState';\nimport {OverlayTriggerState, useOverlayTriggerState} from '../overlays/useOverlayTriggerState';\nimport {useControlledState} from '../utils/useControlledState';\nimport {useMemo, useState} from 'react';\n\nexport type SelectionMode = 'single' | 'multiple';\nexport type ValueType<M extends SelectionMode> = M extends 'single' ? Key | null : readonly Key[];\nexport type ChangeValueType<M extends SelectionMode> = M extends 'single' ? Key | null : Key[];\ntype ValidationType<M extends SelectionMode> = M extends 'single' ? Key : Key[];\n\nexport interface SelectProps<T, M extends SelectionMode = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>, ChangeValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps {\n  /**\n   * Whether single or multiple selection is enabled.\n   * @default 'single'\n   */\n  selectionMode?: M,\n  /**\n   * The currently selected key in the collection (controlled).\n   * @deprecated\n   */\n  selectedKey?: Key | null,\n  /**\n   * The initial selected key in the collection (uncontrolled).\n   * @deprecated\n   */\n  defaultSelectedKey?: Key | null,\n  /**\n   * Handler that is called when the selection changes.\n   * @deprecated\n   */\n  onSelectionChange?: (key: Key | null) => void,\n  /** Sets the open state of the menu. */\n  isOpen?: boolean,\n  /** Sets the default open state of the menu. */\n  defaultOpen?: boolean,\n  /** Method that is called when the open state of the menu changes. */\n  onOpenChange?: (isOpen: boolean) => void,\n  /** Whether the Select should close when an item is selected. Defaults to true if selectionMode is single, false otherwise. */\n  shouldCloseOnSelect?: boolean,\n  /** Whether the select should be allowed to be open when the collection is empty. */\n  allowsEmptyCollection?: boolean\n}\n\nexport interface SelectStateOptions<T, M extends SelectionMode = 'single'> extends Omit<SelectProps<T, M>, 'children'>, CollectionStateBase<T> {}\n\nexport interface SelectState<T, M extends SelectionMode = 'single'> extends ListState<T>, OverlayTriggerState, FormValidationState {\n  /**\n   * The key for the first selected item.\n   * @deprecated\n   */\n  readonly selectedKey: Key | null,\n\n  /**\n   * The default selected key.\n   * @deprecated\n   */\n  readonly defaultSelectedKey: Key | null,\n\n  /**\n   * Sets the selected key.\n   * @deprecated\n   */\n  setSelectedKey(key: Key | null): void,\n\n  /** The current select value. */\n  readonly value: ValueType<M>,\n\n  /** The default select value. */\n  readonly defaultValue: ValueType<M>,\n\n  /** Sets the select value. */\n  setValue(value: Key | readonly Key[] | null): void,\n\n  /**\n   * The value of the first selected item.\n   * @deprecated\n   */\n  readonly selectedItem: Node<T> | null,\n\n  /** The value of the selected items. */\n  readonly selectedItems: Node<T>[],\n\n  /** Whether the select is currently focused. */\n  readonly isFocused: boolean,\n\n  /** Sets whether the select is focused. */\n  setFocused(isFocused: boolean): void,\n\n  /** Controls which item will be auto focused when the menu opens. */\n  readonly focusStrategy: FocusStrategy | null,\n\n  /** Opens the menu. */\n  open(focusStrategy?: FocusStrategy | null): void,\n\n  /** Toggles the menu. */\n  toggle(focusStrategy?: FocusStrategy | null): void\n}\n\n/**\n * Provides state management for a select component. Handles building a collection\n * of items from props, handles the open state for the popup menu, and manages\n * multiple selection state.\n */\nexport function useSelectState<T extends object, M extends SelectionMode = 'single'>(props: SelectStateOptions<T, M>): SelectState<T, M>  {\n  let {\n    selectionMode = 'single' as M,\n    shouldCloseOnSelect = selectionMode === 'single'\n  } = props;\n  let triggerState = useOverlayTriggerState(props);\n  let [focusStrategy, setFocusStrategy] = useState<FocusStrategy | null>(null);\n  let defaultValue = useMemo(() => {\n    return props.defaultValue !== undefined ? props.defaultValue : (selectionMode === 'single' ? props.defaultSelectedKey ?? null : []) as ValueType<M>;\n  }, [props.defaultValue, props.defaultSelectedKey, selectionMode]);\n  let value = useMemo(() => {\n    return props.value !== undefined ? props.value : (selectionMode === 'single' ? props.selectedKey : undefined) as ValueType<M>;\n  }, [props.value, props.selectedKey, selectionMode]);\n  let [controlledValue, setControlledValue] = useControlledState<Key | readonly Key[] | null>(value, defaultValue, props.onChange as any);\n  // Only display the first selected item if in single selection mode but the value is an array.\n  let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;\n  let setValue = (value: Key | Key[] | null) => {\n    if (selectionMode === 'single') {\n      let key = Array.isArray(value) ? value[0] ?? null : value;\n      setControlledValue(key);\n      if (key !== displayValue) {\n        props.onSelectionChange?.(key);\n      }\n    } else {\n      let keys: Key[] = [];\n      if (Array.isArray(value)) {\n        keys = value;\n      } else if (value != null) {\n        keys = [value];\n      }\n\n      setControlledValue(keys);\n    }\n  };\n\n  let listState = useListState({\n    ...props,\n    selectionMode,\n    disallowEmptySelection: selectionMode === 'single',\n    allowDuplicateSelectionEvents: true,\n    selectedKeys: useMemo(() => convertValue(displayValue), [displayValue]),\n    onSelectionChange: (keys: Selection) => {\n      // impossible, but TS doesn't know that\n      if (keys === 'all') {\n        return;\n      }\n\n      if (selectionMode === 'single') {\n        let key = keys.values().next().value ?? null;\n        setValue(key);\n      } else {\n        setValue([...keys]);\n      }\n      if (shouldCloseOnSelect) {\n        triggerState.close();\n      }\n\n      validationState.commitValidation();\n    }\n  });\n\n  let selectedKey = listState.selectionManager.firstSelectedKey;\n  let selectedItems = useMemo(() => {\n    return [...listState.selectionManager.selectedKeys].map(key => listState.collection.getItem(key)).filter(item => item != null);\n  }, [listState.selectionManager.selectedKeys, listState.collection]);\n\n  let validationState = useFormValidationState({\n    ...props,\n    value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue as any\n  });\n\n  let [isFocused, setFocused] = useState(false);\n  let [initialValue] = useState(displayValue);\n\n  return {\n    ...validationState,\n    ...listState,\n    ...triggerState,\n    value: displayValue as ValueType<M>,\n    defaultValue: defaultValue ?? initialValue as ValueType<M>,\n    setValue,\n    selectedKey,\n    setSelectedKey: setValue,\n    selectedItem: selectedItems[0] ?? null,\n    selectedItems,\n    defaultSelectedKey: props.defaultSelectedKey ?? (props.selectionMode === 'single' ? initialValue as Key : null),\n    focusStrategy,\n    open(focusStrategy: FocusStrategy | null = null) {\n      // Don't open if the collection is empty.\n      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {\n        setFocusStrategy(focusStrategy);\n        triggerState.open();\n      }\n    },\n    toggle(focusStrategy: FocusStrategy | null = null) {\n      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {\n        setFocusStrategy(focusStrategy);\n        triggerState.toggle();\n      }\n    },\n    isFocused,\n    setFocused\n  };\n}\n\nfunction convertValue(value: Key | Key[] | null | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (value === null) {\n    return [];\n  }\n  return Array.isArray(value) ? value : [value];\n}\n"],"names":[],"version":3,"file":"useSelectState.js.map"}

package/dist/private/select/useSelectState.mjs

@@ -0,0 +1,133 @@
+import {useFormValidationState as $fd2148440a13ec26$export$fc1a364ae1f3ff10} from "../form/useFormValidationState.mjs";
+import {useListState as $b14b6f590b50af39$export$2f645645f7bca764} from "../list/useListState.mjs";
+import {useOverlayTriggerState as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6} from "../overlays/useOverlayTriggerState.mjs";
+import {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from "../utils/useControlledState.mjs";
+import {useState as $5t5rb$useState, useMemo as $5t5rb$useMemo} from "react";
+
+/*
+ * Copyright 2020 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 $29256f53a2edafe9$export$5159ec8b34d4ec12(props) {
+    let { selectionMode: selectionMode = 'single', shouldCloseOnSelect: shouldCloseOnSelect = selectionMode === 'single' } = props;
+    let triggerState = (0, $f11fb0bcf1b2687a$export$61c6a8c84e605fb6)(props);
+    let [focusStrategy, setFocusStrategy] = (0, $5t5rb$useState)(null);
+    let defaultValue = (0, $5t5rb$useMemo)(()=>{
+        return props.defaultValue !== undefined ? props.defaultValue : selectionMode === 'single' ? props.defaultSelectedKey ?? null : [];
+    }, [
+        props.defaultValue,
+        props.defaultSelectedKey,
+        selectionMode
+    ]);
+    let value = (0, $5t5rb$useMemo)(()=>{
+        return props.value !== undefined ? props.value : selectionMode === 'single' ? props.selectedKey : undefined;
+    }, [
+        props.value,
+        props.selectedKey,
+        selectionMode
+    ]);
+    let [controlledValue, setControlledValue] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)(value, defaultValue, props.onChange);
+    // Only display the first selected item if in single selection mode but the value is an array.
+    let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
+    let setValue = (value)=>{
+        if (selectionMode === 'single') {
+            let key = Array.isArray(value) ? value[0] ?? null : value;
+            setControlledValue(key);
+            if (key !== displayValue) props.onSelectionChange?.(key);
+        } else {
+            let keys = [];
+            if (Array.isArray(value)) keys = value;
+            else if (value != null) keys = [
+                value
+            ];
+            setControlledValue(keys);
+        }
+    };
+    let listState = (0, $b14b6f590b50af39$export$2f645645f7bca764)({
+        ...props,
+        selectionMode: selectionMode,
+        disallowEmptySelection: selectionMode === 'single',
+        allowDuplicateSelectionEvents: true,
+        selectedKeys: (0, $5t5rb$useMemo)(()=>$29256f53a2edafe9$var$convertValue(displayValue), [
+            displayValue
+        ]),
+        onSelectionChange: (keys)=>{
+            // impossible, but TS doesn't know that
+            if (keys === 'all') return;
+            if (selectionMode === 'single') {
+                let key = keys.values().next().value ?? null;
+                setValue(key);
+            } else setValue([
+                ...keys
+            ]);
+            if (shouldCloseOnSelect) triggerState.close();
+            validationState.commitValidation();
+        }
+    });
+    let selectedKey = listState.selectionManager.firstSelectedKey;
+    let selectedItems = (0, $5t5rb$useMemo)(()=>{
+        return [
+            ...listState.selectionManager.selectedKeys
+        ].map((key)=>listState.collection.getItem(key)).filter((item)=>item != null);
+    }, [
+        listState.selectionManager.selectedKeys,
+        listState.collection
+    ]);
+    let validationState = (0, $fd2148440a13ec26$export$fc1a364ae1f3ff10)({
+        ...props,
+        value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue
+    });
+    let [isFocused, setFocused] = (0, $5t5rb$useState)(false);
+    let [initialValue] = (0, $5t5rb$useState)(displayValue);
+    return {
+        ...validationState,
+        ...listState,
+        ...triggerState,
+        value: displayValue,
+        defaultValue: defaultValue ?? initialValue,
+        setValue: setValue,
+        selectedKey: selectedKey,
+        setSelectedKey: setValue,
+        selectedItem: selectedItems[0] ?? null,
+        selectedItems: selectedItems,
+        defaultSelectedKey: props.defaultSelectedKey ?? (props.selectionMode === 'single' ? initialValue : null),
+        focusStrategy: focusStrategy,
+        open (focusStrategy = null) {
+            // Don't open if the collection is empty.
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+                setFocusStrategy(focusStrategy);
+                triggerState.open();
+            }
+        },
+        toggle (focusStrategy = null) {
+            if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+                setFocusStrategy(focusStrategy);
+                triggerState.toggle();
+            }
+        },
+        isFocused: isFocused,
+        setFocused: setFocused
+    };
+}
+function $29256f53a2edafe9$var$convertValue(value) {
+    if (value === undefined) return undefined;
+    if (value === null) return [];
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}
+
+
+export {$29256f53a2edafe9$export$5159ec8b34d4ec12 as useSelectState};
+//# sourceMappingURL=useSelectState.mjs.map

package/dist/private/select/useSelectState.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/select/useSelectState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CollectionBase, CollectionStateBase, FocusableProps, FocusStrategy, HelpTextProps, InputBase, Key, LabelableProps, Node, Selection, TextInputBase, Validation, ValueBase} from '@react-types/shared';\nimport {FormValidationState, useFormValidationState} from '../form/useFormValidationState';\nimport {ListState, useListState} from '../list/useListState';\nimport {OverlayTriggerState, useOverlayTriggerState} from '../overlays/useOverlayTriggerState';\nimport {useControlledState} from '../utils/useControlledState';\nimport {useMemo, useState} from 'react';\n\nexport type SelectionMode = 'single' | 'multiple';\nexport type ValueType<M extends SelectionMode> = M extends 'single' ? Key | null : readonly Key[];\nexport type ChangeValueType<M extends SelectionMode> = M extends 'single' ? Key | null : Key[];\ntype ValidationType<M extends SelectionMode> = M extends 'single' ? Key : Key[];\n\nexport interface SelectProps<T, M extends SelectionMode = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>, ChangeValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps {\n  /**\n   * Whether single or multiple selection is enabled.\n   * @default 'single'\n   */\n  selectionMode?: M,\n  /**\n   * The currently selected key in the collection (controlled).\n   * @deprecated\n   */\n  selectedKey?: Key | null,\n  /**\n   * The initial selected key in the collection (uncontrolled).\n   * @deprecated\n   */\n  defaultSelectedKey?: Key | null,\n  /**\n   * Handler that is called when the selection changes.\n   * @deprecated\n   */\n  onSelectionChange?: (key: Key | null) => void,\n  /** Sets the open state of the menu. */\n  isOpen?: boolean,\n  /** Sets the default open state of the menu. */\n  defaultOpen?: boolean,\n  /** Method that is called when the open state of the menu changes. */\n  onOpenChange?: (isOpen: boolean) => void,\n  /** Whether the Select should close when an item is selected. Defaults to true if selectionMode is single, false otherwise. */\n  shouldCloseOnSelect?: boolean,\n  /** Whether the select should be allowed to be open when the collection is empty. */\n  allowsEmptyCollection?: boolean\n}\n\nexport interface SelectStateOptions<T, M extends SelectionMode = 'single'> extends Omit<SelectProps<T, M>, 'children'>, CollectionStateBase<T> {}\n\nexport interface SelectState<T, M extends SelectionMode = 'single'> extends ListState<T>, OverlayTriggerState, FormValidationState {\n  /**\n   * The key for the first selected item.\n   * @deprecated\n   */\n  readonly selectedKey: Key | null,\n\n  /**\n   * The default selected key.\n   * @deprecated\n   */\n  readonly defaultSelectedKey: Key | null,\n\n  /**\n   * Sets the selected key.\n   * @deprecated\n   */\n  setSelectedKey(key: Key | null): void,\n\n  /** The current select value. */\n  readonly value: ValueType<M>,\n\n  /** The default select value. */\n  readonly defaultValue: ValueType<M>,\n\n  /** Sets the select value. */\n  setValue(value: Key | readonly Key[] | null): void,\n\n  /**\n   * The value of the first selected item.\n   * @deprecated\n   */\n  readonly selectedItem: Node<T> | null,\n\n  /** The value of the selected items. */\n  readonly selectedItems: Node<T>[],\n\n  /** Whether the select is currently focused. */\n  readonly isFocused: boolean,\n\n  /** Sets whether the select is focused. */\n  setFocused(isFocused: boolean): void,\n\n  /** Controls which item will be auto focused when the menu opens. */\n  readonly focusStrategy: FocusStrategy | null,\n\n  /** Opens the menu. */\n  open(focusStrategy?: FocusStrategy | null): void,\n\n  /** Toggles the menu. */\n  toggle(focusStrategy?: FocusStrategy | null): void\n}\n\n/**\n * Provides state management for a select component. Handles building a collection\n * of items from props, handles the open state for the popup menu, and manages\n * multiple selection state.\n */\nexport function useSelectState<T extends object, M extends SelectionMode = 'single'>(props: SelectStateOptions<T, M>): SelectState<T, M>  {\n  let {\n    selectionMode = 'single' as M,\n    shouldCloseOnSelect = selectionMode === 'single'\n  } = props;\n  let triggerState = useOverlayTriggerState(props);\n  let [focusStrategy, setFocusStrategy] = useState<FocusStrategy | null>(null);\n  let defaultValue = useMemo(() => {\n    return props.defaultValue !== undefined ? props.defaultValue : (selectionMode === 'single' ? props.defaultSelectedKey ?? null : []) as ValueType<M>;\n  }, [props.defaultValue, props.defaultSelectedKey, selectionMode]);\n  let value = useMemo(() => {\n    return props.value !== undefined ? props.value : (selectionMode === 'single' ? props.selectedKey : undefined) as ValueType<M>;\n  }, [props.value, props.selectedKey, selectionMode]);\n  let [controlledValue, setControlledValue] = useControlledState<Key | readonly Key[] | null>(value, defaultValue, props.onChange as any);\n  // Only display the first selected item if in single selection mode but the value is an array.\n  let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;\n  let setValue = (value: Key | Key[] | null) => {\n    if (selectionMode === 'single') {\n      let key = Array.isArray(value) ? value[0] ?? null : value;\n      setControlledValue(key);\n      if (key !== displayValue) {\n        props.onSelectionChange?.(key);\n      }\n    } else {\n      let keys: Key[] = [];\n      if (Array.isArray(value)) {\n        keys = value;\n      } else if (value != null) {\n        keys = [value];\n      }\n\n      setControlledValue(keys);\n    }\n  };\n\n  let listState = useListState({\n    ...props,\n    selectionMode,\n    disallowEmptySelection: selectionMode === 'single',\n    allowDuplicateSelectionEvents: true,\n    selectedKeys: useMemo(() => convertValue(displayValue), [displayValue]),\n    onSelectionChange: (keys: Selection) => {\n      // impossible, but TS doesn't know that\n      if (keys === 'all') {\n        return;\n      }\n\n      if (selectionMode === 'single') {\n        let key = keys.values().next().value ?? null;\n        setValue(key);\n      } else {\n        setValue([...keys]);\n      }\n      if (shouldCloseOnSelect) {\n        triggerState.close();\n      }\n\n      validationState.commitValidation();\n    }\n  });\n\n  let selectedKey = listState.selectionManager.firstSelectedKey;\n  let selectedItems = useMemo(() => {\n    return [...listState.selectionManager.selectedKeys].map(key => listState.collection.getItem(key)).filter(item => item != null);\n  }, [listState.selectionManager.selectedKeys, listState.collection]);\n\n  let validationState = useFormValidationState({\n    ...props,\n    value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue as any\n  });\n\n  let [isFocused, setFocused] = useState(false);\n  let [initialValue] = useState(displayValue);\n\n  return {\n    ...validationState,\n    ...listState,\n    ...triggerState,\n    value: displayValue as ValueType<M>,\n    defaultValue: defaultValue ?? initialValue as ValueType<M>,\n    setValue,\n    selectedKey,\n    setSelectedKey: setValue,\n    selectedItem: selectedItems[0] ?? null,\n    selectedItems,\n    defaultSelectedKey: props.defaultSelectedKey ?? (props.selectionMode === 'single' ? initialValue as Key : null),\n    focusStrategy,\n    open(focusStrategy: FocusStrategy | null = null) {\n      // Don't open if the collection is empty.\n      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {\n        setFocusStrategy(focusStrategy);\n        triggerState.open();\n      }\n    },\n    toggle(focusStrategy: FocusStrategy | null = null) {\n      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {\n        setFocusStrategy(focusStrategy);\n        triggerState.toggle();\n      }\n    },\n    isFocused,\n    setFocused\n  };\n}\n\nfunction convertValue(value: Key | Key[] | null | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (value === null) {\n    return [];\n  }\n  return Array.isArray(value) ? value : [value];\n}\n"],"names":[],"version":3,"file":"useSelectState.mjs.map"}

package/dist/private/selection/Selection.cjs

@@ -0,0 +1,31 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Selection", function () { return $69defba172ea05d3$export$52baac22726c72bf; });
+/*
+ * Copyright 2020 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.
+ */ class $69defba172ea05d3$export$52baac22726c72bf extends Set {
+    constructor(keys, anchorKey, currentKey){
+        super(keys);
+        if (keys instanceof $69defba172ea05d3$export$52baac22726c72bf) {
+            this.anchorKey = anchorKey ?? keys.anchorKey;
+            this.currentKey = currentKey ?? keys.currentKey;
+        } else {
+            this.anchorKey = anchorKey ?? null;
+            this.currentKey = currentKey ?? null;
+        }
+    }
+}
+
+
+//# sourceMappingURL=Selection.cjs.map