@box/copy-input 2.2.31 → 2.2.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCopyToClipboard}from"../esm/lib/utils.js";import messages from"../esm/lib/messages.js";import clsx from"clsx";import{forwardRef,useCallback}from"react";import{useIntl}from"react-intl";import{BaseTextInput,Button,InlineError,Text,useUniqueId}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/copy-input.css';var copy_input_module_default={container:`
|
|
1
|
+
import{useCopyToClipboard}from"../esm/lib/utils.js";import messages from"../esm/lib/messages.js";import clsx from"clsx";import{forwardRef,useCallback}from"react";import{useIntl}from"react-intl";import{BaseTextInput,Button,InlineError,Text,useUniqueId}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/copy-input.css';var copy_input_module_default={container:`_container_1rxi4_1`,hasError:`_hasError_1rxi4_6`,copyInput:`_copyInput_1rxi4_16`,input:`_input_1rxi4_20`,button:`_button_1rxi4_28`,isCopied:`_isCopied_1rxi4_40`,error:`_error_1rxi4_61`,subtext:`_subtext_1rxi4_62`},CopyInput=forwardRef((props,forwardedRef)=>{let{ariaLive,"aria-describedby":ariaDescribedBy,"data-target-id":dataTargetId,disabled,error,hideLabel,id,label,onCopy,subtext,successStateDuration,value,...rest}=props,{formatMessage}=useIntl(),defaultLabel=formatMessage(messages.copyButtonLabel),copiedLabel=formatMessage(messages.copyButtonCopiedLabel),errorId=useUniqueId(`error-`),subtextId=useUniqueId(`subtext-`),{copyToClipboard,inputRef,isCopied}=useCopyToClipboard({copyTimeout:successStateDuration,isDisabled:disabled,onCopy}),handleInputFocus=useCallback(event=>{event.target.select()},[]),handleSelect=useCallback(event=>{event.target instanceof HTMLInputElement&&event.target.setSelectionRange(0,event.target.value.length)},[]),hasError=!!error&&!disabled,hasSubtext=!error&&!!subtext,describedById;return hasSubtext&&(describedById=subtextId),hasError&&(describedById=errorId),jsxs(`div`,{className:clsx(copy_input_module_default.container,{[copy_input_module_default.hasError]:hasError}),children:[jsxs(`div`,{className:clsx(copy_input_module_default.copyInput,{[copy_input_module_default.isCopied]:isCopied}),children:[jsx(BaseTextInput,{...rest,ref:inputRef,"aria-describedby":clsx(ariaDescribedBy,describedById),"aria-invalid":hasError,className:copy_input_module_default.input,disabled,hideLabel,invalid:hasError,label,onCopy:copyToClipboard,onFocus:handleInputFocus,onSelect:handleSelect,readOnly:!0,value}),jsx(Button,{ref:forwardedRef,"aria-live":ariaLive,className:copy_input_module_default.button,"data-target-id":dataTargetId,disabled,onClick:copyToClipboard,size:`large`,variant:`secondary`,children:isCopied?copiedLabel:defaultLabel})]}),hasError&&jsx(InlineError,{className:copy_input_module_default.error,id:errorId,children:error}),hasSubtext&&!hasError&&jsx(Text,{as:`p`,className:copy_input_module_default.subtext,color:`textOnLightSecondary`,id:subtextId,variant:`caption`,children:subtext})]})});CopyInput.displayName=`CopyInput`;export{CopyInput as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1rxi4_1._container_1rxi4_1{--border-collapsible-border:var(--border-cta-border-secondary);flex-direction:column;display:flex}._container_1rxi4_1._container_1rxi4_1._hasError_1rxi4_6 input:not(:focus-visible){border-color:var(--bp-border-input-border-error)!important;border-width:var(--bp-border-02)!important}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16{--text-input-disabled-opacity-api:.3;display:flex}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16 ._input_1rxi4_20{z-index:1;flex-grow:1}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16 ._input_1rxi4_20 input{border-top-right-radius:0;border-bottom-right-radius:0}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16 ._button_1rxi4_28{border-color:var(--bp-gray-20);border-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;align-self:flex-end;margin-left:-1px}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16 ._button_1rxi4_28:disabled{border-color:var(--bp-border-input-border)}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16 ._button_1rxi4_28:focus-visible{z-index:1}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16._isCopied_1rxi4_40{--border-collapsible-border:var(--green-light-120);--surface-cta-surface-secondary:var(--green-light-50);--surface-cta-surface-secondary-hover:var(--green-light-50)}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16._isCopied_1rxi4_40 input{border-color:var(--green-light-120)!important;border-width:var(--bp-border-01)!important}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16._isCopied_1rxi4_40 input:focus{border-color:var(--outline-focus-on-light)!important;border-width:var(--bp-border-02)!important}._container_1rxi4_1._container_1rxi4_1 ._copyInput_1rxi4_16._isCopied_1rxi4_40 ._button_1rxi4_28{background-color:var(--green-light-50);border-color:var(--green-light-120)}._container_1rxi4_1._container_1rxi4_1 ._error_1rxi4_61,._container_1rxi4_1._container_1rxi4_1 ._subtext_1rxi4_62{margin-block-start:var(--bp-space-020)}
|
package/package.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/copy-input",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.32",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
|
-
"@box/blueprint-web": "^17.
|
|
7
|
-
"@box/blueprint-web-assets": "^5.9.
|
|
6
|
+
"@box/blueprint-web": "^17.3.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^5.9.1",
|
|
8
8
|
"react": "^18.0.0",
|
|
9
9
|
"react-dom": "^18.0.0",
|
|
10
10
|
"react-intl": "^6.4.2"
|
|
11
11
|
},
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@box/blueprint-web": "^17.
|
|
14
|
-
"@box/blueprint-web-assets": "^5.9.
|
|
13
|
+
"@box/blueprint-web": "^17.3.0",
|
|
14
|
+
"@box/blueprint-web-assets": "^5.9.1",
|
|
15
15
|
"@box/eslint-plugin-blueprint": "2.2.9",
|
|
16
|
-
"@box/storybook-utils": "1.2.
|
|
16
|
+
"@box/storybook-utils": "1.2.32",
|
|
17
17
|
"react-intl": "^6.4.2"
|
|
18
18
|
},
|
|
19
19
|
"publishConfig": {
|