@aws-amplify/ui-react 5.1.1 → 5.2.0

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.
Files changed (77) hide show
  1. package/dist/{Field-fb9d2ffe.js → Field-503671cc.js} +1 -1
  2. package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs +1 -1
  3. package/dist/esm/components/AccountSettings/ChangePassword/defaults.mjs +1 -1
  4. package/dist/esm/components/AccountSettings/DeleteUser/DeleteUser.mjs +1 -1
  5. package/dist/esm/components/AccountSettings/DeleteUser/defaults.mjs +1 -1
  6. package/dist/esm/components/AccountSettings/shared/Defaults.mjs +1 -1
  7. package/dist/esm/components/Authenticator/Authenticator.mjs +1 -1
  8. package/dist/esm/components/Authenticator/ConfirmSignIn/ConfirmSignIn.mjs +1 -1
  9. package/dist/esm/components/Authenticator/ConfirmSignUp/ConfirmSignUp.mjs +1 -1
  10. package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.mjs +1 -1
  11. package/dist/esm/components/Authenticator/ForceNewPassword/ForceNewPassword.mjs +1 -1
  12. package/dist/esm/components/Authenticator/ResetPassword/ConfirmResetPassword.mjs +1 -1
  13. package/dist/esm/components/Authenticator/ResetPassword/ResetPassword.mjs +1 -1
  14. package/dist/esm/components/Authenticator/RouteContainer/RouteContainer.mjs +1 -1
  15. package/dist/esm/components/Authenticator/SetupTOTP/SetupTOTP.mjs +1 -1
  16. package/dist/esm/components/Authenticator/SignIn/SignIn.mjs +1 -1
  17. package/dist/esm/components/Authenticator/SignUp/SignUp.mjs +1 -1
  18. package/dist/esm/components/Authenticator/VerifyUser/ConfirmVerifyUser.mjs +1 -1
  19. package/dist/esm/components/Authenticator/VerifyUser/VerifyUser.mjs +1 -1
  20. package/dist/esm/components/Storage/FileUploader/FileUploader.mjs +1 -1
  21. package/dist/esm/components/Storage/FileUploader/UploadDropZone/UploadDropZone.mjs +1 -0
  22. package/dist/esm/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.mjs +1 -0
  23. package/dist/esm/components/Storage/FileUploader/UploadTracker/UploadMessage.mjs +1 -1
  24. package/dist/esm/components/Storage/FileUploader/UploadTracker/UploadTracker.mjs +1 -0
  25. package/dist/esm/components/index.mjs +1 -1
  26. package/dist/esm/index.mjs +1 -1
  27. package/dist/esm/internal.mjs +1 -1
  28. package/dist/esm/primitives/Alert/Alert.mjs +1 -1
  29. package/dist/esm/primitives/Alert/AlertIcon.mjs +1 -1
  30. package/dist/esm/primitives/Checkbox/Checkbox.mjs +1 -1
  31. package/dist/esm/primitives/Expander/ExpanderItem.mjs +1 -1
  32. package/dist/esm/primitives/Field/FieldClearButton.mjs +1 -1
  33. package/dist/esm/primitives/Icon/context/IconsContext.mjs +1 -0
  34. package/dist/esm/primitives/Icon/context/IconsProvider.mjs +1 -0
  35. package/dist/esm/primitives/Icon/context/useIcons.mjs +1 -0
  36. package/dist/esm/primitives/Menu/Menu.mjs +1 -1
  37. package/dist/esm/primitives/Pagination/PaginationItem.mjs +1 -1
  38. package/dist/esm/primitives/PasswordField/ShowPasswordButton.mjs +1 -1
  39. package/dist/esm/primitives/Rating/Rating.mjs +1 -1
  40. package/dist/esm/primitives/SearchField/SearchField.mjs +1 -1
  41. package/dist/esm/primitives/SearchField/SearchFieldButton.mjs +1 -1
  42. package/dist/esm/primitives/Select/Select.mjs +1 -1
  43. package/dist/esm/primitives/StepperField/StepperField.mjs +1 -1
  44. package/dist/esm/primitives/index.mjs +1 -1
  45. package/dist/esm/version.mjs +1 -1
  46. package/dist/index.js +1 -1
  47. package/dist/internal.js +1 -1
  48. package/dist/styles.css +10 -1
  49. package/dist/types/components/Authenticator/hooks/useCustomComponents/index.d.ts +1 -7
  50. package/dist/types/components/Authenticator/hooks/useCustomComponents/useCustomComponents.d.ts +7 -0
  51. package/dist/types/components/Storage/FileUploader/UploadDropZone/UploadDropZone.d.ts +3 -0
  52. package/dist/types/components/Storage/FileUploader/UploadDropZone/index.d.ts +1 -3
  53. package/dist/types/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.d.ts +3 -0
  54. package/dist/types/components/Storage/FileUploader/UploadPreviewer/index.d.ts +1 -3
  55. package/dist/types/components/Storage/FileUploader/UploadTracker/UploadTracker.d.ts +3 -0
  56. package/dist/types/components/Storage/FileUploader/UploadTracker/index.d.ts +1 -3
  57. package/dist/types/components/ThemeProvider/ThemeProvider.d.ts +32 -0
  58. package/dist/types/components/ThemeProvider/index.d.ts +1 -32
  59. package/dist/types/primitives/Icon/context/IconsContext.d.ts +20 -0
  60. package/dist/types/primitives/Icon/context/IconsProvider.d.ts +8 -0
  61. package/dist/types/primitives/Icon/context/index.d.ts +2 -0
  62. package/dist/types/primitives/Icon/context/useIcons.d.ts +2 -0
  63. package/dist/types/primitives/Icon/index.d.ts +2 -0
  64. package/dist/types/primitives/Icon/internal.d.ts +1 -0
  65. package/dist/types/primitives/Rating/RatingIcon.d.ts +1 -1
  66. package/dist/types/primitives/Rating/RatingMixedIcon.d.ts +2 -2
  67. package/dist/types/primitives/index.d.ts +1 -0
  68. package/dist/types/primitives/types/checkbox.d.ts +1 -1
  69. package/dist/types/version.d.ts +1 -1
  70. package/package.json +3 -3
  71. package/dist/esm/components/Storage/FileUploader/UploadDropZone/index.mjs +0 -1
  72. package/dist/esm/components/Storage/FileUploader/UploadPreviewer/index.mjs +0 -1
  73. package/dist/esm/components/Storage/FileUploader/UploadTracker/index.mjs +0 -1
  74. package/dist/esm/primitives/Checkbox/useCheckbox.mjs +0 -1
  75. package/dist/types/primitives/Checkbox/useCheckbox.d.ts +0 -3
  76. /package/dist/esm/components/Authenticator/hooks/useCustomComponents/{index.mjs → useCustomComponents.mjs} +0 -0
  77. /package/dist/esm/components/ThemeProvider/{index.mjs → ThemeProvider.mjs} +0 -0
