@aws-amplify/ui-react 2.17.1 → 2.18.0

package/dist/esm/primitives/Menu/MenuButton.js

@@ -1 +1 @@
-import{__rest as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as a}from"react/jsx-runtime";import*as s from"react";import i from"classnames";import{classNameModifier as e}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{useStyles as r}from"../shared/styleUtils.js";const l=s.forwardRef(((s,l)=>{var{ariaLabel:d,className:n,children:m,isFullWidth:p=!1,isDisabled:u,isLoading:c,loadingText:b="",size:f,style:y,type:h="button",variation:g,testId:j}=s,v=t(s,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:x,nonStyleProps:B}=r(v,y),L=i(o.Button,e(o.Button,f),e(o.Button,g),n);return a("button",Object.assign({ref:l,className:L,"data-fullwidth":p,"data-loading":c,"data-size":f,"data-variation":g,disabled:u||c,type:h,"data-testid":j,"aria-label":d,style:x},B,{children:m}))}));l.displayName="MenuButton";export{l as MenuButton};
+import{__rest as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as a}from"react/jsx-runtime";import*as s from"react";import i from"classnames";import{Button as e}from"../Button/Button.js";import{classNameModifier as o}from"../shared/utils.js";import{ComponentClassNames as r}from"../shared/constants.js";import{useStyles as l}from"../shared/styleUtils.js";const d=s.forwardRef(((s,d)=>{var{ariaLabel:n,className:m,children:p,isFullWidth:u=!1,isDisabled:c,isLoading:f,loadingText:b="",size:y,style:h,type:j="button",variation:g,testId:B}=s,v=t(s,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:x,nonStyleProps:L}=l(v,h),N=i(r.Button,o(r.Button,y),o(r.Button,g),m);return a(e,Object.assign({ref:d,className:N,"data-fullwidth":u,"data-loading":f,"data-size":y,"data-variation":g,disabled:c||f,type:j,"data-testid":B,"aria-label":n,style:x},L,{children:p}))}));d.displayName="MenuButton";export{d as MenuButton};

package/dist/esm/primitives/PhoneNumberField/CountryCodeSelect.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{countryDialCodes as r}from"@aws-amplify/ui";import{ComponentClassNames as a}from"../shared/constants.js";import{SelectField as l}from"../SelectField/SelectField.js";const i=t.forwardRef(((i,m)=>{var{className:c,dialCodeList:d}=i,n=e(i,["className","dialCodeList"]);const p=null!=d?d:r,f=t.useMemo((()=>p.map((e=>o("option",Object.assign({value:e},{children:e}),e)))),[p]);return o(l,Object.assign({autoComplete:"tel-country-code",className:s(a.CountryCodeSelect,c),labelHidden:!0,ref:m},n,{children:f}))}));i.displayName="CountryCodeSelect";export{i as CountryCodeSelect};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import*as o from"react";import a from"classnames";import{countryDialCodes as t}from"@aws-amplify/ui";import{ComponentClassNames as r}from"../shared/constants.js";import{SelectField as i}from"../SelectField/SelectField.js";const l=o.forwardRef(((l,m)=>{var{className:d,dialCodeList:n,isReadOnly:c}=l,p=e(l,["className","dialCodeList","isReadOnly"]);const f=null!=n?n:t,u=o.useMemo((()=>f.map((e=>s("option",Object.assign({value:e,disabled:c},{children:e}),e)))),[f,c]);return s(i,Object.assign({"aria-disabled":c,autoComplete:"tel-country-code",className:a(r.CountryCodeSelect,d),labelHidden:!0,ref:m},p,{children:u}))}));l.displayName="CountryCodeSelect";export{l as CountryCodeSelect};

package/dist/esm/primitives/PhoneNumberField/PhoneNumberField.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import*as t from"react";import a from"classnames";import{ComponentClassNames as r}from"../shared/constants.js";import{CountryCodeSelect as s}from"./CountryCodeSelect.js";import{SharedText as i}from"../shared/i18n.js";import{TextField as n}from"../TextField/TextField.js";const l=t.forwardRef(((t,l)=>{var{autoComplete:d="tel-national",className:m,countryCodeName:u,countryCodeLabel:C=i.CountryCodeSelect.ariaLabel,defaultCountryCode:p,hasError:c,isDisabled:f,onCountryCodeChange:y,onInput:b,size:h,type:N,variation:j,countryCodeRef:L,dialCodeList:v}=t,g=e(t,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return o(n,Object.assign({outerStartComponent:o(s,{defaultValue:p,dialCodeList:v,className:m,hasError:c,isDisabled:f,label:C,name:u,onChange:y,ref:L,size:h,variation:j}),autoComplete:d,className:a(r.PhoneNumberField,m),hasError:c,isDisabled:f,isMultiline:!1,onInput:b,ref:l,size:h,type:"tel",variation:j},g))}));l.displayName="PhoneNumberField";export{l as PhoneNumberField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import*as a from"react";import t from"classnames";import{ComponentClassNames as r}from"../shared/constants.js";import{CountryCodeSelect as s}from"./CountryCodeSelect.js";import{SharedText as i}from"../shared/i18n.js";import{TextField as n}from"../TextField/TextField.js";const l=a.forwardRef(((a,l)=>{var{autoComplete:d="tel-national",className:m,countryCodeName:u,countryCodeLabel:C=i.CountryCodeSelect.ariaLabel,defaultCountryCode:p,hasError:y,isDisabled:c,isReadOnly:f,onCountryCodeChange:b,onInput:h,size:N,type:j,variation:R,countryCodeRef:L,dialCodeList:v}=a,O=e(a,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","isReadOnly","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return o(n,Object.assign({outerStartComponent:o(s,{defaultValue:p,dialCodeList:v,className:m,hasError:y,isDisabled:c,isReadOnly:f,label:C,name:u,onChange:b,ref:L,size:N,variation:R}),autoComplete:d,className:t(r.PhoneNumberField,m),hasError:y,isDisabled:c,isReadOnly:f,isMultiline:!1,onInput:h,ref:l,size:N,type:"tel",variation:R},O))}));l.displayName="PhoneNumberField";export{l as PhoneNumberField};