@react-aria/searchfield 3.8.12 → 3.9.0

package/dist/useSearchField.module.js

@@ -1,88 +0,0 @@
-import $kTEqN$intlStringsmodulejs from "./intlStrings.module.js";
-import {chain as $kTEqN$chain} from "@react-aria/utils";
-import {useLocalizedStringFormatter as $kTEqN$useLocalizedStringFormatter} from "@react-aria/i18n";
-import {useTextField as $kTEqN$useTextField} from "@react-aria/textfield";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * 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 $4d52238874b24f86$export$9bb30bbe003b82e0(props, state, inputRef) {
-    let stringFormatter = (0, $kTEqN$useLocalizedStringFormatter)((0, ($parcel$interopDefault($kTEqN$intlStringsmodulejs))), '@react-aria/searchfield');
-    let { isDisabled: isDisabled, isReadOnly: isReadOnly, onSubmit: onSubmit, onClear: onClear, type: 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') {
-            // Also check the inputRef value for the case where the value was set directly on the input element instead of going through
-            // the hook
-            if (state.value === '' && (!inputRef.current || inputRef.current.value === '')) e.continuePropagation();
-            else {
-                e.preventDefault();
-                state.setValue('');
-                if (onClear) onClear();
-            }
-        }
-    };
-    let onClearButtonClick = ()=>{
-        state.setValue('');
-        if (onClear) onClear();
-    };
-    let onPressStart = ()=>{
-        var // 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;
-        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
-    };
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kTEqN$useTextField)({
-        ...props,
-        value: state.value,
-        onChange: state.setValue,
-        onKeyDown: !isReadOnly ? (0, $kTEqN$chain)(onKeyDown, props.onKeyDown) : props.onKeyDown,
-        type: type
-    }, inputRef);
-    return {
-        labelProps: 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: onPressStart
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        ...validation
-    };
-}
-
-
-export {$4d52238874b24f86$export$9bb30bbe003b82e0 as useSearchField};
-//# sourceMappingURL=useSearchField.module.js.map

