@react-spectrum/textfield
Advanced tools
@react-spectrum/textfield - npm Package Compare versions
Comparing version 3.0.0-nightly-0ddbe6f95-241021 to 3.0.0-nightly-10a43de88-241127
@@ -36,3 +36,3 @@ var $86793250183ac29e$exports = require("./TextFieldBase.main.js"); | ||
| function $eec649e464f3832d$var$TextArea(props, ref) { | ||
| const $eec649e464f3832d$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, ($parcel$interopDefault($5VIId$react))).forwardRef(function TextArea(props, ref) { | ||
| props = (0, $5VIId$reactspectrumprovider.useProviderProps)(props); | ||
@@ -93,10 +93,5 @@ props = (0, $5VIId$reactspectrumform.useFormProps)(props); | ||
| }); | ||
| } | ||
| /** | ||
| * TextAreas are multiline text inputs, useful for cases where users have | ||
| * a sizable amount of text to enter. They allow for all customizations that | ||
| * are available to text fields. | ||
| */ let $eec649e464f3832d$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, ($parcel$interopDefault($5VIId$react))).forwardRef($eec649e464f3832d$var$TextArea); | ||
| }); | ||
| //# sourceMappingURL=TextArea.main.js.map |
@@ -26,3 +26,3 @@ import {TextFieldBase as $599adb75312e6492$export$d22444a338b6e3c2} from "./TextFieldBase.module.js"; | ||
| function $cc187bf91f8eea73$var$TextArea(props, ref) { | ||
| const $cc187bf91f8eea73$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $hi3T0$react).forwardRef(function TextArea(props, ref) { | ||
| props = (0, $hi3T0$useProviderProps)(props); | ||
@@ -83,8 +83,3 @@ props = (0, $hi3T0$useFormProps)(props); | ||
| }); | ||
| } | ||
| /** | ||
| * TextAreas are multiline text inputs, useful for cases where users have | ||
| * a sizable amount of text to enter. They allow for all customizations that | ||
| * are available to text fields. | ||
| */ let $cc187bf91f8eea73$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $hi3T0$react).forwardRef($cc187bf91f8eea73$var$TextArea); | ||
| }); | ||
@@ -91,0 +86,0 @@ |
@@ -32,3 +32,3 @@ var $86793250183ac29e$exports = require("./TextFieldBase.main.js"); | ||
| function $34fd51d50eb4b056$var$TextField(props, ref) { | ||
| const $34fd51d50eb4b056$export$2c73285ae9390cec = /*#__PURE__*/ (0, $em8OD$react.forwardRef)(function TextField(props, ref) { | ||
| props = (0, $em8OD$reactspectrumprovider.useProviderProps)(props); | ||
@@ -45,10 +45,5 @@ props = (0, $em8OD$reactspectrumform.useFormProps)(props); | ||
| }); | ||
| } | ||
| /** | ||
| * TextFields are text inputs that allow users to input custom text entries | ||
| * with a keyboard. Various decorations can be displayed around the field to | ||
| * communicate the entry requirements. | ||
| */ const $34fd51d50eb4b056$export$2c73285ae9390cec = /*#__PURE__*/ (0, $em8OD$react.forwardRef)($34fd51d50eb4b056$var$TextField); | ||
| }); | ||
| //# sourceMappingURL=TextField.main.js.map |
| import {TextFieldBase as $599adb75312e6492$export$d22444a338b6e3c2} from "./TextFieldBase.module.js"; | ||
| import $9R76J$react, {useRef as $9R76J$useRef, forwardRef as $9R76J$forwardRef} from "react"; | ||
| import $9R76J$react, {forwardRef as $9R76J$forwardRef, useRef as $9R76J$useRef} from "react"; | ||
| import {useFormProps as $9R76J$useFormProps} from "@react-spectrum/form"; | ||
@@ -22,3 +22,3 @@ import {useProviderProps as $9R76J$useProviderProps} from "@react-spectrum/provider"; | ||
| function $265457f9427aa380$var$TextField(props, ref) { | ||
| const $265457f9427aa380$export$2c73285ae9390cec = /*#__PURE__*/ (0, $9R76J$forwardRef)(function TextField(props, ref) { | ||
| props = (0, $9R76J$useProviderProps)(props); | ||
@@ -35,8 +35,3 @@ props = (0, $9R76J$useFormProps)(props); | ||
| }); | ||
| } | ||
| /** | ||
| * TextFields are text inputs that allow users to input custom text entries | ||
| * with a keyboard. Various decorations can be displayed around the field to | ||
| * communicate the entry requirements. | ||
| */ const $265457f9427aa380$export$2c73285ae9390cec = /*#__PURE__*/ (0, $9R76J$forwardRef)($265457f9427aa380$var$TextField); | ||
| }); | ||
@@ -43,0 +38,0 @@ |
@@ -1,2 +0,2 @@ | ||
| require("./vars.06803e48.css"); | ||
| require("./vars.ff531137.css"); | ||
| var $40cb3a00c193680f$exports = require("./textfield_vars_css.main.js"); | ||
@@ -41,3 +41,3 @@ var $fWjzu$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium"); | ||
| function $86793250183ac29e$var$TextFieldBase(props, ref) { | ||
| const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fWjzu$react.forwardRef)(function TextFieldBase(props, ref) { | ||
| let { validationState: validationState = props.isInvalid ? 'invalid' : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props; | ||
@@ -106,6 +106,5 @@ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fWjzu$reactariainteractions.useHover)({ | ||
| }, textField); | ||
| } | ||
| const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fWjzu$react.forwardRef)($86793250183ac29e$var$TextFieldBase); | ||
| }); | ||
| //# sourceMappingURL=TextFieldBase.main.js.map |
@@ -1,2 +0,2 @@ | ||
| import "./vars.06803e48.css"; | ||
| import "./vars.ff531137.css"; | ||
| import $264pK$textfield_vars_cssmodulejs from "./textfield_vars_css.module.js"; | ||
@@ -8,3 +8,3 @@ import $264pK$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium"; | ||
| import {mergeProps as $264pK$mergeProps} from "@react-aria/utils"; | ||
| import $264pK$react, {useRef as $264pK$useRef, useImperativeHandle as $264pK$useImperativeHandle, cloneElement as $264pK$cloneElement, forwardRef as $264pK$forwardRef} from "react"; | ||
| import $264pK$react, {forwardRef as $264pK$forwardRef, useRef as $264pK$useRef, useImperativeHandle as $264pK$useImperativeHandle, cloneElement as $264pK$cloneElement} from "react"; | ||
| import {useFocusRing as $264pK$useFocusRing} from "@react-aria/focus"; | ||
@@ -36,3 +36,3 @@ import {useHover as $264pK$useHover} from "@react-aria/interactions"; | ||
| function $599adb75312e6492$var$TextFieldBase(props, ref) { | ||
| const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $264pK$forwardRef)(function TextFieldBase(props, ref) { | ||
| let { validationState: validationState = props.isInvalid ? 'invalid' : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props; | ||
@@ -101,4 +101,3 @@ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $264pK$useHover)({ | ||
| }, textField); | ||
| } | ||
| const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $264pK$forwardRef)($599adb75312e6492$var$TextFieldBase); | ||
| }); | ||
@@ -105,0 +104,0 @@ |
@@ -24,3 +24,3 @@ import { PressEvents, RefObject, ValidationResult } from "@react-types/shared"; | ||
| */ | ||
| export let TextArea: React.ForwardRefExoticComponent<SpectrumTextAreaProps & React.RefAttributes<TextFieldRef<HTMLTextAreaElement>>>; | ||
| export const TextArea: React.ForwardRefExoticComponent<SpectrumTextAreaProps & React.RefAttributes<TextFieldRef<HTMLTextAreaElement>>>; | ||
| /** | ||
@@ -27,0 +27,0 @@ * TextFields are text inputs that allow users to input custom text entries |
| { | ||
| "name": "@react-spectrum/textfield", | ||
| "version": "3.0.0-nightly-0ddbe6f95-241021", | ||
| "version": "3.0.0-nightly-10a43de88-241127", | ||
| "description": "Spectrum UI components in React", | ||
@@ -39,13 +39,13 @@ "license": "Apache-2.0", | ||
| "dependencies": { | ||
| "@react-aria/focus": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-aria/interactions": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-aria/textfield": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-aria/utils": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-spectrum/form": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-spectrum/label": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-spectrum/utils": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-stately/utils": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-types/shared": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-types/textfield": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@spectrum-icons/ui": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "@react-aria/focus": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-aria/interactions": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-aria/textfield": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-aria/utils": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-spectrum/form": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-spectrum/label": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-spectrum/utils": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-stately/utils": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-types/shared": "^3.0.0-nightly-10a43de88-241127", | ||
| "@react-types/textfield": "^3.0.0-nightly-10a43de88-241127", | ||
| "@spectrum-icons/ui": "^3.0.0-nightly-10a43de88-241127", | ||
| "@swc/helpers": "^0.5.0" | ||
@@ -55,7 +55,7 @@ }, | ||
| "@adobe/spectrum-css-temp": "3.0.0-alpha.1", | ||
| "@spectrum-icons/workflow": "^3.0.0-nightly-0ddbe6f95-241021" | ||
| "@spectrum-icons/workflow": "^3.0.0-nightly-10a43de88-241127" | ||
| }, | ||
| "peerDependencies": { | ||
| "@react-spectrum/provider": "^3.0.0-nightly-0ddbe6f95-241021", | ||
| "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0" | ||
| "@react-spectrum/provider": "^3.0.0-nightly-10a43de88-241127", | ||
| "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" | ||
| }, | ||
@@ -65,3 +65,3 @@ "publishConfig": { | ||
| }, | ||
| "stableVersion": "3.12.6" | ||
| "stableVersion": "3.12.7" | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-1.33%
149325
- Lines of code
- decreased by-2.28%
1671
Dependency changes
Updated@react-aria/interactions@^3.0.0-nightly-10a43de88-241127
Updated@react-aria/textfield@^3.0.0-nightly-10a43de88-241127
Updated@react-spectrum/label@^3.0.0-nightly-10a43de88-241127
Updated@react-spectrum/utils@^3.0.0-nightly-10a43de88-241127
Updated@react-types/textfield@^3.0.0-nightly-10a43de88-241127