@react-aria/searchfield 3.0.0-nightly-641446f65-240905

package/dist/zh-CN.mjs

@@ -0,0 +1,8 @@
+var $117b536bfb1ae554$exports = {};
+$117b536bfb1ae554$exports = {
+    "Clear search": `\u{6E05}\u{9664}\u{641C}\u{7D22}`
+};
+
+
+export {$117b536bfb1ae554$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,8 @@
+var $117b536bfb1ae554$exports = {};
+$117b536bfb1ae554$exports = {
+    "Clear search": `\u{6E05}\u{9664}\u{641C}\u{7D22}`
+};
+
+
+export {$117b536bfb1ae554$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,gBAAgB,CAAC,gCAAI,CAAC;AAC1C","sources":["packages/@react-aria/searchfield/intl/zh-CN.json"],"sourcesContent":["{\n  \"Clear search\": \"清除搜索\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,6 @@
+module.exports = {
+    "Clear search": `\u{6E05}\u{9664}\u{641C}\u{5C0B}\u{689D}\u{4EF6}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,gBAAgB,CAAC,gDAAM,CAAC;AAC5C","sources":["packages/@react-aria/searchfield/intl/zh-TW.json"],"sourcesContent":["{\n  \"Clear search\": \"清除搜尋條件\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,8 @@
+var $525f6fa4ac26e278$exports = {};
+$525f6fa4ac26e278$exports = {
+    "Clear search": `\u{6E05}\u{9664}\u{641C}\u{5C0B}\u{689D}\u{4EF6}`
+};
+
+
+export {$525f6fa4ac26e278$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -0,0 +1,8 @@
+var $525f6fa4ac26e278$exports = {};
+$525f6fa4ac26e278$exports = {
+    "Clear search": `\u{6E05}\u{9664}\u{641C}\u{5C0B}\u{689D}\u{4EF6}`
+};
+
+
+export {$525f6fa4ac26e278$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,gBAAgB,CAAC,gDAAM,CAAC;AAC5C","sources":["packages/@react-aria/searchfield/intl/zh-TW.json"],"sourcesContent":["{\n  \"Clear search\": \"清除搜尋條件\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@react-aria/searchfield",
+  "version": "3.0.0-nightly-641446f65-240905",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@react-aria/i18n": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/textfield": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/searchfield": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/button": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/searchfield": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/shared": "^3.0.0-nightly-641446f65-240905",
+    "@swc/helpers": "^0.5.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "stableVersion": "3.7.8"
+}

package/src/index.ts

@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
+export {useSearchField} from './useSearchField';
+export type {AriaSearchFieldProps} from '@react-types/searchfield';
+export type {SearchFieldAria} from './useSearchField';

package/src/useSearchField.ts

@@ -0,0 +1,128 @@
+/*
+ * 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.
+ */
+
+import {AriaButtonProps} from '@react-types/button';
+import {AriaSearchFieldProps} from '@react-types/searchfield';
+import {chain} from '@react-aria/utils';
+import {DOMAttributes, RefObject, ValidationResult} from '@react-types/shared';
+import {InputHTMLAttributes, LabelHTMLAttributes} from 'react';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {SearchFieldState} from '@react-stately/searchfield';
+import {useLocalizedStringFormatter} from '@react-aria/i18n';
+import {useTextField} from '@react-aria/textfield';
+
+export interface SearchFieldAria extends ValidationResult {
+  /** Props for the text field's visible label element (if any). */
+  labelProps: LabelHTMLAttributes<HTMLLabelElement>,
+  /** Props for the input element. */
+  inputProps: InputHTMLAttributes<HTMLInputElement>,
+  /** Props for the clear button. */
+  clearButtonProps: AriaButtonProps,
+  /** Props for the searchfield's description element, if any. */
+  descriptionProps: DOMAttributes,
+  /** Props for the searchfield's error message element, if any. */
+  errorMessageProps: DOMAttributes
+}
+
+/**
+ * Provides the behavior and accessibility implementation for a search field.
+ * @param props - Props for the search field.
+ * @param state - State for the search field, as returned by `useSearchFieldState`.
+ * @param inputRef - A ref to the input element.
+ */
+export function useSearchField(
+  props: AriaSearchFieldProps,
+  state: SearchFieldState,
+  inputRef: RefObject<HTMLInputElement | null>
+): SearchFieldAria {
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/searchfield');
+  let {
+    isDisabled,
+    isReadOnly,
+    onSubmit,
+    onClear,
+    type = 'search'
+  } = props;
+
+  let onKeyDown = (e) => {
+    const key = e.key;
+
+    if (key === 'Enter' && (isDisabled || isReadOnly)) {
+      e.preventDefault();
+    }
+
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+
+    // for backward compatibility;
+    // otherwise, "Enter" on an input would trigger a form submit, the default browser behavior
+    if (key === 'Enter' && onSubmit) {
+      e.preventDefault();
+      onSubmit(state.value);
+    }
+
+    if (key === 'Escape') {
+      if (state.value === '') {
+        e.continuePropagation();
+      } else {
+        state.setValue('');
+        if (onClear) {
+          onClear();
+        }
+      }
+    }
+  };
+
+  let onClearButtonClick = () => {
+    state.setValue('');
+
+    if (onClear) {
+      onClear();
+    }
+  };
+
+  let onPressStart = () => {
+    // this is in PressStart for mobile so that touching the clear button doesn't remove focus from
+    // the input and close the keyboard
+    inputRef.current?.focus();
+  };
+
+  let {labelProps, inputProps, descriptionProps, errorMessageProps, ...validation} = useTextField({
+    ...props,
+    value: state.value,
+    onChange: state.setValue,
+    onKeyDown: !isReadOnly ? chain(onKeyDown, props.onKeyDown) : props.onKeyDown,
+    type
+  }, inputRef);
+
+  return {
+    labelProps,
+    inputProps: {
+      ...inputProps,
+      // already handled by useSearchFieldState
+      defaultValue: undefined
+    },
+    clearButtonProps: {
+      'aria-label': stringFormatter.format('Clear search'),
+      excludeFromTabOrder: true,
+      preventFocusOnPress: true,
+      isDisabled: isDisabled || isReadOnly,
+      onPress: onClearButtonClick,
+      onPressStart
+    },
+    descriptionProps,
+    errorMessageProps,
+    ...validation
+  };
+}