package/dist/useSearchField.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAgCM,SAAS,0CACd,KAA2B,EAC3B,KAAuB,EACvB,QAA4C;IAE5C,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,cACF,UAAU,cACV,UAAU,YACV,QAAQ,WACR,OAAO,QACP,OAAO,UACR,GAAG;IAEJ,IAAI,YAAY,CAAC;QACf,MAAM,MAAM,EAAE,GAAG;QAEjB,IAAI,QAAQ,WAAY,CAAA,cAAc,UAAS,GAC7C,EAAE,cAAc;QAGlB,IAAI,cAAc,YAChB;QAGF,8BAA8B;QAC9B,2FAA2F;QAC3F,IAAI,QAAQ,WAAW,UAAU;YAC/B,EAAE,cAAc;YAChB,SAAS,MAAM,KAAK;QACtB;QAEA,IAAI,QAAQ;YACV,4HAA4H;YAC5H,WAAW;YACX,IAAI,MAAM,KAAK,KAAK,MAAO,CAAA,CAAC,SAAS,OAAO,IAAI,SAAS,OAAO,CAAC,KAAK,KAAK,EAAC,GAC1E,EAAE,mBAAmB;iBAChB;gBACL,EAAE,cAAc;gBAChB,MAAM,QAAQ,CAAC;gBACf,IAAI,SACF;YAEJ;;IAEJ;IAEA,IAAI,qBAAqB;QACvB,MAAM,QAAQ,CAAC;QAEf,IAAI,SACF;IAEJ;IAEA,IAAI,eAAe;YACjB,+FAA+F;QAC/F,mCAAmC;QACnC;SAAA,oBAAA,SAAS,OAAO,cAAhB,wCAAA,kBAAkB,KAAK;IACzB;IAEA,IAAI,cAAC,UAAU,cAAE,UAAU,oBAAE,gBAAgB,qBAAE,iBAAiB,EAAE,GAAG,YAAW,GAAG,CAAA,GAAA,mBAAW,EAAE;QAC9F,GAAG,KAAK;QACR,OAAO,MAAM,KAAK;QAClB,UAAU,MAAM,QAAQ;QACxB,WAAW,CAAC,aAAa,CAAA,GAAA,YAAI,EAAE,WAAW,MAAM,SAAS,IAAI,MAAM,SAAS;cAC5E;IACF,GAAG;IAEH,OAAO;oBACL;QACA,YAAY;YACV,GAAG,UAAU;YACb,yCAAyC;YACzC,cAAc;QAChB;QACA,kBAAkB;YAChB,cAAc,gBAAgB,MAAM,CAAC;YACrC,qBAAqB;YACrB,qBAAqB;YACrB,YAAY,cAAc;YAC1B,SAAS;0BACT;QACF;0BACA;2BACA;QACA,GAAG,UAAU;IACf;AACF","sources":["packages/@react-aria/searchfield/src/useSearchField.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 {AriaButtonProps} from '@react-types/button';\nimport {AriaSearchFieldProps} from '@react-types/searchfield';\nimport {chain} from '@react-aria/utils';\nimport {DOMAttributes, RefObject, ValidationResult} from '@react-types/shared';\nimport {InputHTMLAttributes, LabelHTMLAttributes} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {SearchFieldState} from '@react-stately/searchfield';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useTextField} from '@react-aria/textfield';\n\nexport interface SearchFieldAria extends ValidationResult {\n  /** Props for the text field's visible label element (if any). */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the clear button. */\n  clearButtonProps: AriaButtonProps,\n  /** Props for the searchfield's description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the searchfield's error message element, if any. */\n  errorMessageProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a search field.\n * @param props - Props for the search field.\n * @param state - State for the search field, as returned by `useSearchFieldState`.\n * @param inputRef - A ref to the input element.\n */\nexport function useSearchField(\n  props: AriaSearchFieldProps,\n  state: SearchFieldState,\n  inputRef: RefObject<HTMLInputElement | null>\n): SearchFieldAria {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/searchfield');\n  let {\n    isDisabled,\n    isReadOnly,\n    onSubmit,\n    onClear,\n    type = 'search'\n  } = props;\n\n  let onKeyDown = (e) => {\n    const key = e.key;\n\n    if (key === 'Enter' && (isDisabled || isReadOnly)) {\n      e.preventDefault();\n    }\n\n    if (isDisabled || isReadOnly) {\n      return;\n    }\n\n    // for backward compatibility;\n    // otherwise, \"Enter\" on an input would trigger a form submit, the default browser behavior\n    if (key === 'Enter' && onSubmit) {\n      e.preventDefault();\n      onSubmit(state.value);\n    }\n\n    if (key === 'Escape') {\n      // Also check the inputRef value for the case where the value was set directly on the input element instead of going through\n      // the hook\n      if (state.value === '' && (!inputRef.current || inputRef.current.value === '')) {\n        e.continuePropagation();\n      } else {\n        e.preventDefault();\n        state.setValue('');\n        if (onClear) {\n          onClear();\n        }\n      }\n    }\n  };\n\n  let onClearButtonClick = () => {\n    state.setValue('');\n\n    if (onClear) {\n      onClear();\n    }\n  };\n\n  let onPressStart = () => {\n    // this is in PressStart for mobile so that touching the clear button doesn't remove focus from\n    // the input and close the keyboard\n    inputRef.current?.focus();\n  };\n\n  let {labelProps, inputProps, descriptionProps, errorMessageProps, ...validation} = useTextField({\n    ...props,\n    value: state.value,\n    onChange: state.setValue,\n    onKeyDown: !isReadOnly ? chain(onKeyDown, props.onKeyDown) : props.onKeyDown,\n    type\n  }, inputRef);\n\n  return {\n    labelProps,\n    inputProps: {\n      ...inputProps,\n      // already handled by useSearchFieldState\n      defaultValue: undefined\n    },\n    clearButtonProps: {\n      'aria-label': stringFormatter.format('Clear search'),\n      excludeFromTabOrder: true,\n      preventFocusOnPress: true,\n      isDisabled: isDisabled || isReadOnly,\n      onPress: onClearButtonClick,\n      onPressStart\n    },\n    descriptionProps,\n    errorMessageProps,\n    ...validation\n  };\n}\n"],"names":[],"version":3,"file":"useSearchField.module.js.map"}

package/dist/zh-CN.main.js

@@ -1,6 +0,0 @@
-module.exports = {
-    "Clear search": `\u{6E05}\u{9664}\u{641C}\u{7D22}`
-};
-
-
-//# sourceMappingURL=zh-CN.main.js.map

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

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;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.main.js.map"}

package/dist/zh-CN.mjs

@@ -1,8 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/src/useSearchField.ts

@@ -1,131 +0,0 @@
-/*
- * 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') {
-      // Also check the inputRef value for the case where the value was set directly on the input element instead of going through
-      // the hook
-      if (state.value === '' && (!inputRef.current || inputRef.current.value === '')) {
-        e.continuePropagation();
-      } else {
-        e.preventDefault();
-        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
-  };
-}