@aws-amplify/ui-react 2.17.0 → 2.18.1

package/dist/esm/primitives/Button/Button.js

@@ -1 +1 @@
-import{__rest as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import s from"classnames";import*as o from"react";import{classNameModifier as e,classNameModifierByFlag as r}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Loader as d}from"../Loader/Loader.js";import{View as m}from"../View/View.js";const u=o.forwardRef(((o,u)=>{var{className:p,children:c,isFullWidth:f=!1,isDisabled:b,isLoading:h,loadingText:j="",size:g,type:B="button",variation:x}=o,w=t(o,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=s(n.Button,n.FieldGroupControl,e(n.Button,x),e(n.Button,g),r(n.Button,"disabled",b||h),r(n.Button,"loading",h),r(n.Button,"fullwidth",f),p);return i(m,Object.assign({ref:u,as:"button",className:F,"data-fullwidth":f,"data-loading":h,"data-size":g,"data-variation":x,isDisabled:b||h,type:B},w,{children:h&&j?a(l,Object.assign({as:"span",className:n.ButtonLoaderWrapper},{children:[i(d,{size:g}),j]})):c}))}));u.displayName="Button";export{u as Button};
+import{__rest as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import s from"classnames";import*as o from"react";import{classNameModifier as e,classNameModifierByFlag as r}from"../shared/utils.js";import{ComponentClassNames as d}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Loader as n}from"../Loader/Loader.js";import{View as m}from"../View/View.js";const u=o.forwardRef(((o,u)=>{var{className:p,children:c,isFullWidth:f=!1,isDisabled:b,isLoading:h,loadingText:j="",size:g,type:B="button",variation:x}=o,w=t(o,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=s(d.Button,d.FieldGroupControl,e(d.Button,x),e(d.Button,g),r(d.Button,"disabled",b||h||w.disabled),r(d.Button,"loading",h),r(d.Button,"fullwidth",f),p);return i(m,Object.assign({ref:u,as:"button",className:F,"data-fullwidth":f,"data-loading":h,"data-size":g,"data-variation":x,isDisabled:b||h,type:B},w,{children:h&&j?a(l,Object.assign({as:"span",className:d.ButtonLoaderWrapper},{children:[i(n,{size:g}),j]})):c}))}));u.displayName="Button";export{u as Button};

package/dist/esm/primitives/FieldGroup/FieldGroup.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import*as t from"react";import o from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as a}from"../shared/constants.js";import{Flex as s}from"../Flex/Flex.js";import{View as l}from"../View/View.js";const d=t.forwardRef(((t,d)=>{var{children:m,className:p,innerEndComponent:c,innerStartComponent:u,orientation:F="horizontal",outerEndComponent:j,outerStartComponent:f}=t,h=e(t,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent"]);const G=null!=c,N=null!=u?a.FieldGroupHasInnerStart:null,b=G?a.FieldGroupHasInnerEnd:null,C=o(a.FieldGroup,N,b,i(a.FieldGroup,F),p);return r(s,Object.assign({className:C,"data-orientation":F,ref:d},h,{children:[f&&n(l,Object.assign({className:a.FieldGroupOuterStart},{children:f})),r(l,Object.assign({className:o(a.FieldGroupFieldWrapper,i(a.FieldGroupFieldWrapper,F)),"data-orientation":F},{children:[u&&n(l,Object.assign({className:a.FieldGroupInnerStart},{children:u})),m,c&&n(l,Object.assign({className:a.FieldGroupInnerEnd},{children:c}))]})),j&&n(l,Object.assign({className:a.FieldGroupOuterEnd},{children:j}))]}))}));d.displayName="FieldGroup";export{d as FieldGroup};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import*as t from"react";import o from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as a}from"../shared/constants.js";import{Flex as s}from"../Flex/Flex.js";import{View as l}from"../View/View.js";const d=t.forwardRef(((t,d)=>{var{children:m,className:p,innerEndComponent:u,innerStartComponent:c,orientation:F="horizontal",outerEndComponent:G,outerStartComponent:j,variation:f}=t,h=e(t,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const O=null!=u,N=null!=c?a.FieldGroupHasInnerStart:null,b=O?a.FieldGroupHasInnerEnd:null,C=o(a.FieldGroup,N,b,i(a.FieldGroup,F),p);return r(s,Object.assign({className:C,"data-orientation":F,ref:d},h,{children:[j&&n(l,Object.assign({className:o(a.FieldGroupOuterStart,i(a.FieldGroupOuterStart,f))},{children:j})),r(l,Object.assign({className:o(a.FieldGroupFieldWrapper,i(a.FieldGroupFieldWrapper,F)),"data-orientation":F},{children:[c&&n(l,Object.assign({className:a.FieldGroupInnerStart},{children:c})),m,u&&n(l,Object.assign({className:a.FieldGroupInnerEnd},{children:u}))]})),G&&n(l,Object.assign({className:o(a.FieldGroupOuterEnd,i(a.FieldGroupOuterEnd,f))},{children:G}))]}))}));d.displayName="FieldGroup";export{d as FieldGroup};

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};

package/dist/esm/primitives/TextField/TextField.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import*as i from"react";import o from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import{splitPrimitiveProps as a}from"../shared/styleUtils.js";import"../Field/FieldClearButton.js";import{FieldDescription as l}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{FieldGroup as m}from"../FieldGroup/FieldGroup.js";import{Flex as p}from"../Flex/Flex.js";import{Input as c}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{isTextAreaField as u,isTextAreaRef as h,isInputField as b,isInputRef as j}from"./utils.js";import{TextArea as g}from"../TextArea/TextArea.js";import{useStableId as F}from"../utils/useStableId.js";import{useDeprecationWarning as x}from"../../hooks/useDeprecationWarning.js";const C=3,y=(i,C)=>{const{className:y,descriptiveText:E,errorMessage:S,hasError:T=!1,id:w,label:M,labelHidden:v=!1,outerEndComponent:I,outerStartComponent:z,innerStartComponent:O,innerEndComponent:H,isMultiline:N,type:A,size:L,testId:P,bottom:D,height:G,left:W,padding:k,position:B,right:R,top:U,width:_}=i,q=e(i,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","bottom","height","left","padding","position","right","top","width"]),J=F(w),K=F(),Q=E?K:void 0,{flexContainerStyleProps:V,baseStyleProps:X,rest:Y}=a(q);x({shouldWarn:i.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let Z=null;if(u(i)){const{rows:e}=i;Z=t(g,Object.assign({"aria-describedby":Q,hasError:T,id:J,ref:h(i)?C:void 0,rows:null!=e?e:3,size:L},X,Y))}else if(b(i)){const{type:e="text"}=i;Z=t(c,Object.assign({"aria-describedby":Q,hasError:T,id:J,ref:j(i)?C:void 0,size:L,type:e},X,Y))}return r(p,Object.assign({className:o(n.Field,s(n.Field,L),n.TextField,y),bottom:D,"data-size":L,height:G,left:W,padding:k,position:B,right:R,testId:P,top:U,width:_},V,{children:[t(f,Object.assign({htmlFor:J,visuallyHidden:v},{children:M})),t(l,{id:K,labelHidden:v,descriptiveText:E}),t(m,Object.assign({outerStartComponent:z,outerEndComponent:I,innerStartComponent:O,innerEndComponent:H},{children:Z})),t(d,{hasError:T,errorMessage:S})]}))},E=i.forwardRef(y);y.displayName="TextField";export{C as DEFAULT_ROW_COUNT,E as TextField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as i}from"react/jsx-runtime";import*as r from"react";import o from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import{splitPrimitiveProps as a}from"../shared/styleUtils.js";import"../Field/FieldClearButton.js";import{FieldDescription as l}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{FieldGroup as m}from"../FieldGroup/FieldGroup.js";import{Flex as p}from"../Flex/Flex.js";import{Input as c}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{isTextAreaField as u,isTextAreaRef as h,isInputField as b,isInputRef as j}from"./utils.js";import{TextArea as g}from"../TextArea/TextArea.js";import{useStableId as F}from"../utils/useStableId.js";import{useDeprecationWarning as x}from"../../hooks/useDeprecationWarning.js";const C=3,v=(r,C)=>{const{className:v,descriptiveText:y,errorMessage:E,hasError:S=!1,id:T,label:w,labelHidden:M=!1,outerEndComponent:I,outerStartComponent:z,innerStartComponent:O,innerEndComponent:H,isMultiline:N,type:A,size:L,testId:P,variation:D,bottom:G,height:W,left:k,padding:B,position:R,right:U,top:_,width:q}=r,J=e(r,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","variation","bottom","height","left","padding","position","right","top","width"]),K=F(T),Q=F(),V=y?Q:void 0,{flexContainerStyleProps:X,baseStyleProps:Y,rest:Z}=a(J);x({shouldWarn:r.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let $=null;if(u(r)){const{rows:e}=r;$=t(g,Object.assign({"aria-describedby":V,hasError:S,id:K,ref:h(r)?C:void 0,rows:null!=e?e:3,size:L,variation:D},Y,Z))}else if(b(r)){const{type:e="text"}=r;$=t(c,Object.assign({"aria-describedby":V,hasError:S,id:K,ref:j(r)?C:void 0,size:L,type:e,variation:D},Y,Z))}return i(p,Object.assign({className:o(n.Field,s(n.Field,L),n.TextField,v),bottom:G,"data-size":L,height:W,left:k,padding:B,position:R,right:U,testId:P,top:_,width:q},X,{children:[t(f,Object.assign({htmlFor:K,visuallyHidden:M},{children:w})),t(l,{id:Q,labelHidden:M,descriptiveText:y}),t(m,Object.assign({outerStartComponent:z,outerEndComponent:I,innerStartComponent:O,innerEndComponent:H,variation:D},{children:$})),t(d,{hasError:S,errorMessage:E})]}))},y=r.forwardRef(v);v.displayName="TextField";export{C as DEFAULT_ROW_COUNT,y as TextField};

package/dist/esm/primitives/View/View.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import*as s from"react";import{useStyles as t}from"../shared/styleUtils.js";const a=s.forwardRef(((a,i)=>{var{as:r="div",children:l,testId:d,ariaLabel:o,isDisabled:b,style:n}=a,m=e(a,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=t(m,n);return s.createElement(r,Object.assign({"aria-label":o,"data-testid":d,disabled:b,isDisabled:b,ref:i,style:p},c),l)}));a.displayName="View";export{a as View};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import*as s from"react";import{useStyles as t}from"../shared/styleUtils.js";const a=s.forwardRef(((a,r)=>{var{as:i="div",children:l,testId:d,ariaLabel:o,isDisabled:n,style:b}=a,m=e(a,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=t(m,b);return s.createElement(i,Object.assign({"aria-label":o,"data-testid":d,disabled:n,ref:r,style:p},c),l)}));a.displayName="View";export{a as View};