@@ -1 +1 @@
1
- import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Flex as r}from"../../../primitives/Flex/Flex.mjs";import{Heading as o}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as n}from"@aws-amplify/ui-react-core";import{useCustomComponents as m}from"../hooks/useCustomComponents/index.mjs";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as i}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as s}from"../shared/TwoButtonSubmitFooter.mjs";import{FormFields as l}from"../shared/FormFields.mjs";import{RouteContainer as c}from"../RouteContainer/RouteContainer.mjs";const{getBackToSignInText:u,getSendingText:d,getSendCodeText:p,getResetYourPasswordText:f}=t,g=({className:t,variation:o})=>{const{isPending:f}=n((e=>[e.isPending])),{handleChange:E,handleSubmit:F}=a(),{components:{ResetPassword:{Header:h=g.Header,Footer:x=g.Footer}}}=m();return e.createElement(c,{className:t,variation:o},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:E,onSubmit:F},e.createElement(r,{as:"fieldset",direction:"column",isDisabled:f},e.createElement(h,null),e.createElement(r,{direction:"column"},e.createElement(l,null)),e.createElement(i,null),e.createElement(s,{cancelButtonText:u(),cancelButtonSendType:"SIGN_IN",submitButtonText:f?e.createElement(e.Fragment,null,d(),"…"):e.createElement(e.Fragment,null,p())}),e.createElement(x,null))))};g.Header=function(){return e.createElement(o,{level:3},f())},g.Footer=function(){return null};export{g as ResetPassword};
1
+ import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{Heading as r}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as n}from"@aws-amplify/ui-react-core";import{useCustomComponents as m}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as s}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as i}from"../shared/TwoButtonSubmitFooter.mjs";import{FormFields as l}from"../shared/FormFields.mjs";import{RouteContainer as u}from"../RouteContainer/RouteContainer.mjs";const{getBackToSignInText:c,getSendingText:d,getSendCodeText:p,getResetYourPasswordText:f}=t,g=({className:t,variation:r})=>{const{isPending:f}=n((e=>[e.isPending])),{handleChange:E,handleSubmit:F}=a(),{components:{ResetPassword:{Header:h=g.Header,Footer:x=g.Footer}}}=m();return e.createElement(u,{className:t,variation:r},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:E,onSubmit:F},e.createElement(o,{as:"fieldset",direction:"column",isDisabled:f},e.createElement(h,null),e.createElement(o,{direction:"column"},e.createElement(l,null)),e.createElement(s,null),e.createElement(i,{cancelButtonText:c(),cancelButtonSendType:"SIGN_IN",submitButtonText:f?e.createElement(e.Fragment,null,d(),"…"):e.createElement(e.Fragment,null,p())}),e.createElement(x,null))))};g.Header=function(){return e.createElement(r,{level:3},f())},g.Footer=function(){return null};export{g as ResetPassword};
@@ -1 +1 @@
1
- import e from"react";import{View as t}from"../../../primitives/View/View.mjs";import{useAuthenticator as a}from"@aws-amplify/ui-react-core";import{useCustomComponents as r}from"../hooks/useCustomComponents/index.mjs";const o=e=>"signIn"===e||"signUp";function n({children:n,className:i,variation:m="default"}){const{route:c}=a((({route:e})=>[e])),{components:{Header:l,Footer:s}}=r();return e.createElement(t,{className:i,"data-amplify-authenticator":"","data-variation":m},e.createElement(t,{"data-amplify-container":""},e.createElement(l,null),e.createElement(t,{"data-amplify-router":"","data-amplify-router-content":o(c)?void 0:""},n),e.createElement(s,null)))}export{n as RouteContainer};
1
+ import e from"react";import{View as t}from"../../../primitives/View/View.mjs";import{useAuthenticator as a}from"@aws-amplify/ui-react-core";import{useCustomComponents as o}from"../hooks/useCustomComponents/useCustomComponents.mjs";const r=e=>"signIn"===e||"signUp";function n({children:n,className:m,variation:i="default"}){const{route:s}=a((({route:e})=>[e])),{components:{Header:c,Footer:l}}=o();return e.createElement(t,{className:m,"data-amplify-authenticator":"","data-variation":i},e.createElement(t,{"data-amplify-container":""},e.createElement(c,null),e.createElement(t,{"data-amplify-router":"","data-amplify-router-content":r(s)?void 0:""},n),e.createElement(l,null)))}export{n as RouteContainer};
@@ -1 +1 @@
1
- import{__awaiter as e}from"tslib";import t from"qrcode";import*as o from"react";import{Logger as r}from"aws-amplify";import{authenticatorTextUtil as a,getTotpCodeURL as m}from"@aws-amplify/ui";import{Flex as i}from"../../../primitives/Flex/Flex.mjs";import{Heading as n}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as l}from"@aws-amplify/ui-react-core";import{useCustomComponents as s}from"../hooks/useCustomComponents/index.mjs";import{useFormHandlers as c}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{ConfirmSignInFooter as d}from"../shared/ConfirmSignInFooter.mjs";import{RemoteErrorMessage as p}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";import{RouteContainer as f}from"../RouteContainer/RouteContainer.mjs";const g=new r("SetupTOTP-logger"),{getSetupTOTPText:h,getCopiedText:E,getLoadingText:v}=a,C=({className:r,variation:a})=>{var n;const{totpSecretCode:h,isPending:y,user:H,QRFields:w}=l((e=>[e.isPending,e.totpSecretCode])),{handleChange:S,handleSubmit:F}=c(),{components:{SetupTOTP:{Header:x=C.Header,Footer:T=C.Footer}}}=s(),[j,V]=o.useState(!0),[b,P]=o.useState(),[R,k]=o.useState("COPY"),{totpIssuer:L="AWSCognito",totpUsername:M=(null==H?void 0:H.username)}=null!==(n=w)&&void 0!==n?n:{},O=o.useCallback((()=>e(void 0,void 0,void 0,(function*(){try{const e=m(L,M,h),o=yield t.toDataURL(e);P(o)}catch(e){g.error(e)}finally{V(!1)}}))),[L,M,h]);o.useEffect((()=>{b||O()}),[O,b]);return o.createElement(f,{className:r,variation:a},o.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:S,onSubmit:F},o.createElement(i,{as:"fieldset",direction:"column",isDisabled:y},o.createElement(x,null),o.createElement(i,{direction:"column"},j?o.createElement("p",null,v(),"…"):o.createElement("img",{"data-amplify-qrcode":!0,src:b,alt:"qr code",width:"228",height:"228"}),o.createElement(i,{"data-amplify-copy":!0},o.createElement("div",null,h),o.createElement(i,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(h),k(E())}},o.createElement("div",{"data-amplify-copy-tooltip":!0},R),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z"})))),o.createElement(u,null),o.createElement(p,null)),o.createElement(d,null),o.createElement(T,null))))};C.Header=function(){return o.createElement(n,{level:3},h())},C.Footer=function(){return null};export{C as SetupTOTP};
1
+ import{__awaiter as e}from"tslib";import t from"qrcode";import*as o from"react";import{Logger as r}from"aws-amplify";import{authenticatorTextUtil as a,getTotpCodeURL as m}from"@aws-amplify/ui";import{Flex as i}from"../../../primitives/Flex/Flex.mjs";import{Heading as n}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as l}from"@aws-amplify/ui-react-core";import{useCustomComponents as s}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as c}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{ConfirmSignInFooter as p}from"../shared/ConfirmSignInFooter.mjs";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";import{RouteContainer as f}from"../RouteContainer/RouteContainer.mjs";const g=new r("SetupTOTP-logger"),{getSetupTOTPText:h,getCopiedText:C,getLoadingText:E}=a,v=({className:r,variation:a})=>{var n;const{totpSecretCode:h,isPending:y,user:H,QRFields:w}=l((e=>[e.isPending,e.totpSecretCode])),{handleChange:S,handleSubmit:F}=c(),{components:{SetupTOTP:{Header:T=v.Header,Footer:x=v.Footer}}}=s(),[j,V]=o.useState(!0),[b,P]=o.useState(),[R,k]=o.useState("COPY"),{totpIssuer:L="AWSCognito",totpUsername:M=(null==H?void 0:H.username)}=null!==(n=w)&&void 0!==n?n:{},O=o.useCallback((()=>e(void 0,void 0,void 0,(function*(){try{const e=m(L,M,h),o=yield t.toDataURL(e);P(o)}catch(e){g.error(e)}finally{V(!1)}}))),[L,M,h]);o.useEffect((()=>{b||O()}),[O,b]);return o.createElement(f,{className:r,variation:a},o.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:S,onSubmit:F},o.createElement(i,{as:"fieldset",direction:"column",isDisabled:y},o.createElement(T,null),o.createElement(i,{direction:"column"},j?o.createElement("p",null,E(),"…"):o.createElement("img",{"data-amplify-qrcode":!0,src:b,alt:"qr code",width:"228",height:"228"}),o.createElement(i,{"data-amplify-copy":!0},o.createElement("div",null,h),o.createElement(i,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(h),k(C())}},o.createElement("div",{"data-amplify-copy-tooltip":!0},R),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z"})))),o.createElement(u,null),o.createElement(d,null)),o.createElement(p,null),o.createElement(x,null))))};v.Header=function(){return o.createElement(n,{level:3},h())},v.Footer=function(){return null};export{v as SetupTOTP};
@@ -1 +1 @@
1
- import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Button as r}from"../../../primitives/Button/Button.mjs";import{Flex as n}from"../../../primitives/Flex/Flex.mjs";import{View as i}from"../../../primitives/View/View.mjs";import{VisuallyHidden as o}from"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{FederatedSignIn as m}from"../FederatedSignIn/FederatedSignIn.mjs";import{useAuthenticator as a}from"@aws-amplify/ui-react-core";import{useCustomComponents as l}from"../hooks/useCustomComponents/index.mjs";import{useFormHandlers as s}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";const{getSignInText:c,getSigningInText:p,getForgotPasswordText:f}=t;function g(){const{isPending:t}=a((e=>[e.isPending])),{handleChange:f,handleSubmit:E}=s(),{components:{SignIn:{Header:F=g.Header,Footer:h=g.Footer}}}=l();return e.createElement(i,null,e.createElement(F,null),e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:E,onChange:f},e.createElement(m,null),e.createElement(n,{direction:"column"},e.createElement(n,{as:"fieldset",direction:"column",isDisabled:t},e.createElement(o,null,e.createElement("legend",null,c())),e.createElement(u,null)),e.createElement(d,null),e.createElement(r,{isDisabled:t,isFullWidth:!0,type:"submit",variation:"primary",isLoading:t,loadingText:p()},c()))),e.createElement(h,null))}g.Footer=()=>{const{toResetPassword:t}=a((e=>[e.toResetPassword]));return e.createElement(i,{"data-amplify-footer":""},e.createElement(r,{fontWeight:"normal",onClick:t,size:"small",variation:"link"},f()))},g.Header=function(){return null};export{g as SignIn};
1
+ import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Button as r}from"../../../primitives/Button/Button.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{View as n}from"../../../primitives/View/View.mjs";import{VisuallyHidden as i}from"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{FederatedSignIn as m}from"../FederatedSignIn/FederatedSignIn.mjs";import{useAuthenticator as a}from"@aws-amplify/ui-react-core";import{useCustomComponents as l}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as s}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";const{getSignInText:c,getSigningInText:p,getForgotPasswordText:f}=t;function g(){const{isPending:t}=a((e=>[e.isPending])),{handleChange:f,handleSubmit:E}=s(),{components:{SignIn:{Header:F=g.Header,Footer:h=g.Footer}}}=l();return e.createElement(n,null,e.createElement(F,null),e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:E,onChange:f},e.createElement(m,null),e.createElement(o,{direction:"column"},e.createElement(o,{as:"fieldset",direction:"column",isDisabled:t},e.createElement(i,null,e.createElement("legend",null,c())),e.createElement(u,null)),e.createElement(d,null),e.createElement(r,{isDisabled:t,isFullWidth:!0,type:"submit",variation:"primary",isLoading:t,loadingText:p()},c()))),e.createElement(h,null))}g.Footer=()=>{const{toResetPassword:t}=a((e=>[e.toResetPassword]));return e.createElement(n,{"data-amplify-footer":""},e.createElement(r,{fontWeight:"normal",onClick:t,size:"small",variation:"link"},f()))},g.Header=function(){return null};export{g as SignIn};
@@ -1 +1 @@
1
- import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Button as r}from"../../../primitives/Button/Button.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{View as n}from"../../../primitives/View/View.mjs";import{FederatedSignIn as i}from"../FederatedSignIn/FederatedSignIn.mjs";import{useAuthenticator as m}from"@aws-amplify/ui-react-core";import{useCustomComponents as a}from"../hooks/useCustomComponents/index.mjs";import{useFormHandlers as l}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as s}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";const{getCreateAccountText:d,getCreatingAccountText:c}=t;function p(){const{hasValidationErrors:t,isPending:u}=m((e=>[e.hasValidationErrors,e.isPending])),{handleChange:f,handleBlur:F,handleSubmit:g}=l(),{components:{SignUp:{Header:h=p.Header,FormFields:E=p.FormFields,Footer:j=p.Footer}}}=a();return e.createElement(n,null,e.createElement(h,null),e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:f,onSubmit:g,onBlur:F},e.createElement(i,null),e.createElement(o,{as:"fieldset",direction:"column",isDisabled:u},e.createElement(o,{direction:"column"},e.createElement(E,null),e.createElement(s,null)),e.createElement(r,{isDisabled:t||u,isFullWidth:!0,type:"submit",variation:"primary",isLoading:u,loadingText:c()},d()))),e.createElement(j,null))}p.Header=function(){return null},p.FormFields=function(){return e.createElement(u,null)},p.Footer=function(){return null};export{p as SignUp};
1
+ import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Button as r}from"../../../primitives/Button/Button.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{View as n}from"../../../primitives/View/View.mjs";import{FederatedSignIn as i}from"../FederatedSignIn/FederatedSignIn.mjs";import{useAuthenticator as m}from"@aws-amplify/ui-react-core";import{useCustomComponents as a}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as l}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as s}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";const{getCreateAccountText:d,getCreatingAccountText:c}=t;function p(){const{hasValidationErrors:t,isPending:u}=m((e=>[e.hasValidationErrors,e.isPending])),{handleChange:f,handleBlur:F,handleSubmit:g}=l(),{components:{SignUp:{Header:h=p.Header,FormFields:E=p.FormFields,Footer:j=p.Footer}}}=a();return e.createElement(n,null,e.createElement(h,null),e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:f,onSubmit:g,onBlur:F},e.createElement(i,null),e.createElement(o,{as:"fieldset",direction:"column",isDisabled:u},e.createElement(o,{direction:"column"},e.createElement(E,null),e.createElement(s,null)),e.createElement(r,{isDisabled:t||u,isFullWidth:!0,type:"submit",variation:"primary",isLoading:u,loadingText:c()},d()))),e.createElement(j,null))}p.Header=function(){return null},p.FormFields=function(){return e.createElement(u,null)},p.Footer=function(){return null};export{p as SignUp};
@@ -1 +1 @@
1
- import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Flex as r}from"../../../primitives/Flex/Flex.mjs";import{Heading as o}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as m}from"@aws-amplify/ui-react-core";import{useCustomComponents as n}from"../hooks/useCustomComponents/index.mjs";import{useFormHandlers as i}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as a}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as s}from"../shared/TwoButtonSubmitFooter.mjs";import{FormFields as l}from"../shared/FormFields.mjs";import{RouteContainer as c}from"../RouteContainer/RouteContainer.mjs";const{getAccountRecoveryInfoText:u,getSkipText:f}=t,d=({className:t,variation:o})=>{const{isPending:u}=m((e=>[e.isPending])),{handleChange:p,handleSubmit:h}=i(),{components:{ConfirmVerifyUser:{Header:E=d.Header,Footer:F=d.Footer}}}=n();return e.createElement(c,{className:t,variation:o},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:p,onSubmit:h},e.createElement(r,{as:"fieldset",direction:"column",isDisabled:u},e.createElement(E,null),e.createElement(r,{direction:"column"},e.createElement(l,null)),e.createElement(a,null),e.createElement(s,{cancelButtonText:f(),cancelButtonSendType:"SKIP"}),e.createElement(F,null))))};d.Header=function(){return e.createElement(o,{level:3},u())},d.Footer=function(){return null};export{d as ConfirmVerifyUser};
1
+ import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{Heading as r}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as m}from"@aws-amplify/ui-react-core";import{useCustomComponents as n}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as i}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as a}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as s}from"../shared/TwoButtonSubmitFooter.mjs";import{FormFields as l}from"../shared/FormFields.mjs";import{RouteContainer as c}from"../RouteContainer/RouteContainer.mjs";const{getAccountRecoveryInfoText:u,getSkipText:f}=t,p=({className:t,variation:r})=>{const{isPending:u}=m((e=>[e.isPending])),{handleChange:d,handleSubmit:h}=i(),{components:{ConfirmVerifyUser:{Header:E=p.Header,Footer:F=p.Footer}}}=n();return e.createElement(c,{className:t,variation:r},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:d,onSubmit:h},e.createElement(o,{as:"fieldset",direction:"column",isDisabled:u},e.createElement(E,null),e.createElement(o,{direction:"column"},e.createElement(l,null)),e.createElement(a,null),e.createElement(s,{cancelButtonText:f(),cancelButtonSendType:"SKIP"}),e.createElement(F,null))))};p.Header=function(){return e.createElement(r,{level:3},u())},p.Footer=function(){return null};export{p as ConfirmVerifyUser};
@@ -1 +1 @@
1
- import e from"react";import{authenticatorTextUtil as t,defaultFormFieldOptions as r,translate as o,censorPhoneNumber as i,censorAllButFirstAndLast as n}from"@aws-amplify/ui";import{Flex as m}from"../../../primitives/Flex/Flex.mjs";import{Heading as a}from"../../../primitives/Heading/Heading.mjs";import{Radio as l}from"../../../primitives/Radio/Radio.mjs";import{RadioGroupField as s}from"../../../primitives/RadioGroupField/RadioGroupField.mjs";import{useAuthenticator as c}from"@aws-amplify/ui-react-core";import{useCustomComponents as u}from"../hooks/useCustomComponents/index.mjs";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as f}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as p}from"../shared/TwoButtonSubmitFooter.mjs";import{RouteContainer as g}from"../RouteContainer/RouteContainer.mjs";const{getSkipText:v,getVerifyText:E,getVerifyContactText:h,getAccountRecoveryInfoText:y}=t,F=t=>Object.entries(t).map((([t,m])=>e.createElement(l,{name:"unverifiedAttr",value:t,key:t},((e,t)=>{const r=o(e);let m=t;if("Phone Number"===e)m=i(t);else if("Email"===e){const e=t.split("@");m=`${n(e[0])}@${e[1]}`}return`${r}: ${m}`})(r[t].label,m)))),b=({className:t,variation:r})=>{const{components:{VerifyUser:{Header:o=b.Header,Footer:i=b.Footer}}}=u(),{isPending:n,unverifiedContactMethods:a}=c((({isPending:e,unverifiedContactMethods:t})=>[e,t])),{handleChange:l,handleSubmit:y}=d(),x=n?e.createElement(e.Fragment,null,"Verifying…"):e.createElement(e.Fragment,null,E()),j=e.createElement(s,{label:h(),labelHidden:!0,name:"verify_context",isDisabled:n},F(a));return e.createElement(g,{className:t,variation:r},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:l,onSubmit:y},e.createElement(m,{as:"fieldset",direction:"column",isDisabled:n},e.createElement(o,null),j,e.createElement(f,null),e.createElement(p,{cancelButtonText:v(),cancelButtonSendType:"SKIP",submitButtonText:x}),e.createElement(i,null))))};b.Header=function(){return e.createElement(a,{level:3},y())},b.Footer=function(){return null};export{b as VerifyUser};
1
+ import e from"react";import{authenticatorTextUtil as t,defaultFormFieldOptions as r,translate as o,censorPhoneNumber as n,censorAllButFirstAndLast as i}from"@aws-amplify/ui";import{Flex as m}from"../../../primitives/Flex/Flex.mjs";import{Heading as a}from"../../../primitives/Heading/Heading.mjs";import{Radio as l}from"../../../primitives/Radio/Radio.mjs";import{RadioGroupField as s}from"../../../primitives/RadioGroupField/RadioGroupField.mjs";import{useAuthenticator as u}from"@aws-amplify/ui-react-core";import{useCustomComponents as c}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as f}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as p}from"../shared/TwoButtonSubmitFooter.mjs";import{RouteContainer as g}from"../RouteContainer/RouteContainer.mjs";const{getSkipText:v,getVerifyText:E,getVerifyContactText:h,getAccountRecoveryInfoText:y}=t,F=t=>Object.entries(t).map((([t,m])=>e.createElement(l,{name:"unverifiedAttr",value:t,key:t},((e,t)=>{const r=o(e);let m=t;if("Phone Number"===e)m=n(t);else if("Email"===e){const e=t.split("@");m=`${i(e[0])}@${e[1]}`}return`${r}: ${m}`})(r[t].label,m)))),b=({className:t,variation:r})=>{const{components:{VerifyUser:{Header:o=b.Header,Footer:n=b.Footer}}}=c(),{isPending:i,unverifiedContactMethods:a}=u((({isPending:e,unverifiedContactMethods:t})=>[e,t])),{handleChange:l,handleSubmit:y}=d(),C=i?e.createElement(e.Fragment,null,"Verifying…"):e.createElement(e.Fragment,null,E()),j=e.createElement(s,{label:h(),labelHidden:!0,name:"verify_context",isDisabled:i},F(a));return e.createElement(g,{className:t,variation:r},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:l,onSubmit:y},e.createElement(m,{as:"fieldset",direction:"column",isDisabled:i},e.createElement(o,null),j,e.createElement(f,null),e.createElement(p,{cancelButtonText:v(),cancelButtonSendType:"SKIP",submitButtonText:C}),e.createElement(n,null))))};b.Header=function(){return e.createElement(a,{level:3},y())},b.Footer=function(){return null};export{b as VerifyUser};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import i,{useState as t,useEffect as r,useCallback as s,useMemo as o}from"react";import{Storage as a}from"@aws-amplify/storage";import{translate as m,uploadFile as l,isValidExtension as n}from"@aws-amplify/ui";import{Logger as p}from"aws-amplify";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as c}from"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/View/View.mjs";import{VisuallyHidden as d}from"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as u}from"../../../primitives/shared/constants.mjs";import v from"./hooks/useFileUploader/useFileUploader.mjs";import{UploadPreviewer as g}from"./UploadPreviewer/index.mjs";import{UploadDropZone as j}from"./UploadDropZone/index.mjs";import{UploadTracker as f}from"./UploadTracker/index.mjs";import{FileState as b}from"./types.mjs";import{useDeprecationWarning as h}from"../../../hooks/useDeprecationWarning.mjs";const F=e=>"function"==typeof(null==e?void 0:e.resume),S=new p("AmplifyUI:Storage");function T(p){var{acceptedFileTypes:T,shouldAutoProceed:w=!1,isPreviewerVisible:E,maxFileCount:I,maxSize:x,hasMultipleFiles:C=!0,onError:O,onSuccess:P,showImages:k=!0,accessLevel:R,variation:y="drop",isResumable:M=!1}=p,B=e(p,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFileCount","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);h({shouldWarn:!0,message:"FileUploader has exited Dev Preview and was renamed to StorageManager with some API changes. Please migrate to the StorageManager component, as the FileUploader component is no longer supported and will be removed in a future major release. https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager"}),T&&R||S.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[D,G]=t(!1),[A,U]=t(!1),L=v({maxSize:x,acceptedFileTypes:T,hasMultipleFiles:C,isLoading:D,setAutoLoad:U}),{addTargetFiles:N,fileStatuses:V,inDropZone:H,setFileStatuses:Z,setShowPreviewer:z,showPreviewer:W}=L,q=e(L,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),J=Math.floor(V.reduce(((e,i)=>{var t;return e+(null!==(t=null==i?void 0:i.percentage)&&void 0!==t?t:0)}),0)/V.length),K=0!==V.length&&V.every((e=>100===(null==e?void 0:e.percentage))),Q=V.filter((e=>100!==e.percentage)).length>I;r((()=>{100===Math.floor(J)&&G(!1)}),[J]),r((()=>{z(E)}),[z,E]);const X=s((e=>i=>{Z((t=>{const r=Object.assign({},t[e]),s=0!==i.total?Math.floor(i.loaded/i.total*100):100,o=100!==s?b.LOADING:b.SUCCESS,a=Object.assign(Object.assign({},r),{percentage:s,fileState:o});return t[e]=a,[...t]}))}),[Z]),Y=s((e=>i=>{Z((t=>{const r=Object.assign({},t[e]),s=Object.assign(Object.assign({},r),{fileState:"error",fileErrors:m(i.toString())});return t[e]=s,[...t]})),G(!1),"function"==typeof O&&O(i)}),[O,Z]),$=s((e=>function(){const i=V[e];F(i.uploadTask)&&i.uploadTask.pause();const t=[...V];t[e]=Object.assign(Object.assign({},i),{fileState:b.PAUSED}),Z(t)}),[V,Z]),_=s((e=>function(){const i=V[e];F(i.uploadTask)&&i.uploadTask.resume();const t=[...V];t[e]=Object.assign(Object.assign({},i),{fileState:b.RESUME}),Z(t)}),[V,Z]),ee=s((()=>{G(!0);const e=[];V.forEach(((i,t)=>{if((null==i?void 0:i.fileState)===b.SUCCESS)return;const r=l(Object.assign({file:i.file,fileName:i.name,level:R,isResumable:M,progressCallback:X(t),errorCallback:Y(t),completeCallback:P},B));F(r)&&M&&e.push(r)})),Z((i=>i.map(((i,t)=>{var r;return Object.assign(Object.assign({},i),{uploadTask:null==e?void 0:e[t],fileState:i.fileState===b.INIT?b.LOADING:i.fileState,percentage:null!==(r=i.percentage)&&void 0!==r?r:0})}))))}),[V,Z,R,M,X,Y,P,B]),ie=s((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:i}=e.target;N([...i])>0&&(z(!0),U(!0))}),[N,z]),te=s((()=>{z(!1),Z([])}),[Z,z]),re=s((e=>()=>{const{fileState:i,uploadTask:t}=V[e];"loading"===i&&F(t)&&(a.cancel(t),G(!1));const r=V.filter(((i,t)=>t!==e));Z(r)}),[V,Z]),se=s((e=>i=>{if(0===i.trim().length)return;const t=[...V],r=V[e],s=n(i,r.file.name);t[e]=Object.assign(Object.assign({},r),{name:i,fileState:s?b.INIT:b.ERROR,fileErrors:s?void 0:m("Extension not allowed")}),Z(t)}),[V,Z]),oe=s(((e,i)=>{Z((t=>{const r=[...t],s=r[e],o=n(s.name,s.file.name)?b.INIT:b.ERROR,a=i===b.INIT?o:i;return r[e]=Object.assign(Object.assign({},s),{fileState:a}),r}))}),[Z]),ae=s((e=>()=>{oe(e,b.INIT)}),[oe]),me=s((e=>i=>{oe(e,b.EDITING)}),[oe]);r((()=>{w&&A&&!Q&&(ee(),U(!1))}),[w,ee,A,Q]);const le=i.useRef(null),ne=null==T?void 0:T.join(),pe=o((()=>i.createElement(i.Fragment,null,i.createElement(c,{className:u.FileUploaderDropZoneButton,isDisabled:D,onClick:()=>{var e;null===(e=null==le?void 0:le.current)||void 0===e||e.click(),le.current.value=""},size:"small"},m("Browse files")),i.createElement(d,null,i.createElement("input",{type:"file",tabIndex:-1,ref:le,onChange:ie,multiple:C,accept:ne})))),[D,ie,C,ne]);return W?i.createElement(g,{dropZone:i.createElement(j,Object.assign({},q,{inDropZone:H}),pe),fileStatuses:V,isLoading:D,isSuccessful:K,hasMaxFilesError:Q,maxFileCount:I,onClear:te,onFileClick:ee,aggregatePercentage:J},null==V?void 0:V.map(((e,t)=>{var r;return i.createElement(f,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(r=e.file)||void 0===r?void 0:r.type.startsWith("image/"),showImage:k,key:t,name:e.name,onCancel:re(t),onCancelEdit:ae(t),onPause:$(t),onResume:_(t),onSaveEdit:se(t),onStartEdit:me(t),percentage:e.percentage,isResumable:M})}))):"button"===y?pe:i.createElement(j,Object.assign({},q,{inDropZone:H}),pe)}export{T as FileUploader};
1
+ import{__rest as e}from"tslib";import i,{useState as t,useEffect as r,useCallback as s,useMemo as o}from"react";import{Storage as a}from"@aws-amplify/storage";import{translate as m,uploadFile as l,isValidExtension as n}from"@aws-amplify/ui";import{Logger as p}from"aws-amplify";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as c}from"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Icon/context/IconsContext.mjs";import"classnames";import{ComponentClassNames as d}from"../../../primitives/shared/constants.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{VisuallyHidden as u}from"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import v from"./hooks/useFileUploader/useFileUploader.mjs";import{UploadPreviewer as g}from"./UploadPreviewer/UploadPreviewer.mjs";import{UploadDropZone as j}from"./UploadDropZone/UploadDropZone.mjs";import{UploadTracker as f}from"./UploadTracker/UploadTracker.mjs";import{FileState as b}from"./types.mjs";import{useDeprecationWarning as h}from"../../../hooks/useDeprecationWarning.mjs";const F=e=>"function"==typeof(null==e?void 0:e.resume),S=new p("AmplifyUI:Storage");function T(p){var{acceptedFileTypes:T,shouldAutoProceed:w=!1,isPreviewerVisible:I,maxFileCount:E,maxSize:x,hasMultipleFiles:C=!0,onError:P,onSuccess:O,showImages:k=!0,accessLevel:R,variation:y="drop",isResumable:M=!1}=p,B=e(p,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFileCount","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);h({shouldWarn:!0,message:"FileUploader has exited Dev Preview and was renamed to StorageManager with some API changes. Please migrate to the StorageManager component, as the FileUploader component is no longer supported and will be removed in a future major release. https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager"}),T&&R||S.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[U,D]=t(!1),[G,A]=t(!1),L=v({maxSize:x,acceptedFileTypes:T,hasMultipleFiles:C,isLoading:U,setAutoLoad:A}),{addTargetFiles:N,fileStatuses:V,inDropZone:Z,setFileStatuses:H,setShowPreviewer:z,showPreviewer:W}=L,q=e(L,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),J=Math.floor(V.reduce(((e,i)=>{var t;return e+(null!==(t=null==i?void 0:i.percentage)&&void 0!==t?t:0)}),0)/V.length),K=0!==V.length&&V.every((e=>100===(null==e?void 0:e.percentage))),Q=V.filter((e=>100!==e.percentage)).length>E;r((()=>{100===Math.floor(J)&&D(!1)}),[J]),r((()=>{z(I)}),[z,I]);const X=s((e=>i=>{H((t=>{const r=Object.assign({},t[e]),s=0!==i.total?Math.floor(i.loaded/i.total*100):100,o=100!==s?b.LOADING:b.SUCCESS,a=Object.assign(Object.assign({},r),{percentage:s,fileState:o});return t[e]=a,[...t]}))}),[H]),Y=s((e=>i=>{H((t=>{const r=Object.assign({},t[e]),s=Object.assign(Object.assign({},r),{fileState:"error",fileErrors:m(i.toString())});return t[e]=s,[...t]})),D(!1),"function"==typeof P&&P(i)}),[P,H]),$=s((e=>function(){const i=V[e];F(i.uploadTask)&&i.uploadTask.pause();const t=[...V];t[e]=Object.assign(Object.assign({},i),{fileState:b.PAUSED}),H(t)}),[V,H]),_=s((e=>function(){const i=V[e];F(i.uploadTask)&&i.uploadTask.resume();const t=[...V];t[e]=Object.assign(Object.assign({},i),{fileState:b.RESUME}),H(t)}),[V,H]),ee=s((()=>{D(!0);const e=[];V.forEach(((i,t)=>{if((null==i?void 0:i.fileState)===b.SUCCESS)return;const r=l(Object.assign({file:i.file,fileName:i.name,level:R,isResumable:M,progressCallback:X(t),errorCallback:Y(t),completeCallback:O},B));F(r)&&M&&e.push(r)})),H((i=>i.map(((i,t)=>{var r;return Object.assign(Object.assign({},i),{uploadTask:null==e?void 0:e[t],fileState:i.fileState===b.INIT?b.LOADING:i.fileState,percentage:null!==(r=i.percentage)&&void 0!==r?r:0})}))))}),[V,H,R,M,X,Y,O,B]),ie=s((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:i}=e.target;N([...i])>0&&(z(!0),A(!0))}),[N,z]),te=s((()=>{z(!1),H([])}),[H,z]),re=s((e=>()=>{const{fileState:i,uploadTask:t}=V[e];"loading"===i&&F(t)&&(a.cancel(t),D(!1));const r=V.filter(((i,t)=>t!==e));H(r)}),[V,H]),se=s((e=>i=>{if(0===i.trim().length)return;const t=[...V],r=V[e],s=n(i,r.file.name);t[e]=Object.assign(Object.assign({},r),{name:i,fileState:s?b.INIT:b.ERROR,fileErrors:s?void 0:m("Extension not allowed")}),H(t)}),[V,H]),oe=s(((e,i)=>{H((t=>{const r=[...t],s=r[e],o=n(s.name,s.file.name)?b.INIT:b.ERROR,a=i===b.INIT?o:i;return r[e]=Object.assign(Object.assign({},s),{fileState:a}),r}))}),[H]),ae=s((e=>()=>{oe(e,b.INIT)}),[oe]),me=s((e=>i=>{oe(e,b.EDITING)}),[oe]);r((()=>{w&&G&&!Q&&(ee(),A(!1))}),[w,ee,G,Q]);const le=i.useRef(null),ne=null==T?void 0:T.join(),pe=o((()=>i.createElement(i.Fragment,null,i.createElement(c,{className:d.FileUploaderDropZoneButton,isDisabled:U,onClick:()=>{var e;null===(e=null==le?void 0:le.current)||void 0===e||e.click(),le.current.value=""},size:"small"},m("Browse files")),i.createElement(u,null,i.createElement("input",{type:"file",tabIndex:-1,ref:le,onChange:ie,multiple:C,accept:ne})))),[U,ie,C,ne]);return W?i.createElement(g,{dropZone:i.createElement(j,Object.assign({},q,{inDropZone:Z}),pe),fileStatuses:V,isLoading:U,isSuccessful:K,hasMaxFilesError:Q,maxFileCount:E,onClear:te,onFileClick:ee,aggregatePercentage:J},null==V?void 0:V.map(((e,t)=>{var r;return i.createElement(f,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(r=e.file)||void 0===r?void 0:r.type.startsWith("image/"),showImage:k,key:t,name:e.name,onCancel:re(t),onCancelEdit:ae(t),onPause:$(t),onResume:_(t),onSaveEdit:se(t),onStartEdit:me(t),percentage:e.percentage,isResumable:M})}))):"button"===y?pe:i.createElement(j,Object.assign({},q,{inDropZone:Z}),pe)}export{T as FileUploader};
@@ -0,0 +1 @@
1
+ import i from"react";import e from"classnames";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Icon/context/IconsContext.mjs";import"tslib";import{ComponentClassNames as r}from"../../../../primitives/shared/constants.mjs";import{View as m}from"../../../../primitives/View/View.mjs";import{IconUpload as t}from"../../../../primitives/Icon/icons/IconUpload.mjs";import"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as o}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as p,translate as s}from"@aws-amplify/ui";function l({children:l,inDropZone:a,onDragStart:n,onDragEnter:d,onDragLeave:v,onDrop:j,onDragOver:c}){return i.createElement(m,{className:e(a&&p(r.FileUploaderDropZone,"active"),r.FileUploaderDropZone),onDragStart:n,onDragEnter:d,onDragLeave:v,onDrop:j,onDragOver:c},i.createElement(t,{"aria-hidden":!0,className:r.FileUploaderDropZoneIcon}),i.createElement(o,{className:r.FileUploaderDropZoneText},s("Drop files here or")),l)}export{l as UploadDropZone};
@@ -0,0 +1 @@
1
+ import i from"react";import{translate as e,ComponentClassName as t}from"@aws-amplify/ui";import{FileState as r}from"../types.mjs";import{Alert as m}from"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as o}from"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Icon/context/IconsContext.mjs";import"tslib";import"classnames";import{ComponentClassNames as s}from"../../../../primitives/shared/constants.mjs";import{View as l}from"../../../../primitives/View/View.mjs";import"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import{Loader as p}from"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as a}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";function n({aggregatePercentage:n,children:d,dropZone:c,fileStatuses:v,isLoading:j,isSuccessful:u,hasMaxFilesError:F,maxFileCount:g,onClear:T,onFileClick:h}){const E=`${e("Cannot choose more than")} ${g}`,b=()=>v.filter((i=>(null==i?void 0:i.fileState)===r.SUCCESS)).length,x=v.length-b(),f=`${x} ${e(1===x?"file":"files")}`,S=`${b()} ${1===b()?e("file uploaded"):e("files uploaded")}`,C=v.some((i=>[r.ERROR,r.EDITING].includes(null==i?void 0:i.fileState)))||0===x||F;return i.createElement(l,{className:s.FileUploaderPreviewer},i.createElement(l,{className:s.FileUploaderPreviewerBody},c,i.createElement(a,{className:s.FileUploaderPreviewerText},u?S:i.createElement(i.Fragment,null,`${f} ${e("selected")}`)),d),i.createElement(l,{className:s.FileUploaderPreviewerFooter},i.createElement(l,null,j&&i.createElement(i.Fragment,null,i.createElement(a,null,e("Uploading"),n>0?`: ${n}%`:""),i.createElement(p,{className:s.FileUploaderLoader,variation:"linear",percentage:n,isPercentageTextHidden:!0,isDeterminate:!0}))),i.createElement(l,{className:t.FileUploaderPreviewerFooterActions},!j&&!u&&i.createElement(i.Fragment,null,i.createElement(o,{size:"small",variation:"link",onClick:T},e("Clear all")),i.createElement(o,{disabled:C,size:"small",variation:"primary",onClick:h},`${e("Upload")} ${f}`)),u&&i.createElement(o,{size:"small",onClick:T},e("Done")))),F&&i.createElement(m,{variation:"error",heading:E}))}export{n as UploadPreviewer};
@@ -1 +1 @@
1
- import i from"react";import{classNameModifier as e,translate as t}from"@aws-amplify/ui";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as r}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../../primitives/View/View.mjs";import"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as m}from"../../../../primitives/shared/constants.mjs";import"tslib";import s from"classnames";import{IconCheck as o}from"../../../../primitives/Icon/icons/IconCheck.mjs";import{IconError as p}from"../../../../primitives/Icon/icons/IconError.mjs";import{FileState as l}from"../types.mjs";const a=({fileState:a,errorMessage:d,percentage:n})=>{switch(a){case l.LOADING:{const e=n&&n>0?`${t("Uploading")}: ${n}%`:t("Uploading");return i.createElement(r,{className:m.FileUploaderFileStatus},e)}case l.PAUSED:return i.createElement(r,{className:m.FileUploaderFileStatus},t("Paused"),": ",n,"%");case l.SUCCESS:return i.createElement(r,{className:s(m.FileUploaderFileStatus,e(m.FileUploaderFileStatus,"success"))},i.createElement(o,{fontSize:"xl"})," ",t("Uploaded successfully"));case l.ERROR:return i.createElement(r,{className:s(m.FileUploaderFileStatus,e(m.FileUploaderFileStatus,"error"))},i.createElement(p,{fontSize:"xl"})," ",d);default:return null}};export{a as UploadMessage};
1
+ import i from"react";import{classNameModifier as e,translate as t}from"@aws-amplify/ui";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Icon/context/IconsContext.mjs";import"tslib";import m from"classnames";import{ComponentClassNames as r}from"../../../../primitives/shared/constants.mjs";import"../../../../primitives/View/View.mjs";import{IconCheck as s}from"../../../../primitives/Icon/icons/IconCheck.mjs";import{IconError as o}from"../../../../primitives/Icon/icons/IconError.mjs";import"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as p}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{FileState as l}from"../types.mjs";const a=({fileState:a,errorMessage:n,percentage:d})=>{switch(a){case l.LOADING:{const e=d&&d>0?`${t("Uploading")}: ${d}%`:t("Uploading");return i.createElement(p,{className:r.FileUploaderFileStatus},e)}case l.PAUSED:return i.createElement(p,{className:r.FileUploaderFileStatus},t("Paused"),": ",d,"%");case l.SUCCESS:return i.createElement(p,{className:m(r.FileUploaderFileStatus,e(r.FileUploaderFileStatus,"success"))},i.createElement(s,{fontSize:"xl"})," ",t("Uploaded successfully"));case l.ERROR:return i.createElement(p,{className:m(r.FileUploaderFileStatus,e(r.FileUploaderFileStatus,"error"))},i.createElement(o,{fontSize:"xl"})," ",n);default:return null}};export{a as UploadMessage};
@@ -0,0 +1 @@
1
+ import e,{useCallback as i}from"react";import{translate as t,humanFileSize as m}from"@aws-amplify/ui";import{FileState as r}from"../types.mjs";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as l}from"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Icon/context/IconsContext.mjs";import"tslib";import"classnames";import{ComponentClassNames as s}from"../../../../primitives/shared/constants.mjs";import{View as o}from"../../../../primitives/View/View.mjs";import{IconClose as a}from"../../../../primitives/Icon/icons/IconClose.mjs";import{IconEdit as n}from"../../../../primitives/Icon/icons/IconEdit.mjs";import{IconFile as p}from"../../../../primitives/Icon/icons/IconFile.mjs";import{Image as c}from"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import{Loader as d}from"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as u}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import{TextField as v}from"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{VisuallyHidden as j}from"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{UploadMessage as E}from"./UploadMessage.mjs";function F({errorMessage:F,file:g,fileState:f,hasImage:I,name:T,onCancel:S,onCancelEdit:b,onPause:h,onResume:x,onSaveEdit:C,onStartEdit:R,percentage:G,isResumable:N,showImage:B}){const[k,w]=e.useState(T),M=e.useRef(null),U=URL.createObjectURL(g);e.useEffect((()=>{f===r.EDITING&&M.current&&M.current.focus()}),[f]);const{size:z}=g,P=I?e.createElement(c,{alt:g.name,src:U}):e.createElement(p,null),L=!N||G>0,A=f===r.INIT||f===r.ERROR&&F===t("Extension not allowed"),D=i((()=>e.createElement(e.Fragment,null,e.createElement(o,{className:s.FileUploaderFileMain},e.createElement(u,{className:s.FileUploaderFileName},T)),A?e.createElement(l,{onClick:R,size:"small",variation:"link"},e.createElement(j,null,"Edit file name ",g.name),e.createElement(n,{"aria-hidden":!0,fontSize:"medium"})):null,e.createElement(u,{as:"span",className:s.FileUploaderFileSize},m(z,!0)))),[g.name,T,R,A,z]),H=i((()=>{switch(f){case r.EDITING:return e.createElement(e.Fragment,null,e.createElement(l,{size:"small",onClick:()=>{w(T),null==b||b()}},"Cancel"),e.createElement(l,{size:"small",variation:"primary",onClick:()=>{C(k)}},"Save"));case r.RESUME:case r.LOADING:return N?e.createElement(l,{onClick:h,size:"small",variation:"link"},t("pause")):null;case r.PAUSED:return e.createElement(l,{onClick:x,size:"small",variation:"link"},t("Resume"));case r.SUCCESS:return null;default:return e.createElement(l,{size:"small",onClick:S},e.createElement(j,null,"Remove file name ",g.name),e.createElement(a,{"aria-hidden":!0,fontSize:"medium"}))}}),[g.name,f,N,T,S,b,h,x,C,k]);return g?e.createElement(o,{className:s.FileUploaderFile},e.createElement(o,{className:s.FileUploaderFileWrapper},B?e.createElement(o,{className:s.FileUploaderFileImage},P):null,f===r.EDITING?e.createElement(o,{as:"form",flex:"1",onSubmit:()=>{C(k)}},e.createElement(v,{maxLength:1024,ref:M,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{w(e.target.value)},value:k})):e.createElement(D,null),e.createElement(H,null),f===r.LOADING?e.createElement(d,{className:s.FileUploaderLoader,variation:"linear",percentage:G,isDeterminate:L,isPercentageTextHidden:!0}):null),e.createElement(E,{fileState:f,errorMessage:F,percentage:G})):null}export{F as UploadTracker};
@@ -1 +1 @@
1
- export{default as AccountSettings}from"./AccountSettings/AccountSettings.mjs";export{Authenticator}from"./Authenticator/Authenticator.mjs";export{withAuthenticator}from"./Authenticator/withAuthenticator.mjs";export{useAuthenticator}from"@aws-amplify/ui-react-core";export{FileUploader}from"./Storage/FileUploader/FileUploader.mjs";export{AmplifyProvider,ThemeProvider}from"./ThemeProvider/index.mjs";
1
+ export{default as AccountSettings}from"./AccountSettings/AccountSettings.mjs";export{Authenticator}from"./Authenticator/Authenticator.mjs";export{withAuthenticator}from"./Authenticator/withAuthenticator.mjs";export{useAuthenticator}from"@aws-amplify/ui-react-core";export{FileUploader}from"./Storage/FileUploader/FileUploader.mjs";export{AmplifyProvider,ThemeProvider}from"./ThemeProvider/ThemeProvider.mjs";
@@ -1 +1 @@
1
- import*as e from"./components/index.mjs";export{e as components};export{useAmplify}from"./hooks/useAmplify.mjs";export{useTheme}from"./hooks/useTheme.mjs";export{useBreakpointValue}from"./hooks/useBreakpointValue.mjs";import*as i from"./primitives/index.mjs";export{i as primitives};export{createTheme,defaultDarkModeOverride,defaultTheme,translations}from"@aws-amplify/ui";export{default as AccountSettings}from"./components/AccountSettings/AccountSettings.mjs";export{Authenticator}from"./components/Authenticator/Authenticator.mjs";export{withAuthenticator}from"./components/Authenticator/withAuthenticator.mjs";export{useAuthenticator}from"@aws-amplify/ui-react-core";export{FileUploader}from"./components/Storage/FileUploader/FileUploader.mjs";export{AmplifyProvider,ThemeProvider}from"./components/ThemeProvider/index.mjs";export{Alert}from"./primitives/Alert/Alert.mjs";export{Autocomplete}from"./primitives/Autocomplete/Autocomplete.mjs";export{Badge}from"./primitives/Badge/Badge.mjs";export{Breadcrumbs}from"./primitives/Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./primitives/Button/Button.mjs";export{ButtonGroup}from"./primitives/ButtonGroup/ButtonGroup.mjs";export{Card}from"./primitives/Card/Card.mjs";export{CheckboxField}from"./primitives/CheckboxField/CheckboxField.mjs";export{Collection}from"./primitives/Collection/Collection.mjs";export{Divider}from"./primitives/Divider/Divider.mjs";export{Expander}from"./primitives/Expander/Expander.mjs";export{ExpanderItem}from"./primitives/Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./primitives/FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./primitives/FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./primitives/Flex/Flex.mjs";export{Grid}from"./primitives/Grid/Grid.mjs";export{Heading}from"./primitives/Heading/Heading.mjs";export{HighlightMatch}from"./primitives/HighlightMatch/HighlightMatch.mjs";export{Icon}from"./primitives/Icon/Icon.mjs";export{Image}from"./primitives/Image/Image.mjs";export{Link}from"./primitives/Link/Link.mjs";export{Loader}from"./primitives/Loader/Loader.mjs";export{Menu}from"./primitives/Menu/Menu.mjs";export{MenuButton}from"./primitives/Menu/MenuButton.mjs";export{MenuItem}from"./primitives/Menu/MenuItem.mjs";export{Pagination}from"./primitives/Pagination/Pagination.mjs";export{PasswordField}from"./primitives/PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./primitives/PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./primitives/Placeholder/Placeholder.mjs";export{Radio}from"./primitives/Radio/Radio.mjs";export{RadioGroupField}from"./primitives/RadioGroupField/RadioGroupField.mjs";export{Rating}from"./primitives/Rating/Rating.mjs";export{ScrollView}from"./primitives/ScrollView/ScrollView.mjs";export{SearchField}from"./primitives/SearchField/SearchField.mjs";export{SelectField}from"./primitives/SelectField/SelectField.mjs";export{SliderField}from"./primitives/SliderField/SliderField.mjs";export{StepperField}from"./primitives/StepperField/StepperField.mjs";export{SwitchField}from"./primitives/SwitchField/SwitchField.mjs";export{TabItem,Tabs}from"./primitives/Tabs/Tabs.mjs";export{Text}from"./primitives/Text/Text.mjs";export{TextAreaField}from"./primitives/TextAreaField/TextAreaField.mjs";export{TextField}from"./primitives/TextField/TextField.mjs";export{ToggleButton}from"./primitives/ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";export{View}from"./primitives/View/View.mjs";export{VisuallyHidden}from"./primitives/VisuallyHidden/VisuallyHidden.mjs";export{Table}from"./primitives/Table/Table.mjs";export{TableBody}from"./primitives/Table/TableBody.mjs";export{TableCell}from"./primitives/Table/TableCell.mjs";export{TableFoot}from"./primitives/Table/TableFoot.mjs";export{TableHead}from"./primitives/Table/TableHead.mjs";export{TableRow}from"./primitives/Table/TableRow.mjs";export{usePagination}from"./primitives/Pagination/usePagination.mjs";export{ComponentClassNames,ComponentClassObject}from"./primitives/shared/constants.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./primitives/types/style.mjs";
1
+ import*as e from"./components/index.mjs";export{e as components};export{useAmplify}from"./hooks/useAmplify.mjs";export{useTheme}from"./hooks/useTheme.mjs";export{useBreakpointValue}from"./hooks/useBreakpointValue.mjs";import*as i from"./primitives/index.mjs";export{i as primitives};export{createTheme,defaultDarkModeOverride,defaultTheme,translations}from"@aws-amplify/ui";export{default as AccountSettings}from"./components/AccountSettings/AccountSettings.mjs";export{Authenticator}from"./components/Authenticator/Authenticator.mjs";export{withAuthenticator}from"./components/Authenticator/withAuthenticator.mjs";export{useAuthenticator}from"@aws-amplify/ui-react-core";export{FileUploader}from"./components/Storage/FileUploader/FileUploader.mjs";export{AmplifyProvider,ThemeProvider}from"./components/ThemeProvider/ThemeProvider.mjs";export{IconsProvider}from"./primitives/Icon/context/IconsProvider.mjs";export{Alert}from"./primitives/Alert/Alert.mjs";export{Autocomplete}from"./primitives/Autocomplete/Autocomplete.mjs";export{Badge}from"./primitives/Badge/Badge.mjs";export{Breadcrumbs}from"./primitives/Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./primitives/Button/Button.mjs";export{ButtonGroup}from"./primitives/ButtonGroup/ButtonGroup.mjs";export{Card}from"./primitives/Card/Card.mjs";export{CheckboxField}from"./primitives/CheckboxField/CheckboxField.mjs";export{Collection}from"./primitives/Collection/Collection.mjs";export{Divider}from"./primitives/Divider/Divider.mjs";export{Expander}from"./primitives/Expander/Expander.mjs";export{ExpanderItem}from"./primitives/Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./primitives/FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./primitives/FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./primitives/Flex/Flex.mjs";export{Grid}from"./primitives/Grid/Grid.mjs";export{Heading}from"./primitives/Heading/Heading.mjs";export{HighlightMatch}from"./primitives/HighlightMatch/HighlightMatch.mjs";export{Icon}from"./primitives/Icon/Icon.mjs";export{Image}from"./primitives/Image/Image.mjs";export{Link}from"./primitives/Link/Link.mjs";export{Loader}from"./primitives/Loader/Loader.mjs";export{Menu}from"./primitives/Menu/Menu.mjs";export{MenuButton}from"./primitives/Menu/MenuButton.mjs";export{MenuItem}from"./primitives/Menu/MenuItem.mjs";export{Pagination}from"./primitives/Pagination/Pagination.mjs";export{PasswordField}from"./primitives/PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./primitives/PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./primitives/Placeholder/Placeholder.mjs";export{Radio}from"./primitives/Radio/Radio.mjs";export{RadioGroupField}from"./primitives/RadioGroupField/RadioGroupField.mjs";export{Rating}from"./primitives/Rating/Rating.mjs";export{ScrollView}from"./primitives/ScrollView/ScrollView.mjs";export{SearchField}from"./primitives/SearchField/SearchField.mjs";export{SelectField}from"./primitives/SelectField/SelectField.mjs";export{SliderField}from"./primitives/SliderField/SliderField.mjs";export{StepperField}from"./primitives/StepperField/StepperField.mjs";export{SwitchField}from"./primitives/SwitchField/SwitchField.mjs";export{TabItem,Tabs}from"./primitives/Tabs/Tabs.mjs";export{Text}from"./primitives/Text/Text.mjs";export{TextAreaField}from"./primitives/TextAreaField/TextAreaField.mjs";export{TextField}from"./primitives/TextField/TextField.mjs";export{ToggleButton}from"./primitives/ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";export{View}from"./primitives/View/View.mjs";export{VisuallyHidden}from"./primitives/VisuallyHidden/VisuallyHidden.mjs";export{Table}from"./primitives/Table/Table.mjs";export{TableBody}from"./primitives/Table/TableBody.mjs";export{TableCell}from"./primitives/Table/TableCell.mjs";export{TableFoot}from"./primitives/Table/TableFoot.mjs";export{TableHead}from"./primitives/Table/TableHead.mjs";export{TableRow}from"./primitives/Table/TableRow.mjs";export{usePagination}from"./primitives/Pagination/usePagination.mjs";export{ComponentClassNames,ComponentClassObject}from"./primitives/shared/constants.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./primitives/types/style.mjs";
@@ -1 +1 @@
1
- export{useAuth}from"./hooks/useAuth.mjs";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.mjs";export{useStorageURL}from"./hooks/useStorageURL.mjs";export{useThemeBreakpoint}from"./hooks/useThemeBreakpoint.mjs";export{useAuthSignOutAction}from"./hooks/actions/useAuthSignOutAction.mjs";export{useNavigateAction}from"./hooks/actions/useNavigateAction.mjs";export{useStateMutationAction}from"./hooks/actions/useStateMutationAction.mjs";export{useDataStoreCreateAction}from"./hooks/actions/useDataStoreCreateAction.mjs";export{useDataStoreDeleteAction}from"./hooks/actions/useDataStoreDeleteAction.mjs";export{useDataStoreUpdateAction}from"./hooks/actions/useDataStoreUpdateAction.mjs";export{AlertIcon}from"./primitives/Alert/AlertIcon.mjs";export{IconAdd}from"./primitives/Icon/icons/IconAdd.mjs";export{IconCheckCircleOutline}from"./primitives/Icon/icons/IconCheckCircleOutline.mjs";export{IconCheckCircle}from"./primitives/Icon/icons/IconCheckCircle.mjs";export{IconCheck}from"./primitives/Icon/icons/IconCheck.mjs";export{IconChevronLeft}from"./primitives/Icon/icons/IconChevronLeft.mjs";export{IconChevronRight}from"./primitives/Icon/icons/IconChevronRight.mjs";export{IconClose}from"./primitives/Icon/icons/IconClose.mjs";export{IconEdit}from"./primitives/Icon/icons/IconEdit.mjs";export{IconError}from"./primitives/Icon/icons/IconError.mjs";export{IconExpandMore}from"./primitives/Icon/icons/IconExpandMore.mjs";export{IconFile}from"./primitives/Icon/icons/IconFile.mjs";export{IconIndeterminate}from"./primitives/Icon/icons/IconIndeterminate.mjs";export{IconInfo}from"./primitives/Icon/icons/IconInfo.mjs";export{IconMenu}from"./primitives/Icon/icons/IconMenu.mjs";export{IconRemove}from"./primitives/Icon/icons/IconRemove.mjs";export{IconSearch}from"./primitives/Icon/icons/IconSearch.mjs";export{IconStar}from"./primitives/Icon/icons/IconStar.mjs";export{IconUpload}from"./primitives/Icon/icons/IconUpload.mjs";export{IconVisibilityOff}from"./primitives/Icon/icons/IconVisibilityOff.mjs";export{IconVisibility}from"./primitives/Icon/icons/IconVisibility.mjs";export{IconWarning}from"./primitives/Icon/icons/IconWarning.mjs";export{createDataStorePredicate}from"./primitives/shared/datastore.mjs";export{findChildOverrides}from"./studio/findChildOverrides.mjs";export{getOverridesFromVariants}from"./studio/getOverridesFromVariants.mjs";export{getOverrideProps}from"./studio/getOverrideProps.mjs";export{mergeVariantsAndOverrides}from"./studio/mergeVariantsAndOverrides.mjs";import"./primitives/Field/FieldClearButton.mjs";import"./primitives/Field/FieldDescription.mjs";import"./primitives/Field/FieldErrorMessage.mjs";export{Field}from"./primitives/Field/Field.mjs";export{PrimitiveCatalog}from"./PrimitiveCatalog.mjs";
1
+ export{useAuth}from"./hooks/useAuth.mjs";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.mjs";export{useStorageURL}from"./hooks/useStorageURL.mjs";export{useThemeBreakpoint}from"./hooks/useThemeBreakpoint.mjs";export{useAuthSignOutAction}from"./hooks/actions/useAuthSignOutAction.mjs";export{useNavigateAction}from"./hooks/actions/useNavigateAction.mjs";export{useStateMutationAction}from"./hooks/actions/useStateMutationAction.mjs";export{useDataStoreCreateAction}from"./hooks/actions/useDataStoreCreateAction.mjs";export{useDataStoreDeleteAction}from"./hooks/actions/useDataStoreDeleteAction.mjs";export{useDataStoreUpdateAction}from"./hooks/actions/useDataStoreUpdateAction.mjs";export{AlertIcon}from"./primitives/Alert/AlertIcon.mjs";export{IconAdd}from"./primitives/Icon/icons/IconAdd.mjs";export{IconCheckCircleOutline}from"./primitives/Icon/icons/IconCheckCircleOutline.mjs";export{IconCheckCircle}from"./primitives/Icon/icons/IconCheckCircle.mjs";export{IconCheck}from"./primitives/Icon/icons/IconCheck.mjs";export{IconChevronLeft}from"./primitives/Icon/icons/IconChevronLeft.mjs";export{IconChevronRight}from"./primitives/Icon/icons/IconChevronRight.mjs";export{IconClose}from"./primitives/Icon/icons/IconClose.mjs";export{IconEdit}from"./primitives/Icon/icons/IconEdit.mjs";export{IconError}from"./primitives/Icon/icons/IconError.mjs";export{IconExpandMore}from"./primitives/Icon/icons/IconExpandMore.mjs";export{IconFile}from"./primitives/Icon/icons/IconFile.mjs";export{IconIndeterminate}from"./primitives/Icon/icons/IconIndeterminate.mjs";export{IconInfo}from"./primitives/Icon/icons/IconInfo.mjs";export{IconMenu}from"./primitives/Icon/icons/IconMenu.mjs";export{IconRemove}from"./primitives/Icon/icons/IconRemove.mjs";export{IconSearch}from"./primitives/Icon/icons/IconSearch.mjs";export{IconStar}from"./primitives/Icon/icons/IconStar.mjs";export{IconUpload}from"./primitives/Icon/icons/IconUpload.mjs";export{IconVisibilityOff}from"./primitives/Icon/icons/IconVisibilityOff.mjs";export{IconVisibility}from"./primitives/Icon/icons/IconVisibility.mjs";export{IconWarning}from"./primitives/Icon/icons/IconWarning.mjs";export{useIcons}from"./primitives/Icon/context/useIcons.mjs";export{createDataStorePredicate}from"./primitives/shared/datastore.mjs";export{findChildOverrides}from"./studio/findChildOverrides.mjs";export{getOverridesFromVariants}from"./studio/getOverridesFromVariants.mjs";export{getOverrideProps}from"./studio/getOverrideProps.mjs";export{mergeVariantsAndOverrides}from"./studio/mergeVariantsAndOverrides.mjs";import"./primitives/Field/FieldClearButton.mjs";import"./primitives/Field/FieldDescription.mjs";import"./primitives/Field/FieldErrorMessage.mjs";export{Field}from"./primitives/Field/Field.mjs";export{PrimitiveCatalog}from"./PrimitiveCatalog.mjs";
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{isFunction as a,classNameModifier as i}from"@aws-amplify/ui";import{ComponentClassNames as r,ComponentText as m}from"../shared/constants.mjs";import{View as o}from"../View/View.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{Button as n}from"../Button/Button.mjs";import{AlertIcon as c}from"./AlertIcon.mjs";import{IconClose as f}from"../Icon/icons/IconClose.mjs";const d=t.forwardRef(((d,p)=>{var{buttonRef:u,children:b,className:h,dismissButtonLabel:A=m.Alert.dismissButtonLabel,hasIcon:j=!0,heading:E,isDismissible:N=!1,onDismiss:v,variation:B}=d,D=e(d,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[I,g]=t.useState(!1),w=t.useCallback((()=>{g(!I),a(v)&&v()}),[g,v,I]);return I?null:t.createElement(l,Object.assign({className:s(r.Alert,h,i(r.Alert,B)),"data-variation":B,ref:p,role:"alert"},D),j&&t.createElement(c,{variation:B,ariaHidden:!0}),t.createElement(o,{flex:"1"},E&&t.createElement(o,{className:r.AlertHeading},E),t.createElement(o,{className:r.AlertBody},b)),N&&t.createElement(n,{ariaLabel:A,variation:"link",className:r.AlertDismiss,onClick:w,ref:u},t.createElement(f,{"aria-hidden":"true"})))}));d.displayName="Alert";export{d as Alert};
1
+ import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{isFunction as i,classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as a,ComponentText as r}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{Button as l}from"../Button/Button.mjs";import{AlertIcon as c}from"./AlertIcon.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import{IconClose as f}from"../Icon/icons/IconClose.mjs";const p=t.forwardRef(((p,u)=>{var b,{buttonRef:I,children:j,className:h,dismissButtonLabel:v=r.Alert.dismissButtonLabel,hasIcon:A=!0,heading:x,isDismissible:E=!1,onDismiss:N,variation:B}=p,D=e(p,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[g,w]=t.useState(!1),C=d("alert"),L=t.useCallback((()=>{w(!g),i(N)&&N()}),[w,N,g]);return g?null:t.createElement(n,Object.assign({className:s(a.Alert,h,o(a.Alert,B)),"data-variation":B,ref:u,role:"alert"},D),A&&t.createElement(c,{variation:B,ariaHidden:!0}),t.createElement(m,{flex:"1"},x&&t.createElement(m,{className:a.AlertHeading},x),t.createElement(m,{className:a.AlertBody},j)),E&&t.createElement(l,{ariaLabel:v,variation:"link",className:a.AlertDismiss,onClick:L,ref:I},null!==(b=null==C?void 0:C.close)&&void 0!==b?b:t.createElement(f,{"aria-hidden":"true"})))}));p.displayName="Alert";export{p as Alert};
@@ -1 +1 @@
1
- import*as r from"react";import{ComponentClassNames as e}from"../shared/constants.mjs";import"tslib";import"classnames";import"../View/View.mjs";import{IconCheckCircle as n}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as o}from"../Icon/icons/IconError.mjs";import{IconInfo as a}from"../Icon/icons/IconInfo.mjs";import{IconWarning as c}from"../Icon/icons/IconWarning.mjs";const s=({variation:s,ariaHidden:t})=>{switch(s){case"info":return r.createElement(a,{"aria-hidden":t,className:e.AlertIcon});case"error":return r.createElement(o,{"aria-hidden":t,className:e.AlertIcon});case"warning":return r.createElement(c,{"aria-hidden":t,className:e.AlertIcon});case"success":return r.createElement(n,{"aria-hidden":t,className:e.AlertIcon});default:return null}};s.displayName="AlertIcon";export{s as AlertIcon};
1
+ import*as o from"react";import{ComponentClassNames as n}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as e}from"../Icon/context/useIcons.mjs";import"tslib";import"classnames";import"../View/View.mjs";import{IconCheckCircle as r}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as i}from"../Icon/icons/IconError.mjs";import{IconInfo as c}from"../Icon/icons/IconInfo.mjs";import{IconWarning as t}from"../Icon/icons/IconWarning.mjs";const s=({variation:s,ariaHidden:a})=>{var m,l,d,I;const p=e("alert");let u;switch(s){case"info":u=null!==(m=null==p?void 0:p.info)&&void 0!==m?m:o.createElement(c,{"aria-hidden":a});break;case"error":u=null!==(l=null==p?void 0:p.error)&&void 0!==l?l:o.createElement(i,{"aria-hidden":a});break;case"warning":u=null!==(d=null==p?void 0:p.warning)&&void 0!==d?d:o.createElement(t,{"aria-hidden":a});break;case"success":u=null!==(I=null==p?void 0:p.success)&&void 0!==I?I:o.createElement(r,{"aria-hidden":a})}return u?o.createElement("span",{className:n.AlertIcon},u):null};s.displayName="AlertIcon";export{s as AlertIcon};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{Flex as s}from"../Flex/Flex.mjs";import{ComponentClassNames as o}from"../shared/constants.mjs";import"../View/View.mjs";import{IconCheck as c}from"../Icon/icons/IconCheck.mjs";import{IconIndeterminate as d}from"../Icon/icons/IconIndeterminate.mjs";import{Input as i}from"../Input/Input.mjs";import{Text as n}from"../Text/Text.mjs";import{VisuallyHidden as r}from"../VisuallyHidden/VisuallyHidden.mjs";import{getTestId as l}from"../utils/getTestId.mjs";import{useStableId as m}from"../utils/useStableId.mjs";import{useCheckbox as b}from"./useCheckbox.mjs";import{splitPrimitiveProps as h}from"../utils/splitPrimitiveProps.mjs";import{classNameModifierByFlag as u}from"@aws-amplify/ui";const p=t.forwardRef(((p,k)=>{var{checked:f,className:C,defaultChecked:x,hasError:I,isDisabled:j,isIndeterminate:y,label:E,labelHidden:N,labelPosition:g,onChange:B,testId:F,inputStyles:H}=p,P=e(p,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:V,rest:v}=h(P),w=void 0!==f?f:x,{dataChecked:D,dataFocus:S,onBlur:O,onChange:T,onFocus:L,setDataChecked:q}=b(w,B);t.useEffect((()=>{void 0!==f&&f!==D&&q(f)}),[f,D,q]);const M=m();t.useEffect((()=>{const e=document.querySelector(`[data-id="${M}"]`);e&&"boolean"==typeof y&&(e.indeterminate=y)}),[M,y]);const R=l(F,o.CheckboxButton),$=l(F,o.CheckboxIcon),z=l(F,o.CheckboxLabel),A=a(o.CheckboxButton,u(o.CheckboxButton,"disabled",j),u(o.CheckboxButton,"error",I),u(o.CheckboxButton,"focused",S)),G=a(o.CheckboxIcon,u(o.CheckboxIcon,"checked",D),u(o.CheckboxIcon,"disabled",j)),J=t.useMemo((()=>y?t.createElement(d,{className:a(G,u(o.CheckboxIcon,"indeterminate",y)),"data-testid":$}):t.createElement(c,{className:G,"data-checked":D,"data-disabled":j,"data-testid":$})),[D,G,$,j,y]);return t.createElement(s,Object.assign({as:"label",className:a(o.Checkbox,u(o.Checkbox,"disabled",j),C),"data-disabled":j,"data-label-position":g,testId:F},V),t.createElement(r,null,t.createElement(i,Object.assign({checked:f,className:o.CheckboxInput,"data-id":M,defaultChecked:x,isDisabled:j,onBlur:O,onChange:T,onFocus:L,ref:k,type:"checkbox"},v))),E&&t.createElement(n,{as:"span",className:a(o.CheckboxLabel,{[o.VisuallyHidden]:N}),"data-disabled":j,testId:z},E),t.createElement(s,Object.assign({"aria-hidden":"true",as:"span",className:A,"data-checked":D,"data-disabled":j,"data-focus":S,"data-error":I,testId:R},H),J))}));p.displayName="Checkbox";export{p as Checkbox};
1
+ import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{classNameModifierByFlag as s,isFunction as o}from"@aws-amplify/ui";import{Flex as c}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconCheck as d}from"../Icon/icons/IconCheck.mjs";import{IconIndeterminate as l}from"../Icon/icons/IconIndeterminate.mjs";import{Input as m}from"../Input/Input.mjs";import{Text as b}from"../Text/Text.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";import{getTestId as h}from"../utils/getTestId.mjs";import{useStableId as p}from"../utils/useStableId.mjs";import{splitPrimitiveProps as k}from"../utils/splitPrimitiveProps.mjs";const f=t.forwardRef(((f,I)=>{var{checked:x,className:C,defaultChecked:j,hasError:E,isDisabled:y,isIndeterminate:g,label:N,labelHidden:B,labelPosition:S,onBlur:v,onFocus:F,onChange:H,testId:O,inputStyles:P}=f,V=e(f,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onBlur","onFocus","onChange","testId","inputStyles"]);const{styleProps:w,rest:D}=k(V),[T,L]=t.useState(!1),q=n("checkbox"),R=void 0!==x,[$,z]=t.useState((()=>R?x:j)),A=R?x:$,G=p();t.useEffect((()=>{const e=document.querySelector(`[data-id="${G}"]`);e&&"boolean"==typeof g&&(e.indeterminate=g)}),[G,g]);const J=h(O,i.CheckboxButton),K=h(O,i.CheckboxIcon),M=h(O,i.CheckboxLabel),Q=a(i.CheckboxButton,s(i.CheckboxButton,"disabled",y),s(i.CheckboxButton,"error",E),s(i.CheckboxButton,"focused",T)),U=a(i.CheckboxIcon,s(i.CheckboxIcon,"checked",A),s(i.CheckboxIcon,"disabled",y),s(i.CheckboxIcon,"indeterminate",g)),W={className:a(U),"data-checked":$,"data-disabled":y,"data-testid":K},X=(null==q?void 0:q.checked)?t.createElement(r,{as:"span",className:a(U)},q.checked):t.createElement(d,Object.assign({},W)),Y=(null==q?void 0:q.indeterminate)?t.createElement(r,{as:"span",className:a(U)},q.indeterminate):t.createElement(l,Object.assign({},W));return t.createElement(c,Object.assign({as:"label",className:a(i.Checkbox,s(i.Checkbox,"disabled",y),C),"data-disabled":y,"data-label-position":S,testId:O},w),t.createElement(u,null,t.createElement(m,Object.assign({checked:x,className:i.CheckboxInput,"data-id":G,defaultChecked:j,isDisabled:y,onBlur:e=>{o(v)&&v(e),L(!1)},onChange:e=>{o(H)&&H(e),R||z(e.target.checked)},onFocus:e=>{o(F)&&F(e),L(!0)},ref:I,type:"checkbox"},D))),N&&t.createElement(b,{as:"span",className:a(i.CheckboxLabel,{[i.VisuallyHidden]:B}),"data-disabled":y,testId:M},N),t.createElement(c,Object.assign({"aria-hidden":"true",as:"span",className:Q,"data-checked":A,"data-disabled":y,"data-focus":T,"data-error":E,testId:J},P),g?Y:X))}));f.displayName="Checkbox";export{f as Checkbox};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import*as t from"@radix-ui/react-accordion";import r from"classnames";import{sanitizeNamespaceImport as s}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import{View as i}from"../View/View.mjs";import{IconExpandMore as n}from"../Icon/icons/IconExpandMore.mjs";import{splitPrimitiveProps as o}from"../utils/splitPrimitiveProps.mjs";import{useStableId as d}from"../utils/useStableId.mjs";const{Item:l,Header:c,Trigger:p,Content:x}=s(t),f="expander-item",E="expander-header",u="expander-icon",N="expander-content-text",I=a.forwardRef(((t,s)=>{var{children:I,className:j,title:b,value:g}=t,h=e(t,["children","className","title","value"]);const v=d(),w=d(),{rest:y}=o(h);return a.createElement(l,Object.assign({className:r(m.ExpanderItem,j),"data-testid":f,ref:s,value:g},y),a.createElement(c,{className:m.ExpanderHeader,"data-testid":E},a.createElement(p,{"aria-controls":w,className:m.ExpanderTrigger,id:v},b,a.createElement(n,{"aria-hidden":!0,className:m.ExpanderIcon,"data-testid":u}))),a.createElement(x,{"aria-labelledby":v,className:m.ExpanderContent,id:w},a.createElement(i,{className:m.ExpanderContentText,testId:N},I)))}));I.displayName="ExpanderItem";export{N as EXPANDER_CONTENT_TEXT_TEST_ID,E as EXPANDER_HEADER_TEST_ID,u as EXPANDER_ICON_TEST_ID,f as EXPANDER_ITEM_TEST_ID,I as ExpanderItem};
1
+ import{__rest as e}from"tslib";import*as t from"react";import*as a from"@radix-ui/react-accordion";import r from"classnames";import{sanitizeNamespaceImport as n}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as o}from"../Icon/context/useIcons.mjs";import{View as s}from"../View/View.mjs";import{IconExpandMore as i}from"../Icon/icons/IconExpandMore.mjs";import{splitPrimitiveProps as c}from"../utils/splitPrimitiveProps.mjs";import{useStableId as l}from"../utils/useStableId.mjs";const{Item:d,Header:p,Trigger:x,Content:f}=n(a),E="expander-item",u="expander-header",I="expander-icon",j="expander-content-text",N=t.forwardRef(((a,n)=>{var N,{children:v,className:b,title:g,value:h}=a,w=e(a,["children","className","title","value"]);const C=l(),y=l(),{rest:T}=c(w),H=o("expander");return t.createElement(d,Object.assign({className:r(m.ExpanderItem,b),"data-testid":E,ref:n,value:h},T),t.createElement(p,{className:m.ExpanderHeader,"data-testid":u},t.createElement(x,{"aria-controls":y,className:m.ExpanderTrigger,id:C},g,t.createElement("span",{className:m.ExpanderIcon,"data-testid":I,"aria-hidden":"true"},null!==(N=null==H?void 0:H.more)&&void 0!==N?N:t.createElement(i,null)))),t.createElement(f,{"aria-labelledby":C,className:m.ExpanderContent,id:y},t.createElement(s,{className:m.ExpanderContentText,testId:j},v)))}));N.displayName="ExpanderItem";export{j as EXPANDER_CONTENT_TEXT_TEST_ID,u as EXPANDER_HEADER_TEST_ID,I as EXPANDER_ICON_TEST_ID,E as EXPANDER_ITEM_TEST_ID,N as ExpanderItem};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as o}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"classnames";import{ComponentText as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as t}from"../Icon/icons/IconClose.mjs";const a=i.Fields.clearButtonLabel,s=r.forwardRef(((i,s)=>{var{ariaLabel:m=a,size:l}=i,n=e(i,["ariaLabel","size"]);return r.createElement(o,Object.assign({ariaLabel:m,size:l,ref:s},n),r.createElement(t,null))}));s.displayName="FieldClearButton";export{s as FieldClearButton};
1
+ import{__rest as o}from"tslib";import*as e from"react";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as r}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as t}from"../Icon/context/useIcons.mjs";import"classnames";import{ComponentText as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as n}from"../Icon/icons/IconClose.mjs";const s=i.Fields.clearButtonLabel,m=e.forwardRef(((i,m)=>{var a,{ariaLabel:l=s,size:c}=i,p=o(i,["ariaLabel","size"]);const d=t("field");return e.createElement(r,Object.assign({ariaLabel:l,size:c,ref:m},p),null!==(a=null==d?void 0:d.clear)&&void 0!==a?a:e.createElement(n,null))}));m.displayName="FieldClearButton";export{m as FieldClearButton};
@@ -0,0 +1 @@
1
+ import*as t from"react";const e=t.createContext({});export{e as IconsContext};
@@ -0,0 +1 @@
1
+ import*as r from"react";import{IconsContext as e}from"./IconsContext.mjs";function o({children:o,icons:t}){return r.createElement(e.Provider,{value:t},o)}export{o as IconsProvider};
@@ -0,0 +1 @@
1
+ import*as t from"react";import{IconsContext as o}from"./IconsContext.mjs";function r(r){const n=t.useContext(o);if(r&&n)return n[r]}export{r as useIcons};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import n from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ButtonGroup as i}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../View/View.mjs";import{IconMenu as s}from"../Icon/icons/IconMenu.mjs";import{MenuButton as o}from"./MenuButton.mjs";const{DropdownMenu:l,DropdownMenuTrigger:p,DropdownMenuContent:u}=a(t),c="amplify-menu-trigger-test-id",g="amplify-menu-items-group-test-id",d=r.forwardRef(((t,a)=>{var{menuAlign:d="start",children:f,className:C,isOpen:M,size:w,trigger:N,triggerClassName:h,ariaLabel:j,onOpenChange:E}=t,O=e(t,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return r.createElement(l,{onOpenChange:E,open:M},r.createElement(p,{asChild:!0},null!=N?N:r.createElement(o,{ariaLabel:j,size:w,testId:c,className:n(m.MenuTrigger,h)},r.createElement(s,{size:w}))),r.createElement(u,{align:d,className:m.MenuContentWrapper},r.createElement(i,Object.assign({className:n(m.MenuContent,C),ref:a,size:w,testId:g},O),f)))}));d.displayName="Menu";export{g as MENU_ITEMS_GROUP_TEST_ID,c as MENU_TRIGGER_TEST_ID,d as Menu};
1
+ import{__rest as e}from"tslib";import*as n from"react";import r from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as o}from"@aws-amplify/ui";import{ButtonGroup as m}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as a}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as s}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconMenu as i}from"../Icon/icons/IconMenu.mjs";import{MenuButton as l}from"./MenuButton.mjs";const{DropdownMenu:p,DropdownMenuTrigger:c,DropdownMenuContent:u}=o(t),g="amplify-menu-trigger-test-id",d="amplify-menu-items-group-test-id",f=n.forwardRef(((t,o)=>{var f,{menuAlign:C="start",children:I,className:j,isOpen:M,size:w,trigger:N,triggerClassName:h,ariaLabel:E,onOpenChange:O}=t,b=e(t,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);const x=s("menu");return n.createElement(p,{onOpenChange:O,open:M},n.createElement(c,{asChild:!0},null!=N?N:n.createElement(l,{ariaLabel:E,size:w,testId:g,className:r(a.MenuTrigger,h)},null!==(f=null==x?void 0:x.menu)&&void 0!==f?f:n.createElement(i,null))),n.createElement(u,{align:C,className:a.MenuContentWrapper},n.createElement(m,Object.assign({className:r(a.MenuContent,j),ref:o,size:w,testId:d},b),I)))}));f.displayName="Menu";export{d as MENU_ITEMS_GROUP_TEST_ID,g as MENU_TRIGGER_TEST_ID,f as Menu};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import t from"classnames";import{Button as i}from"../Button/Button.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{ComponentClassNames as s,ComponentText as l}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconChevronLeft as o}from"../Icon/icons/IconChevronLeft.mjs";import{IconChevronRight as m}from"../Icon/icons/IconChevronRight.mjs";import{VisuallyHidden as c}from"../VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as u,classNameModifierByFlag as g}from"@aws-amplify/ui";const p="current",b="ellipsis",I=I=>{var{type:P,page:d,currentPage:E,currentPageLabel:f=l.PaginationItem.currentPageLabel,isDisabled:j,onClick:k,ariaLabel:B}=I,L=e(I,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const C=t(s.PaginationItemButton,u(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",j)),v=t(s.PaginationItemButton,u(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",j));switch(P){case"page":return a.createElement(r,{as:"li"},d===E?a.createElement(n,Object.assign({"aria-current":"page",as:"button",className:s.PaginationItemCurrent,testId:p},L),a.createElement(c,null,f,":"),d):a.createElement(i,Object.assign({className:t(s.PaginationItemButton,u(s.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==k||k()},ariaLabel:B},L),d));case"next":return a.createElement(r,{as:"li"},a.createElement(i,Object.assign({className:C,size:"small",variation:"link",isDisabled:j,onClick:()=>{null==k||k()},ariaLabel:B},L),a.createElement(m,{size:"large"})));case"previous":return a.createElement(r,{as:"li"},a.createElement(i,Object.assign({className:v,size:"small",variation:"link",isDisabled:j,onClick:()=>{null==k||k()},ariaLabel:B},L),a.createElement(o,{size:"large"})));case"ellipsis":return a.createElement(r,{as:"li"},a.createElement(n,Object.assign({as:"span",className:s.PaginationItemEllipsis,testId:b},L),"…"))}return a.createElement(r,{as:"li"})};I.displayName="PaginationItem";export{p as PAGINATION_CURRENT_TEST_ID,b as PAGINATION_ELLIPSIS_TEST_ID,I as PaginationItem};
1
+ import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{Button as n}from"../Button/Button.mjs";import{Flex as i}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as l}from"../Icon/context/useIcons.mjs";import{ComponentClassNames as s,ComponentText as o}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconChevronLeft as m}from"../Icon/icons/IconChevronLeft.mjs";import{IconChevronRight as c}from"../Icon/icons/IconChevronRight.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as p,classNameModifierByFlag as g}from"@aws-amplify/ui";const I="current",b="ellipsis",d=d=>{var P,j,{type:f,page:E,currentPage:v,currentPageLabel:k=o.PaginationItem.currentPageLabel,isDisabled:B,onClick:C,ariaLabel:L}=d,x=e(d,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const y=l("pagination"),N=a(s.PaginationItemButton,p(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",B)),h=a(s.PaginationItemButton,p(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",B));switch(f){case"page":return t.createElement(r,{as:"li"},E===v?t.createElement(i,Object.assign({"aria-current":"page",as:"button",className:s.PaginationItemCurrent,testId:I},x),t.createElement(u,null,k,":"),E):t.createElement(n,Object.assign({className:a(s.PaginationItemButton,p(s.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==C||C()},ariaLabel:L},x),E));case"next":return t.createElement(r,{as:"li"},t.createElement(n,Object.assign({className:N,size:"small",variation:"link",isDisabled:B,onClick:()=>{null==C||C()},ariaLabel:L},x),null!==(P=null==y?void 0:y.next)&&void 0!==P?P:t.createElement(c,null)));case"previous":return t.createElement(r,{as:"li"},t.createElement(n,Object.assign({className:h,size:"small",variation:"link",isDisabled:B,onClick:()=>{null==C||C()},ariaLabel:L},x),null!==(j=null==y?void 0:y.previous)&&void 0!==j?j:t.createElement(m,null)));case"ellipsis":return t.createElement(r,{as:"li"},t.createElement(i,Object.assign({as:"span",className:s.PaginationItemEllipsis,testId:b},x),"…"))}return t.createElement(r,{as:"li"})};d.displayName="PaginationItem";export{I as PAGINATION_CURRENT_TEST_ID,b as PAGINATION_ELLIPSIS_TEST_ID,d as PaginationItem};
@@ -1 +1 @@
1
- import{__rest as s}from"tslib";import*as o from"react";import r from"classnames";import{Button as e}from"../Button/Button.mjs";import{VisuallyHidden as a}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as i,ComponentText as t}from"../shared/constants.mjs";import"../View/View.mjs";import{IconVisibilityOff as d}from"../Icon/icons/IconVisibilityOff.mjs";import{IconVisibility as m}from"../Icon/icons/IconVisibility.mjs";import{classNameModifierByFlag as l}from"@aws-amplify/ui";const{passwordIsHidden:n,passwordIsShown:w,showPassword:p}=t.PasswordField,c=o.forwardRef(((t,c)=>{var{fieldType:f,passwordIsHiddenLabel:h=n,passwordIsShownLabel:b=w,showPasswordButtonLabel:I=p,size:u,hasError:y}=t,j=s(t,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const L=r(i.FieldShowPassword,l(i.FieldShowPassword,"error",y));return o.createElement(e,Object.assign({"aria-checked":"password"!==f,ariaLabel:I,className:L,ref:c,role:"switch",size:u},j),o.createElement(a,{"aria-live":"polite"},"password"===f?h:b),"password"===f?o.createElement(m,{size:u}):o.createElement(d,{size:u}))}));c.displayName="ShowPasswordButton";export{c as ShowPasswordButton};
1
+ import{__rest as s}from"tslib";import*as o from"react";import r from"classnames";import{Button as i}from"../Button/Button.mjs";import{VisuallyHidden as e}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as a,ComponentText as t}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as l}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconVisibilityOff as n}from"../Icon/icons/IconVisibilityOff.mjs";import{IconVisibility as d}from"../Icon/icons/IconVisibility.mjs";import{classNameModifierByFlag as m}from"@aws-amplify/ui";const{passwordIsHidden:w,passwordIsShown:p,showPassword:c}=t.PasswordField,f=o.forwardRef(((t,f)=>{var u,I,{fieldType:h,passwordIsHiddenLabel:b=w,passwordIsShownLabel:j=p,showPasswordButtonLabel:y=c,size:v,hasError:L}=t,P=s(t,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const E=l("passwordField"),S=r(a.FieldShowPassword,m(a.FieldShowPassword,"error",L)),V="password"===h?null!==(u=null==E?void 0:E.visibility)&&void 0!==u?u:o.createElement(d,null):null!==(I=null==E?void 0:E.visibilityOff)&&void 0!==I?I:o.createElement(n,null);return o.createElement(i,Object.assign({"aria-checked":"password"!==h,ariaLabel:y,className:S,ref:f,role:"switch",size:v},P),o.createElement(e,{"aria-live":"polite"},"password"===h?b:j),V)}));f.displayName="ShowPasswordButton";export{f as ShowPasswordButton};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as o from"react";import t from"classnames";import{classNameModifier as l}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";import"../View/View.mjs";import{IconStar as r}from"../Icon/icons/IconStar.mjs";import{isIconFilled as a,isIconEmpty as n,isIconMixed as s}from"./utils.mjs";import{RatingIcon as c}from"./RatingIcon.mjs";import{RatingMixedIcon as f}from"./RatingMixedIcon.mjs";import{VisuallyHidden as p}from"../VisuallyHidden/VisuallyHidden.mjs";const y=5,u=0,g=o.forwardRef(((g,d)=>{var{className:j,emptyColor:I,emptyIcon:x,fillColor:C,icon:E=o.createElement(r,null),maxValue:N=y,size:R,value:V=u}=g,v=e(g,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const w=new Array(Math.ceil(N)).fill(1).map(((e,t)=>{const l=t+1;return a(l,V)?o.createElement(c,{key:t.toString(),icon:E,fill:C,className:"amplify-rating-icon-filled"}):n(l,V)?o.createElement(c,{key:t.toString(),icon:null!=x?x:E,fill:I,className:"amplify-rating-icon-empty"}):s(l,V)?o.createElement(f,{key:t.toString(),fillIcon:E,emptyIcon:null!=x?x:E,value:V,fillColor:C,emptyColor:I}):void 0}));return o.createElement(m,Object.assign({className:t(i.Rating,l(i.Rating,R),j),"data-size":R,ref:d},v),w,o.createElement(p,null,V," out of ",N," rating"))}));g.displayName="Rating";export{g as Rating};
1
+ import{__rest as o}from"tslib";import*as e from"react";import l from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconStar as r}from"../Icon/icons/IconStar.mjs";import{isIconFilled as a,isIconEmpty as s,isIconMixed as c}from"./utils.mjs";import{RatingIcon as p}from"./RatingIcon.mjs";import{RatingMixedIcon as f}from"./RatingMixedIcon.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";const y=5,d=0,I=e.forwardRef(((I,g)=>{var j,v,x,{className:C,emptyColor:E,emptyIcon:N,fillColor:R,icon:V,maxValue:w=y,size:S,value:k=d}=I,z=o(I,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const b=n("rating"),h=null!==(j=null!=V?V:null==b?void 0:b.filled)&&void 0!==j?j:e.createElement(r,null),F=null!==(x=null!==(v=null!=N?N:V)&&void 0!==v?v:null==b?void 0:b.empty)&&void 0!==x?x:e.createElement(r,null),H=new Array(Math.ceil(w)).fill(1).map(((o,l)=>{const t=l+1;return a(t,k)?e.createElement(p,{key:l.toString(),icon:h,fill:R,className:"amplify-rating-icon-filled"}):s(t,k)?e.createElement(p,{key:l.toString(),icon:F,fill:E,className:"amplify-rating-icon-empty"}):c(t,k)?e.createElement(f,{key:l.toString(),fillIcon:h,emptyIcon:F,value:k,fillColor:R,emptyColor:E}):void 0}));return e.createElement(m,Object.assign({className:l(i.Rating,t(i.Rating,S),C),"data-size":S,ref:g},z),H,e.createElement(u,null,k," out of ",w," rating"))}));I.displayName="Rating";export{I as Rating};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import o from"classnames";import*as a from"react";import{FieldClearButton as n}from"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroupIcon as r}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as l}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as t}from"../Icon/icons/IconSearch.mjs";import{SearchFieldButton as i}from"./SearchFieldButton.mjs";import{TextField as m}from"../TextField/TextField.mjs";import{useSearchField as s}from"./useSearchField.mjs";import{strHasLength as d}from"../shared/utils.mjs";const c=a.forwardRef(((c,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:F=!0,name:b="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:B,onClear:v,onSubmit:E,searchButtonRef:I,size:g,defaultValue:D,value:V}=c,w=e(c,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:x,onClearHandler:z,onKeyDown:R,onClick:k,handleOnChange:G,composedRefs:H}=s({defaultValue:D,value:V,onChange:B,onClear:v,onSubmit:E,externalRef:u}),N=j?a.createElement(i,{isDisabled:h,onClick:k,ref:I,size:g}):void 0,y=S?a.createElement(r,null,a.createElement(t,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(l.SearchField,f),labelHidden:F,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:!h&&d(x),onClick:z,size:g,variation:"link"}),isDisabled:h,name:b,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:x},w))}));c.displayName="SearchField";export{c as SearchField};
1
+ import{__rest as e}from"tslib";import o from"classnames";import*as a from"react";import{FieldClearButton as n}from"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroupIcon as t}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as r}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as i}from"../Icon/icons/IconSearch.mjs";import"../Icon/context/IconsContext.mjs";import{SearchFieldButton as l}from"./SearchFieldButton.mjs";import{TextField as m}from"../TextField/TextField.mjs";import{useSearchField as s}from"./useSearchField.mjs";import{strHasLength as c}from"../shared/utils.mjs";const d=a.forwardRef(((d,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:F=!0,name:b="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:I,onClear:B,onSubmit:v,searchButtonRef:E,size:g,defaultValue:x,value:D}=d,V=e(d,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:w,onClearHandler:z,onKeyDown:R,onClick:k,handleOnChange:G,composedRefs:H}=s({defaultValue:x,value:D,onChange:I,onClear:B,onSubmit:v,externalRef:u}),N=j?a.createElement(l,{isDisabled:h,onClick:k,ref:E,size:g}):void 0,y=S?a.createElement(t,null,a.createElement(i,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(r.SearchField,f),labelHidden:F,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:!h&&c(w),onClick:z,size:g,variation:"link"}),isDisabled:h,name:b,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:w},V))}));d.displayName="SearchField";export{d as SearchField};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import{ComponentClassNames as o,ComponentText as t}from"../shared/constants.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as i}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"classnames";import"../View/View.mjs";import{IconSearch as a}from"../Icon/icons/IconSearch.mjs";const s=t.SearchField.searchButtonLabel,m=r.forwardRef(((t,m)=>{var{size:c}=t,n=e(t,["size"]);return r.createElement(i,Object.assign({ariaLabel:s,className:o.SearchFieldSearch,size:c,ref:m,type:"submit"},n),r.createElement(a,null))}));m.displayName="SearchFieldButton";export{m as SearchFieldButton};
1
+ import{__rest as o}from"tslib";import*as e from"react";import{ComponentClassNames as r,ComponentText as t}from"../shared/constants.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as s}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as c}from"../Icon/context/useIcons.mjs";import"classnames";import"../View/View.mjs";import{IconSearch as i}from"../Icon/icons/IconSearch.mjs";const m=t.SearchField.searchButtonLabel,n=e.forwardRef(((t,n)=>{var a,{size:l}=t,p=o(t,["size"]);const d=c("searchField");return e.createElement(s,Object.assign({ariaLabel:m,className:r.SearchFieldSearch,size:l,ref:n,type:"submit"},p),null!==(a=null==d?void 0:d.search)&&void 0!==a?a:e.createElement(i,null))}));n.displayName="SearchFieldButton";export{n as SearchFieldButton};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifier as o,classNameModifierByFlag as l}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as i}from"../Flex/Flex.mjs";import{View as s}from"../View/View.mjs";import{IconExpandMore as c}from"../Icon/icons/IconExpandMore.mjs";const m=a.forwardRef(((m,n)=>{var{autoComplete:p,className:d,size:u,variation:f,value:v,defaultValue:E,hasError:S,icon:h=a.createElement(c,null),iconColor:C,children:N,placeholder:b,isDisabled:j,isRequired:V}=m,w=e(m,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const x=void 0===v&&void 0===E&&b,I=r(t.Select,t.FieldGroupControl,o(t.Select,u),o(t.Select,f),l(t.Select,"error",S),d);return a.createElement(s,{className:t.SelectWrapper},a.createElement(s,Object.assign({"aria-invalid":S,as:"select",autoComplete:p,value:v,defaultValue:x?"":E,isDisabled:j,required:V,"data-size":u,"data-variation":f,className:I,ref:n},w),b&&a.createElement("option",{value:""},b),N),a.createElement(i,{className:r(t.SelectIconWrapper,o(t.SelectIconWrapper,u)),color:C},h))}));m.displayName="Select";export{m as Select};
1
+ import{__rest as e}from"tslib";import*as o from"react";import a from"classnames";import{classNameModifier as r,classNameModifierByFlag as l}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as i}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as s}from"../Icon/context/useIcons.mjs";import{View as c}from"../View/View.mjs";import{IconExpandMore as n}from"../Icon/icons/IconExpandMore.mjs";const m=o.forwardRef(((m,p)=>{var d,{autoComplete:u,className:f,size:v,variation:I,value:j,defaultValue:x,hasError:E,icon:S,iconColor:h,children:C,placeholder:N,isDisabled:b,isRequired:V}=m,w=e(m,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const q=void 0===j&&void 0===x&&N,z=a(t.Select,t.FieldGroupControl,r(t.Select,v),r(t.Select,I),l(t.Select,"error",E),f),D=s("select");return o.createElement(c,{className:t.SelectWrapper},o.createElement(c,Object.assign({"aria-invalid":E,as:"select",autoComplete:u,value:j,defaultValue:q?"":x,isDisabled:b,required:V,"data-size":v,"data-variation":I,className:z,ref:p},w),N&&o.createElement("option",{value:""},N),C),o.createElement(i,{className:a(t.SelectIconWrapper,r(t.SelectIconWrapper,v)),color:h},null!==(d=null!=S?S:null==D?void 0:D.expand)&&void 0!==d?d:o.createElement(n,null)))}));m.displayName="Select";export{m as Select};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{useStepper as r}from"./useStepper.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as i}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as l}from"../FieldGroup/FieldGroup.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as o}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{IconAdd as d}from"../Icon/icons/IconAdd.mjs";import{ComponentClassNames as m,ComponentText as p}from"../shared/constants.mjs";import"../View/View.mjs";import{IconRemove as c}from"../Icon/icons/IconRemove.mjs";import{Input as u}from"../Input/Input.mjs";import{Label as b}from"../Label/Label.mjs";import{classNameModifier as F,classNameModifierByFlag as f}from"@aws-amplify/ui";import{splitPrimitiveProps as j}from"../utils/splitPrimitiveProps.mjs";import{useStableId as I}from"../utils/useStableId.mjs";const h="decrease-icon",S="increase-icon",v=t.forwardRef(((v,B)=>{const{className:E,defaultValue:g,descriptiveText:D,errorMessage:y,hasError:C=!1,id:L,inputStyles:O,isDisabled:R,isReadOnly:N,isRequired:V,increaseButtonLabel:x=p.StepperField.increaseButtonLabel,decreaseButtonLabel:z=p.StepperField.decreaseButtonLabel,label:G,labelHidden:w=!1,onStepChange:H,size:M,testId:$,value:q,variation:P}=v,T=e(v,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),k=I(L),W=I(),A=D?W:void 0,{styleProps:J,rest:K}=j(T),{step:Q,value:U,inputValue:X,handleDecrease:Y,handleIncrease:Z,handleOnBlur:_,handleOnChange:ee,handleOnWheel:te,setInputValue:ae,shouldDisableDecreaseButton:re,shouldDisableIncreaseButton:ie}=r(Object.assign(Object.assign({},v),{defaultValue:g,onStepChange:H}));return t.useEffect((()=>{void 0!==q&&ae(q)}),[q,ae]),t.createElement(n,Object.assign({className:a(m.Field,F(m.Field,M),m.StepperField,E),"data-size":M,"data-variation":P,testId:$},J),t.createElement(b,{htmlFor:k,visuallyHidden:w},G),t.createElement(i,{id:W,labelHidden:w,descriptiveText:D}),t.createElement(l,{outerStartComponent:t.createElement(o,{"aria-controls":k,ariaLabel:`${z} ${U-Q}`,className:a(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,P),f(m.StepperFieldButtonDecrease,"disabled",re)),"data-invalid":C,isDisabled:re,onClick:Y,size:M},t.createElement(c,{"data-testid":h})),outerEndComponent:t.createElement(o,{"aria-controls":k,ariaLabel:`${x} ${U+Q}`,className:a(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,P),f(m.StepperFieldButtonIncrease,"disabled",ie)),"data-invalid":C,isDisabled:ie,onClick:Z,size:M},t.createElement(d,{"data-testid":S}))},t.createElement(u,Object.assign({"aria-describedby":A,className:m.StepperFieldInput,hasError:C,id:k,isDisabled:R,isReadOnly:N,isRequired:V,onBlur:_,onChange:ee,onWheel:te,ref:B,size:M,variation:P,type:"number",value:X},O,K))),t.createElement(s,{hasError:C,errorMessage:y}))}));v.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,v as StepperField};
1
+ import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{useStepper as i}from"./useStepper.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as a}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as o}from"../FieldGroup/FieldGroup.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as l}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as n}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import{IconAdd as m}from"../Icon/icons/IconAdd.mjs";import{ComponentClassNames as p,ComponentText as c}from"../shared/constants.mjs";import"../View/View.mjs";import{IconRemove as u}from"../Icon/icons/IconRemove.mjs";import{Input as b}from"../Input/Input.mjs";import{Label as F}from"../Label/Label.mjs";import{classNameModifier as f,classNameModifierByFlag as I}from"@aws-amplify/ui";import{splitPrimitiveProps as j}from"../utils/splitPrimitiveProps.mjs";import{useStableId as v}from"../utils/useStableId.mjs";const h="decrease-icon",S="increase-icon",B=t.forwardRef(((B,E)=>{var g,D;const{className:y,defaultValue:C,descriptiveText:L,errorMessage:O,hasError:x=!1,id:R,inputStyles:N,isDisabled:V,isReadOnly:z,isRequired:G,increaseButtonLabel:w=c.StepperField.increaseButtonLabel,decreaseButtonLabel:H=c.StepperField.decreaseButtonLabel,label:M,labelHidden:$=!1,onStepChange:q,size:P,testId:T,value:k,variation:W}=B,A=e(B,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),J=v(R),K=v(),Q=L?K:void 0,{styleProps:U,rest:X}=j(A),Y=d("stepperField"),{step:Z,value:_,inputValue:ee,handleDecrease:te,handleIncrease:re,handleOnBlur:ie,handleOnChange:ae,handleOnWheel:se,setInputValue:oe,shouldDisableDecreaseButton:le,shouldDisableIncreaseButton:ne}=i(Object.assign(Object.assign({},B),{defaultValue:C,onStepChange:q}));return t.useEffect((()=>{void 0!==k&&oe(k)}),[k,oe]),t.createElement(n,Object.assign({className:r(p.Field,f(p.Field,P),p.StepperField,y),"data-size":P,"data-variation":W,testId:T},U),t.createElement(F,{htmlFor:J,visuallyHidden:$},M),t.createElement(a,{id:K,labelHidden:$,descriptiveText:L}),t.createElement(o,{outerStartComponent:t.createElement(l,{"aria-controls":J,ariaLabel:`${H} ${_-Z}`,className:r(p.StepperFieldButtonDecrease,f(p.StepperFieldButtonDecrease,W),I(p.StepperFieldButtonDecrease,"disabled",le)),"data-invalid":x,isDisabled:le,onClick:te,size:P},null!==(g=null==Y?void 0:Y.remove)&&void 0!==g?g:t.createElement(u,{"data-testid":h})),outerEndComponent:t.createElement(l,{"aria-controls":J,ariaLabel:`${w} ${_+Z}`,className:r(p.StepperFieldButtonIncrease,f(p.StepperFieldButtonIncrease,W),I(p.StepperFieldButtonIncrease,"disabled",ne)),"data-invalid":x,isDisabled:ne,onClick:re,size:P},null!==(D=null==Y?void 0:Y.add)&&void 0!==D?D:t.createElement(m,{"data-testid":S}))},t.createElement(b,Object.assign({"aria-describedby":Q,className:p.StepperFieldInput,hasError:x,id:J,isDisabled:V,isReadOnly:z,isRequired:G,onBlur:ie,onChange:ae,onWheel:se,ref:E,size:P,variation:W,type:"number",value:ee},N,X))),t.createElement(s,{hasError:x,errorMessage:O}))}));B.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,B as StepperField};
@@ -1 +1 @@
1
- export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{Image}from"./Image/Image.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{View}from"./View/View.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";
1
+ export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{IconsProvider}from"./Icon/context/IconsProvider.mjs";import"react";import"./Icon/context/IconsContext.mjs";import"tslib";import"classnames";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{View}from"./View/View.mjs";export{Image}from"./Image/Image.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";
@@ -1 +1 @@
1
- const o="5.1.1";export{o as VERSION};
1
+ const o="5.2.0";export{o as VERSION};