@aws-amplify/ui-react 4.3.1 → 4.3.3

package/dist/esm/components/Storage/FileUploader/FileUploader.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as i,Fragment as t,jsx as r}from"react/jsx-runtime";import s,{useState as o,useEffect as l,useCallback as a,useMemo as n}from"react";import{Storage as p}from"@aws-amplify/storage";import{translate as m,uploadFile as c,isValidExtension as d}from"@aws-amplify/ui";import{Logger as u}from"aws-amplify";import"../../../primitives/Alert/Alert.js";import"../../../primitives/Autocomplete/Autocomplete.js";import"../../../primitives/Badge/Badge.js";import{Button as v}from"../../../primitives/Button/Button.js";import"../../../primitives/ButtonGroup/ButtonGroup.js";import"../../../primitives/Card/Card.js";import"../../../primitives/CheckboxField/CheckboxField.js";import"../../../primitives/Collection/Collection.js";import"../../../primitives/Divider/Divider.js";import"../../../primitives/Expander/Expander.js";import"../../../primitives/Expander/ExpanderItem.js";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.js";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.js";import"../../../primitives/Flex/Flex.js";import"../../../primitives/Grid/Grid.js";import"../../../primitives/Heading/Heading.js";import"../../../primitives/HighlightMatch/HighlightMatch.js";import"../../../primitives/Icon/Icon.js";import"../../../primitives/Image/Image.js";import"../../../primitives/Link/Link.js";import"../../../primitives/Loader/Loader.js";import"../../../primitives/Menu/Menu.js";import"../../../primitives/Menu/MenuButton.js";import"../../../primitives/Menu/MenuItem.js";import"../../../primitives/Pagination/Pagination.js";import"../../../primitives/PasswordField/PasswordField.js";import"../../../primitives/PhoneNumberField/PhoneNumberField.js";import"../../../primitives/Placeholder/Placeholder.js";import"../../../primitives/Radio/Radio.js";import"../../../primitives/RadioGroupField/RadioGroupField.js";import"../../../primitives/Rating/Rating.js";import"../../../primitives/ScrollView/ScrollView.js";import"../../../primitives/SearchField/SearchField.js";import"../../../primitives/SelectField/SelectField.js";import"../../../primitives/SliderField/SliderField.js";import"../../../primitives/StepperField/StepperField.js";import"../../../primitives/SwitchField/SwitchField.js";import"../../../primitives/Table/Table.js";import"../../../primitives/Table/TableBody.js";import"../../../primitives/Table/TableCell.js";import"../../../primitives/Table/TableFoot.js";import"../../../primitives/Table/TableHead.js";import"../../../primitives/Table/TableRow.js";import"../../../primitives/Tabs/Tabs.js";import"../../../primitives/Text/Text.js";import"../../../primitives/TextAreaField/TextAreaField.js";import"../../../primitives/TextField/TextField.js";import"../../../primitives/ToggleButton/ToggleButton.js";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.js";import"../../../primitives/View/View.js";import{VisuallyHidden as g}from"../../../primitives/VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as j}from"../../../primitives/shared/constants.js";import f from"./hooks/useFileUploader/useFileUploader.js";import{UploadPreviewer as b}from"./UploadPreviewer/index.js";import{UploadDropZone as h}from"./UploadDropZone/index.js";import{UploadTracker as F}from"./UploadTracker/index.js";const S=e=>"function"==typeof(null==e?void 0:e.resume),T=new u("AmplifyUI:Storage");function w(u){var{acceptedFileTypes:w,shouldAutoProceed:x=!1,isPreviewerVisible:O,maxFiles:P,maxSize:k,hasMultipleFiles:y=!0,onError:C,onSuccess:I,showImages:M=!0,accessLevel:B,variation:E="drop",isResumable:R=!1}=u,G=e(u,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFiles","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);w&&B||T.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[A,L]=o(!1),[D,U]=o(!1),V=f({maxSize:k,acceptedFileTypes:w,hasMultipleFiles:y,isLoading:A,setAutoLoad:U}),{addTargetFiles:H,fileStatuses:Z,inDropZone:z,setFileStatuses:N,setShowPreviewer:q,showPreviewer:W}=V,J=e(V,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),K=Math.floor(Z.reduce(((e,i)=>{var t;return e+(null!==(t=null==i?void 0:i.percentage)&&void 0!==t?t:0)}),0)/Z.length),Q=0!==Z.length&&Z.every((e=>100===(null==e?void 0:e.percentage))),X=Z.filter((e=>100!==e.percentage)).length>P;l((()=>{100===Math.floor(K)&&L(!1)}),[K]),l((()=>{q(O)}),[q,O]);const Y=a((e=>i=>{N((t=>{const r=Object.assign({},t[e]),s=Math.floor(i.loaded/i.total*100),o=100!==s?"loading":"success",l=Object.assign(Object.assign({},r),{percentage:s,fileState:o});return t[e]=l,[...t]}))}),[N]),$=a((e=>i=>{N((t=>{const r=Object.assign({},t[e]),s=Object.assign(Object.assign({},r),{fileState:"error",fileErrors:m(i.toString())});return t[e]=s,[...t]})),L(!1),"function"==typeof C&&C(i)}),[C,N]),_=a((e=>function(){const i=Z[e];S(i.uploadTask)&&i.uploadTask.pause();const t=[...Z];t[e]=Object.assign(Object.assign({},i),{fileState:"paused"}),N(t)}),[Z,N]),ee=a((e=>function(){const i=Z[e];S(i.uploadTask)&&i.uploadTask.resume();const t=[...Z];t[e]=Object.assign(Object.assign({},i),{fileState:"resume"}),N(t)}),[Z,N]),ie=a((()=>{L(!0);const e=[];Z.forEach(((i,t)=>{if("success"===(null==i?void 0:i.fileState))return;const r=c(Object.assign({file:i.file,fileName:i.name,level:B,isResumable:R,progressCallback:Y(t),errorCallback:$(t),completeCallback:I},G));S(r)&&R&&e.push(r)})),N((i=>i.map(((i,t)=>{var r,s;return Object.assign(Object.assign({},i),{uploadTask:null==e?void 0:e[t],fileState:null!==(r=i.fileState)&&void 0!==r?r:"loading",percentage:null!==(s=i.percentage)&&void 0!==s?s:0})}))))}),[$,Z,R,I,Y,G,N,B]),te=a((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:i}=e.target;H([...i])>0&&(q(!0),U(!0))}),[H,q]),re=a((()=>{q(!1),N([])}),[N,q]),se=a((e=>()=>{const{fileState:i,uploadTask:t}=Z[e];"loading"===i&&S(t)&&(p.cancel(t),L(!1));const r=Z.filter(((i,t)=>t!==e));N(r)}),[Z,N]),oe=a((e=>i=>{if(0===i.trim().length)return;const t=[...Z],r=Z[e],s=d(i,r.file.name);t[e]=Object.assign(Object.assign({},r),{name:i,fileState:s?null:"error",fileErrors:s?void 0:m("Extension not allowed")}),N(t)}),[Z,N]),le=a(((e,i)=>{N((t=>{const r=[...t],s=r[e],o=d(s.name,s.file.name)?null:"error",l=null===i?o:i;return r[e]=Object.assign(Object.assign({},s),{fileState:l}),r}))}),[N]),ae=a((e=>()=>{le(e,null)}),[le]),ne=a((e=>i=>{le(e,"editing")}),[le]);l((()=>{x&&D&&!X&&(ie(),U(!1))}),[x,ie,D,X]);const pe=s.useRef(),me=null==w?void 0:w.join(),ce=n((()=>i(t,{children:[r(v,Object.assign({className:j.FileUploaderDropZoneButton,isDisabled:A,onClick:()=>{pe.current.click(),pe.current.value=null},size:"small"},{children:m("Browse files")})),r(g,{children:r("input",{type:"file",tabIndex:-1,ref:pe,onChange:te,multiple:y,accept:me})})]})),[A,te,y,me]);return W?r(b,Object.assign({dropZone:r(h,Object.assign({},J,{inDropZone:z},{children:ce})),fileStatuses:Z,isLoading:A,isSuccessful:Q,hasMaxFilesError:X,onClear:re,onFileClick:ie,aggregatePercentage:K},{children:null==Z?void 0:Z.map(((e,i)=>{var t;return r(F,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(t=e.file)||void 0===t?void 0:t.type.startsWith("image/"),showImage:M,name:e.name,onCancel:se(i),onCancelEdit:ae(i),onPause:_(i),onResume:ee(i),onSaveEdit:oe(i),onStartEdit:ne(i),percentage:e.percentage,isResumable:R},i)}))})):"button"===E?ce:r(h,Object.assign({},J,{inDropZone:z},{children:ce}))}export{w as FileUploader};
+import{__rest as e}from"tslib";import{jsxs as i,Fragment as t,jsx as r}from"react/jsx-runtime";import s,{useState as o,useEffect as l,useCallback as a,useMemo as n}from"react";import{Storage as p}from"@aws-amplify/storage";import{translate as m,uploadFile as c,isValidExtension as d}from"@aws-amplify/ui";import{Logger as u}from"aws-amplify";import"../../../primitives/Alert/Alert.js";import"../../../primitives/Autocomplete/Autocomplete.js";import"../../../primitives/Badge/Badge.js";import{Button as v}from"../../../primitives/Button/Button.js";import"../../../primitives/ButtonGroup/ButtonGroup.js";import"../../../primitives/Card/Card.js";import"../../../primitives/CheckboxField/CheckboxField.js";import"../../../primitives/Collection/Collection.js";import"../../../primitives/Divider/Divider.js";import"../../../primitives/Expander/Expander.js";import"../../../primitives/Expander/ExpanderItem.js";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.js";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.js";import"../../../primitives/Flex/Flex.js";import"../../../primitives/Grid/Grid.js";import"../../../primitives/Heading/Heading.js";import"../../../primitives/HighlightMatch/HighlightMatch.js";import"../../../primitives/Icon/Icon.js";import"../../../primitives/Image/Image.js";import"../../../primitives/Link/Link.js";import"../../../primitives/Loader/Loader.js";import"../../../primitives/Menu/Menu.js";import"../../../primitives/Menu/MenuButton.js";import"../../../primitives/Menu/MenuItem.js";import"../../../primitives/Pagination/Pagination.js";import"../../../primitives/PasswordField/PasswordField.js";import"../../../primitives/PhoneNumberField/PhoneNumberField.js";import"../../../primitives/Placeholder/Placeholder.js";import"../../../primitives/Radio/Radio.js";import"../../../primitives/RadioGroupField/RadioGroupField.js";import"../../../primitives/Rating/Rating.js";import"../../../primitives/ScrollView/ScrollView.js";import"../../../primitives/SearchField/SearchField.js";import"../../../primitives/SelectField/SelectField.js";import"../../../primitives/SliderField/SliderField.js";import"../../../primitives/StepperField/StepperField.js";import"../../../primitives/SwitchField/SwitchField.js";import"../../../primitives/Table/Table.js";import"../../../primitives/Table/TableBody.js";import"../../../primitives/Table/TableCell.js";import"../../../primitives/Table/TableFoot.js";import"../../../primitives/Table/TableHead.js";import"../../../primitives/Table/TableRow.js";import"../../../primitives/Tabs/Tabs.js";import"../../../primitives/Text/Text.js";import"../../../primitives/TextAreaField/TextAreaField.js";import"../../../primitives/TextField/TextField.js";import"../../../primitives/ToggleButton/ToggleButton.js";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.js";import"../../../primitives/View/View.js";import{VisuallyHidden as g}from"../../../primitives/VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as j}from"../../../primitives/shared/constants.js";import f from"./hooks/useFileUploader/useFileUploader.js";import{UploadPreviewer as b}from"./UploadPreviewer/index.js";import{UploadDropZone as h}from"./UploadDropZone/index.js";import{UploadTracker as F}from"./UploadTracker/index.js";const S=e=>"function"==typeof(null==e?void 0:e.resume),T=new u("AmplifyUI:Storage");function w(u){var{acceptedFileTypes:w,shouldAutoProceed:x=!1,isPreviewerVisible:O,maxFiles:P,maxSize:k,hasMultipleFiles:y=!0,onError:C,onSuccess:I,showImages:M=!0,accessLevel:B,variation:E="drop",isResumable:R=!1}=u,G=e(u,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFiles","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);w&&B||T.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[A,L]=o(!1),[D,U]=o(!1),V=f({maxSize:k,acceptedFileTypes:w,hasMultipleFiles:y,isLoading:A,setAutoLoad:U}),{addTargetFiles:H,fileStatuses:Z,inDropZone:z,setFileStatuses:N,setShowPreviewer:q,showPreviewer:W}=V,J=e(V,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),K=Math.floor(Z.reduce(((e,i)=>{var t;return e+(null!==(t=null==i?void 0:i.percentage)&&void 0!==t?t:0)}),0)/Z.length),Q=0!==Z.length&&Z.every((e=>100===(null==e?void 0:e.percentage))),X=Z.filter((e=>100!==e.percentage)).length>P;l((()=>{100===Math.floor(K)&&L(!1)}),[K]),l((()=>{q(O)}),[q,O]);const Y=a((e=>i=>{N((t=>{const r=Object.assign({},t[e]),s=0!==i.total?Math.floor(i.loaded/i.total*100):100,o=100!==s?"loading":"success",l=Object.assign(Object.assign({},r),{percentage:s,fileState:o});return t[e]=l,[...t]}))}),[N]),$=a((e=>i=>{N((t=>{const r=Object.assign({},t[e]),s=Object.assign(Object.assign({},r),{fileState:"error",fileErrors:m(i.toString())});return t[e]=s,[...t]})),L(!1),"function"==typeof C&&C(i)}),[C,N]),_=a((e=>function(){const i=Z[e];S(i.uploadTask)&&i.uploadTask.pause();const t=[...Z];t[e]=Object.assign(Object.assign({},i),{fileState:"paused"}),N(t)}),[Z,N]),ee=a((e=>function(){const i=Z[e];S(i.uploadTask)&&i.uploadTask.resume();const t=[...Z];t[e]=Object.assign(Object.assign({},i),{fileState:"resume"}),N(t)}),[Z,N]),ie=a((()=>{L(!0);const e=[];Z.forEach(((i,t)=>{if("success"===(null==i?void 0:i.fileState))return;const r=c(Object.assign({file:i.file,fileName:i.name,level:B,isResumable:R,progressCallback:Y(t),errorCallback:$(t),completeCallback:I},G));S(r)&&R&&e.push(r)})),N((i=>i.map(((i,t)=>{var r,s;return Object.assign(Object.assign({},i),{uploadTask:null==e?void 0:e[t],fileState:null!==(r=i.fileState)&&void 0!==r?r:"loading",percentage:null!==(s=i.percentage)&&void 0!==s?s:0})}))))}),[$,Z,R,I,Y,G,N,B]),te=a((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:i}=e.target;H([...i])>0&&(q(!0),U(!0))}),[H,q]),re=a((()=>{q(!1),N([])}),[N,q]),se=a((e=>()=>{const{fileState:i,uploadTask:t}=Z[e];"loading"===i&&S(t)&&(p.cancel(t),L(!1));const r=Z.filter(((i,t)=>t!==e));N(r)}),[Z,N]),oe=a((e=>i=>{if(0===i.trim().length)return;const t=[...Z],r=Z[e],s=d(i,r.file.name);t[e]=Object.assign(Object.assign({},r),{name:i,fileState:s?null:"error",fileErrors:s?void 0:m("Extension not allowed")}),N(t)}),[Z,N]),le=a(((e,i)=>{N((t=>{const r=[...t],s=r[e],o=d(s.name,s.file.name)?null:"error",l=null===i?o:i;return r[e]=Object.assign(Object.assign({},s),{fileState:l}),r}))}),[N]),ae=a((e=>()=>{le(e,null)}),[le]),ne=a((e=>i=>{le(e,"editing")}),[le]);l((()=>{x&&D&&!X&&(ie(),U(!1))}),[x,ie,D,X]);const pe=s.useRef(),me=null==w?void 0:w.join(),ce=n((()=>i(t,{children:[r(v,Object.assign({className:j.FileUploaderDropZoneButton,isDisabled:A,onClick:()=>{pe.current.click(),pe.current.value=null},size:"small"},{children:m("Browse files")})),r(g,{children:r("input",{type:"file",tabIndex:-1,ref:pe,onChange:te,multiple:y,accept:me})})]})),[A,te,y,me]);return W?r(b,Object.assign({dropZone:r(h,Object.assign({},J,{inDropZone:z},{children:ce})),fileStatuses:Z,isLoading:A,isSuccessful:Q,hasMaxFilesError:X,onClear:re,onFileClick:ie,aggregatePercentage:K},{children:null==Z?void 0:Z.map(((e,i)=>{var t;return r(F,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(t=e.file)||void 0===t?void 0:t.type.startsWith("image/"),showImage:M,name:e.name,onCancel:se(i),onCancelEdit:ae(i),onPause:_(i),onResume:ee(i),onSaveEdit:oe(i),onStartEdit:ne(i),percentage:e.percentage,isResumable:R},i)}))})):"button"===E?ce:r(h,Object.assign({},J,{inDropZone:z},{children:ce}))}export{w as FileUploader};

package/dist/esm/components/Storage/FileUploader/UploadPreviewer/index.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e,Fragment as r}from"react/jsx-runtime";import{translate as t,ComponentClassName as s}from"@aws-amplify/ui";import{Alert as o}from"../../../../primitives/Alert/Alert.js";import"../../../../primitives/Autocomplete/Autocomplete.js";import"../../../../primitives/Badge/Badge.js";import{Button as l}from"../../../../primitives/Button/Button.js";import"../../../../primitives/ButtonGroup/ButtonGroup.js";import"../../../../primitives/Card/Card.js";import"../../../../primitives/CheckboxField/CheckboxField.js";import"../../../../primitives/Collection/Collection.js";import"../../../../primitives/Divider/Divider.js";import"../../../../primitives/Expander/Expander.js";import"../../../../primitives/Expander/ExpanderItem.js";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.js";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.js";import"../../../../primitives/Flex/Flex.js";import"../../../../primitives/Grid/Grid.js";import"../../../../primitives/Heading/Heading.js";import"../../../../primitives/HighlightMatch/HighlightMatch.js";import"../../../../primitives/Icon/Icon.js";import"../../../../primitives/Image/Image.js";import"../../../../primitives/Link/Link.js";import{Loader as p}from"../../../../primitives/Loader/Loader.js";import"../../../../primitives/Menu/Menu.js";import"../../../../primitives/Menu/MenuButton.js";import"../../../../primitives/Menu/MenuItem.js";import"../../../../primitives/Pagination/Pagination.js";import"react";import"../../../../primitives/PasswordField/PasswordField.js";import"../../../../primitives/PhoneNumberField/PhoneNumberField.js";import"../../../../primitives/Placeholder/Placeholder.js";import"../../../../primitives/Radio/Radio.js";import"../../../../primitives/RadioGroupField/RadioGroupField.js";import"../../../../primitives/Rating/Rating.js";import"../../../../primitives/ScrollView/ScrollView.js";import"../../../../primitives/SearchField/SearchField.js";import"../../../../primitives/SelectField/SelectField.js";import"../../../../primitives/SliderField/SliderField.js";import"../../../../primitives/StepperField/StepperField.js";import"../../../../primitives/SwitchField/SwitchField.js";import"../../../../primitives/Table/Table.js";import"../../../../primitives/Table/TableBody.js";import"../../../../primitives/Table/TableCell.js";import"../../../../primitives/Table/TableFoot.js";import"../../../../primitives/Table/TableHead.js";import"../../../../primitives/Table/TableRow.js";import"../../../../primitives/Tabs/Tabs.js";import{Text as m}from"../../../../primitives/Text/Text.js";import"../../../../primitives/TextAreaField/TextAreaField.js";import"../../../../primitives/TextField/TextField.js";import"../../../../primitives/ToggleButton/ToggleButton.js";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.js";import{View as a}from"../../../../primitives/View/View.js";import"../../../../primitives/VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as n}from"../../../../primitives/shared/constants.js";function d({aggregatePercentage:d,children:c,dropZone:v,fileStatuses:j,isLoading:u,isSuccessful:g,hasMaxFilesError:F,onClear:h,onFileClick:b}){const T=t("Over Max files"),x=()=>j.filter((i=>"success"===(null==i?void 0:i.fileState))).length,f=j.length-x(),S=j.some((i=>["error","editing"].includes(null==i?void 0:i.fileState)))||0===f||F;return i(a,Object.assign({className:n.FileUploaderPreviewer},{children:[i(a,Object.assign({className:n.FileUploaderPreviewerBody},{children:[v,e(m,Object.assign({className:n.FileUploaderPreviewerText},{children:e(r,g?{children:`${x()} ${t("files uploaded")}`}:{children:`${f} ${t("files selected")}`})})),c]})),i(a,Object.assign({className:n.FileUploaderPreviewerFooter},{children:[e(a,{children:u&&i(r,{children:[i(m,{children:[t("Uploading"),d>0?`: ${d}%`:""]}),e(p,{className:n.FileUploaderLoader,variation:"linear",percentage:d,isPercentageTextHidden:!0,isDeterminate:!0})]})}),i(a,Object.assign({className:s.FileUploaderPreviewerFooterActions},{children:[!u&&!g&&i(r,{children:[i(l,Object.assign({disabled:S,size:"small",variation:"primary",onClick:b},{children:[t("Upload"),` ${f} `,t("files")]})),e(l,Object.assign({size:"small",variation:"link",onClick:h},{children:t("Clear all")}))]}),g&&e(l,Object.assign({size:"small",onClick:h},{children:t("Done")}))]}))]})),F&&e(o,{variation:"error",heading:T})]}))}export{d as UploadPreviewer};
+import{jsxs as i,jsx as e,Fragment as r}from"react/jsx-runtime";import{translate as t,ComponentClassName as s}from"@aws-amplify/ui";import{Alert as o}from"../../../../primitives/Alert/Alert.js";import"../../../../primitives/Autocomplete/Autocomplete.js";import"../../../../primitives/Badge/Badge.js";import{Button as l}from"../../../../primitives/Button/Button.js";import"../../../../primitives/ButtonGroup/ButtonGroup.js";import"../../../../primitives/Card/Card.js";import"../../../../primitives/CheckboxField/CheckboxField.js";import"../../../../primitives/Collection/Collection.js";import"../../../../primitives/Divider/Divider.js";import"../../../../primitives/Expander/Expander.js";import"../../../../primitives/Expander/ExpanderItem.js";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.js";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.js";import"../../../../primitives/Flex/Flex.js";import"../../../../primitives/Grid/Grid.js";import"../../../../primitives/Heading/Heading.js";import"../../../../primitives/HighlightMatch/HighlightMatch.js";import"../../../../primitives/Icon/Icon.js";import"../../../../primitives/Image/Image.js";import"../../../../primitives/Link/Link.js";import{Loader as p}from"../../../../primitives/Loader/Loader.js";import"../../../../primitives/Menu/Menu.js";import"../../../../primitives/Menu/MenuButton.js";import"../../../../primitives/Menu/MenuItem.js";import"../../../../primitives/Pagination/Pagination.js";import"react";import"../../../../primitives/PasswordField/PasswordField.js";import"../../../../primitives/PhoneNumberField/PhoneNumberField.js";import"../../../../primitives/Placeholder/Placeholder.js";import"../../../../primitives/Radio/Radio.js";import"../../../../primitives/RadioGroupField/RadioGroupField.js";import"../../../../primitives/Rating/Rating.js";import"../../../../primitives/ScrollView/ScrollView.js";import"../../../../primitives/SearchField/SearchField.js";import"../../../../primitives/SelectField/SelectField.js";import"../../../../primitives/SliderField/SliderField.js";import"../../../../primitives/StepperField/StepperField.js";import"../../../../primitives/SwitchField/SwitchField.js";import"../../../../primitives/Table/Table.js";import"../../../../primitives/Table/TableBody.js";import"../../../../primitives/Table/TableCell.js";import"../../../../primitives/Table/TableFoot.js";import"../../../../primitives/Table/TableHead.js";import"../../../../primitives/Table/TableRow.js";import"../../../../primitives/Tabs/Tabs.js";import{Text as m}from"../../../../primitives/Text/Text.js";import"../../../../primitives/TextAreaField/TextAreaField.js";import"../../../../primitives/TextField/TextField.js";import"../../../../primitives/ToggleButton/ToggleButton.js";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.js";import{View as a}from"../../../../primitives/View/View.js";import"../../../../primitives/VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as d}from"../../../../primitives/shared/constants.js";function n({aggregatePercentage:n,children:c,dropZone:v,fileStatuses:j,isLoading:u,isSuccessful:g,hasMaxFilesError:F,onClear:h,onFileClick:b}){const T=t("Over Max files"),f=()=>j.filter((i=>"success"===(null==i?void 0:i.fileState))).length,x=j.length-f(),S=`${x} ${t(1===x?"file":"files")}`,w=`${f()} ${1===f()?t("file uploaded"):t("files uploaded")}`,P=j.some((i=>["error","editing"].includes(null==i?void 0:i.fileState)))||0===x||F;return i(a,Object.assign({className:d.FileUploaderPreviewer},{children:[i(a,Object.assign({className:d.FileUploaderPreviewerBody},{children:[v,e(m,Object.assign({className:d.FileUploaderPreviewerText},{children:g?w:e(r,{children:`${S} ${t("selected")}`})})),c]})),i(a,Object.assign({className:d.FileUploaderPreviewerFooter},{children:[e(a,{children:u&&i(r,{children:[i(m,{children:[t("Uploading"),n>0?`: ${n}%`:""]}),e(p,{className:d.FileUploaderLoader,variation:"linear",percentage:n,isPercentageTextHidden:!0,isDeterminate:!0})]})}),i(a,Object.assign({className:s.FileUploaderPreviewerFooterActions},{children:[!u&&!g&&i(r,{children:[e(l,Object.assign({disabled:P,size:"small",variation:"primary",onClick:b},{children:`${t("Upload")} ${S}`})),e(l,Object.assign({size:"small",variation:"link",onClick:h},{children:t("Clear all")}))]}),g&&e(l,Object.assign({size:"small",onClick:h},{children:t("Done")}))]}))]})),F&&e(o,{variation:"error",heading:T})]}))}export{n as UploadPreviewer};

package/dist/esm/hooks/useComposeRefsCallback.js

@@ -1 +1 @@
-import*as e from"react";function r({externalRef:r,internalRef:n}){return e.useCallback((e=>{"function"==typeof r?r(e):null!==r&&(r.current=e),n.current=e}),[r,n])}export{r as useComposeRefsCallback};
+import*as e from"react";function r({externalRef:r,internalRef:t}){return e.useCallback((e=>{"function"==typeof r?r(e):r&&(r.current=e),t.current=e}),[r,t])}export{r as useComposeRefsCallback};

package/dist/esm/primitives/Expander/ExpanderItem.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as r}from"react/jsx-runtime";import*as t from"react";import{Item as s,Header as n,Trigger as i,Content as d}from"@radix-ui/react-accordion";import o from"classnames";import{ComponentClassNames as c}from"../shared/constants.js";import{View as m}from"../View/View.js";import{IconExpandMore as l}from"../Icon/icons/IconExpandMore.js";import{splitPrimitiveProps as p}from"../shared/styleUtils.js";import{useStableId as x}from"../utils/useStableId.js";const f="expander-item",h="expander-header",j="expander-icon",b="expander-content-text",N=t.forwardRef(((t,f)=>{var{children:h,className:j,title:b}=t,N=e(t,["children","className","title"]);const E=x(),g=x(),{rest:I}=p(N);return a(s,Object.assign({className:o(c.ExpanderItem,j),"data-testid":"expander-item",ref:f},I,{children:[r(n,Object.assign({className:c.ExpanderHeader,"data-testid":"expander-header"},{children:a(i,Object.assign({"aria-controls":g,className:c.ExpanderTrigger,id:E},{children:[b,r(l,{"aria-hidden":!0,className:c.ExpanderIcon,"data-testid":"expander-icon"})]}))})),r(d,Object.assign({"aria-labelledby":E,className:c.ExpanderContent,id:g},{children:r(m,Object.assign({className:c.ExpanderContentText,testId:"expander-content-text"},{children:h}))}))]}))}));N.displayName="ExpanderItem";export{b as EXPANDER_CONTENT_TEXT_TEST_ID,h as EXPANDER_HEADER_TEST_ID,j as EXPANDER_ICON_TEST_ID,f as EXPANDER_ITEM_TEST_ID,N as ExpanderItem};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as r}from"react/jsx-runtime";import*as t from"react";import{Item as s,Header as n,Trigger as i,Content as d}from"@radix-ui/react-accordion";import o from"classnames";import{ComponentClassNames as c}from"../shared/constants.js";import{View as m}from"../View/View.js";import{IconExpandMore as l}from"../Icon/icons/IconExpandMore.js";import{splitPrimitiveProps as p}from"../shared/styleUtils.js";import{useStableId as x}from"../utils/useStableId.js";const f="expander-item",h="expander-header",j="expander-icon",b="expander-content-text",N=t.forwardRef(((t,f)=>{var{children:h,className:j,title:b,value:N}=t,u=e(t,["children","className","title","value"]);const E=x(),g=x(),{rest:I}=p(u);return a(s,Object.assign({className:o(c.ExpanderItem,j),"data-testid":"expander-item",ref:f,value:N},I,{children:[r(n,Object.assign({className:c.ExpanderHeader,"data-testid":"expander-header"},{children:a(i,Object.assign({"aria-controls":g,className:c.ExpanderTrigger,id:E},{children:[b,r(l,{"aria-hidden":!0,className:c.ExpanderIcon,"data-testid":"expander-icon"})]}))})),r(d,Object.assign({"aria-labelledby":E,className:c.ExpanderContent,id:g},{children:r(m,Object.assign({className:c.ExpanderContentText,testId:"expander-content-text"},{children:h}))}))]}))}));N.displayName="ExpanderItem";export{b as EXPANDER_CONTENT_TEXT_TEST_ID,h as EXPANDER_HEADER_TEST_ID,j as EXPANDER_ICON_TEST_ID,f as EXPANDER_ITEM_TEST_ID,N as ExpanderItem};

package/dist/esm/primitives/Icon/icons/IconClose.js

@@ -1 +1 @@
-import{__rest as s}from"tslib";import{jsx as t}from"react/jsx-runtime";import e from"classnames";import{ComponentClassNames as i}from"../../shared/constants.js";import{View as r}from"../../View/View.js";const o=o=>{const{className:m,size:n}=o,a=s(o,["className","size"]);return t(r,Object.assign({as:"span",width:n||"1em",height:n||"1em",className:e(i.Icon,m)},a,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n&&{width:n,height:n}},{children:t("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})}))}))};export{o as IconClose};
+import{__rest as s}from"tslib";import{jsx as t}from"react/jsx-runtime";import e from"classnames";import{ComponentClassNames as i}from"../../shared/constants.js";import{View as r}from"../../View/View.js";const o=o=>{const{className:m,size:n}=o,a=s(o,["className","size"]);return t(r,Object.assign({as:"span",width:n||"1em",height:n||"1em",className:e(i.Icon,m)},a,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n?{width:n,height:n}:void 0},{children:t("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})}))}))};export{o as IconClose};

package/dist/esm/primitives/Link/Link.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as o from"react";import s from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import{View as t}from"../View/View.js";import{useDeprecationWarning as a}from"../../hooks/useDeprecationWarning.js";const n=o.forwardRef(((o,n)=>{var{as:m="a",children:l,className:c,isExternal:p,to:f}=o,d=e(o,["as","children","className","isExternal","to"]);return a({shouldWarn:null!=f,message:"The Link component's to prop will soon be deprecated. Please see the Amplify UI documentation for using the Link component with routing libraries: https://ui.docs.amplify.aws/react/components/link#routing-libraries"}),r(t,Object.assign({as:m,className:s(i.Link,c),ref:n,rel:p?"noopener noreferrer":void 0,target:p?"_blank":void 0,to:f},d,{children:l}))}));n.displayName="Link";export{n as Link};
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as o from"react";import s from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import{View as t}from"../View/View.js";import{useDeprecationWarning as a}from"../../hooks/useDeprecationWarning.js";const n=o.forwardRef(((o,n)=>{var{as:m,children:l,className:c,isExternal:p,to:f}=o,d=e(o,["as","children","className","isExternal","to"]);return a({shouldWarn:null!=f&&!m,message:"The Link component's to prop will soon be deprecated. Please see the Amplify UI documentation for using the Link component with routing libraries: https://ui.docs.amplify.aws/react/components/link#routing-libraries"}),r(t,Object.assign({as:m||"a",className:s(i.Link,c),ref:n,rel:p?"noopener noreferrer":void 0,target:p?"_blank":void 0,to:f},d,{children:l}))}));n.displayName="Link";export{n as Link};

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

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

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

@@ -1 +1 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import*as t from"react";import i from"classnames";import{DropdownMenuItem as a}from"@radix-ui/react-dropdown-menu";import{ComponentClassNames as m}from"../shared/constants.js";import{MenuButton as s}from"./MenuButton.js";const n="amplify-menu-item-test-id",o=t.forwardRef(((t,n)=>{var{children:o,className:c,variation:d}=t,l=r(t,["children","className","variation"]);return e(a,Object.assign({asChild:!0,ref:n},{children:e(s,Object.assign({className:i(m.MenuItem,c),testId:"amplify-menu-item-test-id"},l,{variation:"menu"},{children:o}))}))}));o.displayName="MenuItem";export{n as MENU_ITEM_TEST_ID,o as MenuItem};
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as t from"react";import m from"classnames";import{DropdownMenuItem as i}from"@radix-ui/react-dropdown-menu";import{ComponentClassNames as s}from"../shared/constants.js";import{MenuButton as a}from"./MenuButton.js";const n="amplify-menu-item-test-id",o=t.forwardRef(((t,n)=>{var{children:o,className:c}=t,d=e(t,["children","className"]);return r(i,Object.assign({asChild:!0,ref:n},{children:r(a,Object.assign({className:m(s.MenuItem,c),testId:"amplify-menu-item-test-id"},d,{variation:"menu"},{children:o}))}))}));o.displayName="MenuItem";export{n as MENU_ITEM_TEST_ID,o as MenuItem};

package/dist/esm/primitives/Pagination/Pagination.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as r from"react";import t from"classnames";import{Flex as s}from"../Flex/Flex.js";import{View as n}from"../View/View.js";import{usePaginationItems as o}from"./usePaginationItems.js";import{ComponentClassNames as i}from"../shared/constants.js";const l=r.forwardRef(((r,l)=>{var{className:m,currentPage:g=1,totalPages:c,hasMorePages:p=!1,siblingCount:u,currentPageLabel:b,pageLabel:P,previousLabel:f,nextLabel:h,onNext:j,onPrevious:x,onChange:L}=r,v=e(r,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const N=o(g,c,p,u,b,P,f,h,j,x,L);return a(n,Object.assign({as:"nav",className:t(i.Pagination,m),ref:l},v,{children:a(s,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:N}))}))}));l.displayName="Pagination";export{l as Pagination};
+import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as r from"react";import t from"classnames";import{Flex as n}from"../Flex/Flex.js";import{View as o}from"../View/View.js";import{usePaginationItems as s}from"./usePaginationItems.js";import{ComponentClassNames as i}from"../shared/constants.js";const l=r.forwardRef(((r,l)=>{var{className:g,currentPage:m=1,totalPages:c,hasMorePages:u=!1,siblingCount:b,currentPageLabel:P,pageLabel:p,previousLabel:f,nextLabel:L,onNext:h,onPrevious:x,onChange:j}=r,v=e(r,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const C=s({currentPage:m,totalPages:c,hasMorePages:u,siblingCount:b,currentPageLabel:P,pageLabel:p,previousLabel:f,nextLabel:L,onNext:h,onPrevious:x,onChange:j});return a(o,Object.assign({as:"nav",className:t(i.Pagination,g),ref:l},v,{children:a(n,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:C}))}))}));l.displayName="Pagination";export{l as Pagination};

package/dist/esm/primitives/Pagination/PaginationItem.js

@@ -1 +1 @@
-import{__rest as i}from"tslib";import{jsx as a,jsxs as e}from"react/jsx-runtime";import*as t from"react";import n from"classnames";import{Button as s}from"../Button/Button.js";import{Flex as r}from"../Flex/Flex.js";import{ComponentClassNames as l,ComponentText as o}from"../shared/constants.js";import{View as c}from"../View/View.js";import{IconChevronLeft as m}from"../Icon/icons/IconChevronLeft.js";import{IconChevronRight as g}from"../Icon/icons/IconChevronRight.js";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.js";import{classNameModifier as b,classNameModifierByFlag as d}from"../shared/utils.js";const p="current",j="ellipsis",I=p=>{var{type:j,page:I,currentPage:P,currentPageLabel:h=o.PaginationItem.currentPageLabel,isDisabled:k,onClick:f,ariaLabel:C}=p,B=i(p,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const L=t.useCallback((()=>{f(I,P)}),[I,P,f]),O=t.useCallback((()=>{f()}),[f]),v=t.useCallback((()=>{f()}),[f]),N=n(l.PaginationItemButton,b(l.PaginationItemButton,"link"),d(l.PaginationItemButton,"disabled",k)),x=n(l.PaginationItemButton,b(l.PaginationItemButton,"link"),d(l.PaginationItemButton,"disabled",k));switch(j){case"page":return a(c,Object.assign({as:"li"},{children:I===P?e(r,Object.assign({"aria-current":"page",as:"button",className:l.PaginationItemCurrent,testId:"current"},B,{children:[e(u,{children:[h,":"]}),I]})):a(s,Object.assign({className:n(l.PaginationItemButton,b(l.PaginationItemButton,"link")),size:"small",variation:"link",onClick:L,ariaLabel:C},B,{children:I}))}));case"next":return a(c,Object.assign({as:"li"},{children:a(s,Object.assign({className:N,size:"small",variation:"link",isDisabled:k,onClick:v,ariaLabel:C},B,{children:a(g,{size:"large"})}))}));case"previous":return a(c,Object.assign({as:"li"},{children:a(s,Object.assign({className:x,size:"small",variation:"link",isDisabled:k,onClick:O,ariaLabel:C},B,{children:a(m,{size:"large"})}))}));case"ellipsis":return a(c,Object.assign({as:"li"},{children:a(r,Object.assign({as:"span",className:l.PaginationItemEllipsis,testId:"ellipsis"},B,{children:"…"}))}))}return a(c,{as:"li"})};I.displayName="PaginationItem";export{p as PAGINATION_CURRENT_TEST_ID,j as PAGINATION_ELLIPSIS_TEST_ID,I as PaginationItem};
+import{__rest as i}from"tslib";import{jsx as a,jsxs as e}from"react/jsx-runtime";import*as t from"react";import n from"classnames";import{Button as s}from"../Button/Button.js";import{Flex as l}from"../Flex/Flex.js";import{ComponentClassNames as r,ComponentText as o}from"../shared/constants.js";import{View as c}from"../View/View.js";import{IconChevronLeft as m}from"../Icon/icons/IconChevronLeft.js";import{IconChevronRight as u}from"../Icon/icons/IconChevronRight.js";import{VisuallyHidden as g}from"../VisuallyHidden/VisuallyHidden.js";import{classNameModifier as b,classNameModifierByFlag as d}from"../shared/utils.js";const p="current",j="ellipsis",I=p=>{var{type:j,page:I,currentPage:P,currentPageLabel:h=o.PaginationItem.currentPageLabel,isDisabled:k,onClick:f,ariaLabel:C}=p,B=i(p,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const L=t.useCallback((()=>{null==f||f(I,P)}),[I,P,f]),O=t.useCallback((()=>{null==f||f()}),[f]),v=t.useCallback((()=>{null==f||f()}),[f]),N=n(r.PaginationItemButton,b(r.PaginationItemButton,"link"),d(r.PaginationItemButton,"disabled",k)),x=n(r.PaginationItemButton,b(r.PaginationItemButton,"link"),d(r.PaginationItemButton,"disabled",k));switch(j){case"page":return a(c,Object.assign({as:"li"},{children:I===P?e(l,Object.assign({"aria-current":"page",as:"button",className:r.PaginationItemCurrent,testId:"current"},B,{children:[e(g,{children:[h,":"]}),I]})):a(s,Object.assign({className:n(r.PaginationItemButton,b(r.PaginationItemButton,"link")),size:"small",variation:"link",onClick:L,ariaLabel:C},B,{children:I}))}));case"next":return a(c,Object.assign({as:"li"},{children:a(s,Object.assign({className:N,size:"small",variation:"link",isDisabled:k,onClick:v,ariaLabel:C},B,{children:a(u,{size:"large"})}))}));case"previous":return a(c,Object.assign({as:"li"},{children:a(s,Object.assign({className:x,size:"small",variation:"link",isDisabled:k,onClick:O,ariaLabel:C},B,{children:a(m,{size:"large"})}))}));case"ellipsis":return a(c,Object.assign({as:"li"},{children:a(l,Object.assign({as:"span",className:r.PaginationItemEllipsis,testId:"ellipsis"},B,{children:"…"}))}))}return a(c,{as:"li"})};I.displayName="PaginationItem";export{p as PAGINATION_CURRENT_TEST_ID,j as PAGINATION_ELLIPSIS_TEST_ID,I as PaginationItem};

package/dist/esm/primitives/Pagination/usePagination.js

@@ -1 +1 @@
-import*as a from"react";const e=e=>{let{currentPage:t=1,totalPages:s,hasMorePages:o,siblingCount:n=1}=e;t=Math.max(t,1),n=Math.max(n,1),s=Math.max(t,s);const[r,l]=a.useState(t);a.useEffect((()=>l(t)),[t,s]);const u=a.useCallback((()=>{r<s&&l(r+1)}),[r,s]),c=a.useCallback((()=>{r>1&&l(r-1)}),[r]),g=a.useCallback(((a,e)=>{l(a)}),[]);return{currentPage:r,totalPages:s,hasMorePages:o,siblingCount:n,onNext:u,onPrevious:c,onChange:g}};export{e as usePagination};
+import*as a from"react";const e=e=>{let{currentPage:t=1,totalPages:s,hasMorePages:o=!1,siblingCount:n=1}=e;t=Math.max(t,1),n=Math.max(n,1),s=Math.max(t,s);const[r,l]=a.useState(t);a.useEffect((()=>l(t)),[t,s]);const u=a.useCallback((()=>{r<s&&l(r+1)}),[r,s]),c=a.useCallback((()=>{r>1&&l(r-1)}),[r]),g=a.useCallback(((a,e)=>{l(a)}),[]);return{currentPage:r,totalPages:s,hasMorePages:o,siblingCount:n,onNext:u,onPrevious:c,onChange:g}};export{e as usePagination};

package/dist/esm/primitives/Pagination/usePaginationItems.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import*as a from"react";import{useRange as t,ELLIPSIS as i}from"./useRange.js";import{PaginationItem as r}from"./PaginationItem.js";import{ComponentText as n}from"../shared/constants.js";const o=(o,s,p,l,m=n.PaginationItem.currentPageLabel,g=n.PaginationItem.pageLabel,c=n.PaginationItem.previousLabel,u=n.PaginationItem.nextLabel,b,P,L)=>{const f=e(r,{type:"previous",currentPage:o,onClick:P,isDisabled:o<=1,ariaLabel:c},"previous"),x=e(r,{type:"next",currentPage:o,onClick:b,isDisabled:o>=s&&!p,ariaLabel:u},"next"),I=t(o,s,l);return[f,...a.useMemo((()=>I.map(((a,t)=>a===i?e(r,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e(r,{type:"page",page:a,currentPage:o,currentPageLabel:m,onClick:L,ariaLabel:`${g} ${a}`},a)))),[I,o,m,g,L]),x]};export{o as usePaginationItems};
+import{jsx as e}from"react/jsx-runtime";import*as a from"react";import{useRange as t,ELLIPSIS as r}from"./useRange.js";import{PaginationItem as i}from"./PaginationItem.js";import{ComponentText as n}from"../shared/constants.js";const o=({currentPage:o,totalPages:s,hasMorePages:l,siblingCount:p,currentPageLabel:g=n.PaginationItem.currentPageLabel,pageLabel:m=n.PaginationItem.pageLabel,previousLabel:u=n.PaginationItem.previousLabel,nextLabel:b=n.PaginationItem.nextLabel,onNext:c,onPrevious:P,onChange:L})=>{const x=e(i,{type:"previous",currentPage:o,onClick:P,isDisabled:o<=1,ariaLabel:u},"previous"),f=e(i,{type:"next",currentPage:o,onClick:c,isDisabled:o>=s&&!l,ariaLabel:b},"next"),v=t(o,s,p);return[x,...a.useMemo((()=>v.map(((a,t)=>a===r?e(i,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e(i,{type:"page",page:a,currentPage:o,currentPageLabel:g,onClick:L,ariaLabel:`${m} ${a}`},a)))),[v,o,g,m,L]),f]};export{o as usePaginationItems};

package/dist/esm/primitives/SliderField/SliderField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"classnames";import{Root as l,Track as t,Range as o,Thumb as s}from"@radix-ui/react-slider";import*as d from"react";import{isFunction as n,classNameModifier as m}from"../shared/utils.js";import{ComponentClassNames as c}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as u}from"../Field/FieldDescription.js";import{FieldErrorMessage as p}from"../Field/FieldErrorMessage.js";import{FieldGroup as b}from"../FieldGroup/FieldGroup.js";import{Flex as f}from"../Flex/Flex.js";import{Label as g}from"../Label/Label.js";import{splitPrimitiveProps as F}from"../shared/styleUtils.js";import{View as h}from"../View/View.js";import{useStableId as S}from"../utils/useStableId.js";const C="slider-label",j="slider-root",k="slider-track",v="slider-range",y=d.forwardRef(((C,j)=>{var{ariaValuetext:k,className:v,defaultValue:y,descriptiveText:T,emptyTrackColor:V,errorMessage:x,filledTrackColor:N,formatValue:E,hasError:O=!1,id:z,isDisabled:H,isValueHidden:R=!1,label:I,labelHidden:M=!1,onChange:w,orientation:D="horizontal",outerEndComponent:G,outerStartComponent:L,testId:B,thumbColor:P,trackSize:U,dir:q,value:A,size:J}=C,K=e(C,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const Q=S(z),W=S(),X=S(),Y=T?X:void 0,{styleProps:Z,rest:$}=F(K),_=void 0!==A,[ee,re]=d.useState(_?A:y),ie=_?[A]:void 0,ae=_?void 0:[y],le=d.useCallback((e=>{re(e[0]),n(w)&&w(e[0])}),[w]),te=d.useMemo((()=>{const e=n(E)?E(ee):ee;return"string"==typeof E?r(h,Object.assign({as:"span"},{children:e})):e}),[ee,E]),oe="vertical"===D,se=a(c.SliderFieldTrack,m(c.SliderFieldTrack,D),m(c.SliderFieldTrack,J)),de=a(c.SliderFieldRoot,m(c.SliderFieldRoot,D),m(c.SliderFieldRoot,J),v);return i(f,Object.assign({className:a(c.Field,c.SliderField),testId:B,"data-size":J},Z,{children:[i(g,Object.assign({className:c.SliderFieldLabel,id:W,testId:"slider-label",visuallyHidden:M},{children:[r(h,Object.assign({as:"span"},{children:I})),R?null:te]})),r(u,{id:X,labelHidden:M,descriptiveText:T}),r(b,Object.assign({className:c.SliderFieldGroup,id:Q,orientation:D,outerStartComponent:L,outerEndComponent:G},{children:i(l,Object.assign({className:de,"data-testid":"slider-root",disabled:H,defaultValue:ae,onValueChange:le,orientation:D,ref:j,value:ie},$,{children:[r(t,Object.assign({className:se,"data-testid":"slider-track",style:{backgroundColor:String(V),[""+(oe?"width":"height")]:U}},{children:r(o,{className:a(c.SliderFieldRange,m(c.SliderFieldRange,D)),"data-testid":"slider-range",style:{backgroundColor:String(N)}})})),r(s,{"aria-describedby":Y,"aria-labelledby":W,"aria-valuetext":k,className:a(c.SliderFieldThumb,m(c.SliderFieldThumb,J)),style:{backgroundColor:String(P)}})]}))})),r(p,{hasError:O,errorMessage:x})]}))}));y.displayName="SliderField";export{C as SLIDER_LABEL_TEST_ID,v as SLIDER_RANGE_TEST_ID,j as SLIDER_ROOT_TEST_ID,k as SLIDER_TRACK_TEST_ID,y as SliderField};
+import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"classnames";import{Root as l,Track as t,Range as o,Thumb as s}from"@radix-ui/react-slider";import*as d from"react";import{isFunction as n,classNameModifier as m}from"../shared/utils.js";import{ComponentClassNames as c}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as u}from"../Field/FieldDescription.js";import{FieldErrorMessage as p}from"../Field/FieldErrorMessage.js";import{FieldGroup as b}from"../FieldGroup/FieldGroup.js";import{Flex as f}from"../Flex/Flex.js";import{Label as g}from"../Label/Label.js";import{splitPrimitiveProps as F}from"../shared/styleUtils.js";import{View as h}from"../View/View.js";import{useStableId as S}from"../utils/useStableId.js";const C="slider-label",j="slider-root",k="slider-track",v="slider-range",y=d.forwardRef(((C,j)=>{var{ariaValuetext:k,className:v,defaultValue:y=0,descriptiveText:T,emptyTrackColor:V,errorMessage:x,filledTrackColor:N,formatValue:E,hasError:O=!1,id:z,isDisabled:H,isValueHidden:R=!1,label:I,labelHidden:M=!1,onChange:w,orientation:D="horizontal",outerEndComponent:G,outerStartComponent:L,testId:B,thumbColor:P,trackSize:U,dir:q,value:A,size:J}=C,K=e(C,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const Q=S(z),W=S(),X=S(),Y=T?X:void 0,{styleProps:Z,rest:$}=F(K),_=void 0!==A,[ee,re]=d.useState(_?A:y),ie=_?[A]:void 0,ae=_?void 0:[y],le=d.useCallback((e=>{re(e[0]),n(w)&&w(e[0])}),[w]),te=d.useMemo((()=>{const e=n(E)?E(ee):ee;return"string"==typeof E?r(h,Object.assign({as:"span"},{children:e})):e}),[ee,E]),oe="vertical"===D,se=a(c.SliderFieldTrack,m(c.SliderFieldTrack,D),m(c.SliderFieldTrack,J)),de=a(c.SliderFieldRoot,m(c.SliderFieldRoot,D),m(c.SliderFieldRoot,J),v);return i(f,Object.assign({className:a(c.Field,c.SliderField),testId:B,"data-size":J},Z,{children:[i(g,Object.assign({className:c.SliderFieldLabel,id:W,testId:"slider-label",visuallyHidden:M},{children:[r(h,Object.assign({as:"span"},{children:I})),R?null:te]})),r(u,{id:X,labelHidden:M,descriptiveText:T}),r(b,Object.assign({className:c.SliderFieldGroup,id:Q,orientation:D,outerStartComponent:L,outerEndComponent:G},{children:i(l,Object.assign({className:de,"data-testid":"slider-root",disabled:H,defaultValue:ae,onValueChange:le,orientation:D,ref:j,value:ie},$,{children:[r(t,Object.assign({className:se,"data-testid":"slider-track",style:{backgroundColor:String(V),[""+(oe?"width":"height")]:U}},{children:r(o,{className:a(c.SliderFieldRange,m(c.SliderFieldRange,D)),"data-testid":"slider-range",style:{backgroundColor:String(N)}})})),r(s,{"aria-describedby":Y,"aria-labelledby":W,"aria-valuetext":k,className:a(c.SliderFieldThumb,m(c.SliderFieldThumb,J)),style:{backgroundColor:String(P)}})]}))})),r(p,{hasError:O,errorMessage:x})]}))}));y.displayName="SliderField";export{C as SLIDER_LABEL_TEST_ID,v as SLIDER_RANGE_TEST_ID,j as SLIDER_ROOT_TEST_ID,k as SLIDER_TRACK_TEST_ID,y as SliderField};

package/dist/esm/primitives/StepperField/useStepper.js

@@ -1 +1 @@
-import*as e from"react";import{isFunction as a}from"../shared/utils.js";const t=(e,a,t,l)=>{const s=(l-e)%t;return l=l-s+Math.round(s/t)*t,(l=Math.max(e,l))>a&&(l=a-(a-e)%t),l},l=({defaultValue:l=0,value:s,step:n=1,max:u=Number.MAX_SAFE_INTEGER,min:r=Number.MIN_SAFE_INTEGER,isDisabled:o,isReadOnly:c,onDecrease:h,onIncrease:d,onStepChange:i})=>{const b=void 0!==s;u=Math.max(r,u);const[m,p]=e.useState((()=>t(r,u,n,l)));b&&(s=t(r,u,n,s));const C=b?s:m,I=o||c||C+n>u,N=o||c||C-n<r,[D,E]=e.useState(C),g=e.useCallback((e=>{E(e.target.value)}),[]),k=e.useCallback((e=>{let l=parseFloat(e.target.value);isNaN(l)||(l=t(r,u,n,l),b||p(l),a(i)&&i(l),E(l))}),[r,u,n,b,i]),v=e.useCallback((()=>{b||p(C+n),a(i)&&i(C+n),a(d)&&d(),E(C+n)}),[n,C,b,d,i]),M=e.useCallback((()=>{b||p(C-n),a(i)&&i(C-n),a(h)&&h(),E(C-n)}),[n,C,b,h,i]),S=e.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:n,value:C,inputValue:D,handleDecrease:M,handleIncrease:v,handleOnBlur:k,handleOnChange:g,handleOnWheel:S,setInputValue:E,shouldDisableDecreaseButton:N,shouldDisableIncreaseButton:I}};export{l as useStepper};
+import*as e from"react";import{isFunction as a}from"../shared/utils.js";const t=(e,a,t,l)=>{const s=(l-e)%t;return l=l-s+Math.round(s/t)*t,(l=Math.max(e,l))>a&&(l=a-(a-e)%t),l},l=({defaultValue:l=0,value:s,step:n=1,max:u=Number.MAX_SAFE_INTEGER,min:r=Number.MIN_SAFE_INTEGER,isDisabled:o,isReadOnly:c,onDecrease:h,onIncrease:d,onStepChange:i})=>{const b=void 0!==s;u=Math.max(r,u);const[m,p]=e.useState((()=>t(r,u,n,l))),C=b?t(r,u,n,s):m,I=o||c||C+n>u,N=o||c||C-n<r,[D,E]=e.useState(C),g=e.useCallback((e=>{E(e.target.value)}),[]),k=e.useCallback((e=>{let l=parseFloat(e.target.value);isNaN(l)||(l=t(r,u,n,l),b||p(l),a(i)&&i(l),E(l))}),[r,u,n,b,i]),v=e.useCallback((()=>{b||p(C+n),a(i)&&i(C+n),a(d)&&d(),E(C+n)}),[n,C,b,d,i]),M=e.useCallback((()=>{b||p(C-n),a(i)&&i(C-n),a(h)&&h(),E(C-n)}),[n,C,b,h,i]),S=e.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:n,value:C,inputValue:D,handleDecrease:M,handleIncrease:v,handleOnBlur:k,handleOnChange:g,handleOnWheel:S,setInputValue:E,shouldDisableDecreaseButton:N,shouldDisableIncreaseButton:I}};export{l as useStepper};

package/dist/esm/primitives/Tabs/Tabs.js

@@ -1 +1 @@
-import{__rest as a}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"classnames";import{Root as n,List as s,Content as i,Trigger as l}from"@radix-ui/react-tabs";import*as o from"react";import{ComponentClassNames as c}from"../shared/constants.js";import{Flex as m}from"../Flex/Flex.js";import{View as d}from"../View/View.js";const p=a=>null!==a&&"object"==typeof a&&a.hasOwnProperty("props")&&null!=a.props.title,f=o.forwardRef(((l,d)=>{var{ariaLabel:f,children:u,className:b,defaultIndex:h=0,currentIndex:g,onChange:j,indicatorPosition:x,spacing:y}=l,I=a(l,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const N=o.Children.map(u,(a=>null===a||"string"==typeof a&&/\s/.test(a)?{}:p(a)?a.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),v={defaultValue:h.toString(),value:null!=g?g.toString():void 0,onValueChange:j};return e(n,Object.assign({},v,{children:[r(s,Object.assign({"aria-label":f},{children:r(m,Object.assign({className:t(c.Tabs,b),"data-indicator-position":x,ref:d},I,{children:o.Children.map(u,((a,e)=>p(a)?o.cloneElement(a,{"data-spacing":y,key:e,value:`${e}`}):null))}))})),N.map(((a,e)=>r(i,Object.assign({value:`${e}`},{children:a.children}),e)))]}))})),u=o.forwardRef(((e,n)=>{var{className:s,title:i}=e,o=a(e,["className","title"]);return r(d,Object.assign({as:l,className:t(c.TabItems,s),ref:n},o,{children:i}))}));f.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,f as Tabs};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as r}from"react/jsx-runtime";import t from"classnames";import{Root as i,List as n,Content as s,Trigger as l}from"@radix-ui/react-tabs";import*as o from"react";import{ComponentClassNames as c}from"../shared/constants.js";import{Flex as m}from"../Flex/Flex.js";import{View as d}from"../View/View.js";const p=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,f=o.forwardRef(((l,d)=>{var{ariaLabel:f,children:u,className:b,defaultIndex:h=0,currentIndex:g,onChange:j,indicatorPosition:x,spacing:y}=l,I=e(l,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const N={defaultValue:h.toString(),value:null!=g?g.toString():void 0,onValueChange:j},v=o.Children.toArray(u).filter((e=>!!e));return a(i,Object.assign({},N,{children:[r(n,Object.assign({"aria-label":f},{children:r(m,Object.assign({className:t(c.Tabs,b),"data-indicator-position":x,ref:d},I,{children:o.Children.map(v,((e,a)=>{if(p(e))return o.cloneElement(e,{"data-spacing":y,key:a,value:`${a}`})}))}))})),o.Children.map(v,((e,a)=>{if(p(e))return r(s,Object.assign({value:`${a}`},{children:e.props.children}),a);e&&console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children.")}))]}))})),u=o.forwardRef(((a,i)=>{var{className:n,title:s}=a,o=e(a,["className","title"]);return r(d,Object.assign({as:l,className:t(c.TabItems,n),ref:i},o,{children:s}))}));f.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,f as Tabs};

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

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

package/dist/esm/primitives/shared/styleUtils.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import*as e from"react";import{ComponentPropsToStylePropsMap as r}from"../types/style.js";import{getValueAtCurrentBreakpoint as t}from"./responsive/utils.js";import{useBreakpoint as s}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as n}from"../../hooks/useTheme.js";import{isNullOrEmptyString as p,isEmptyString as a}from"./utils.js";const i=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),u=o=>"auto"===o?"auto":`span ${o}`,l=o=>{if(i(o))return u(o);if(Array.isArray(o))return o.map((o=>u(o)));if("object"==typeof o&&null!=o){const e={};return Object.entries(o).forEach((([o,r])=>{e[o]=u(r)})),e}return null},m=r=>{const{rowSpan:t,columnSpan:s,row:n,column:a}=r,i=o(r,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:u,columnFromSpanValue:m}=e.useMemo((()=>({rowFromSpanValue:l(t),columnFromSpanValue:l(s)})),[t,s]);return Object.assign({row:p(n)?u:n,column:p(a)?m:a},i)},c=({props:o={},style:e={},breakpoint:s,breakpoints:n,tokens:p})=>{const i={};return Object.keys(o).filter((e=>null!=o[e])).forEach((u=>{if(u in r){if(!a(o[u])){const a=o[u],i=r[u];e=Object.assign(Object.assign({},e),{[i]:t({values:a,breakpoint:s,breakpoints:n,propKey:u,tokens:p})})}}else i[u]=o[u]})),{propStyles:e,nonStyleProps:i}},f=(o,r)=>{const{breakpoints:{values:t,defaultBreakpoint:p},tokens:a}=n(),i=s({breakpoints:t,defaultBreakpoint:p}),u=m(o);return e.useMemo((()=>c({props:u,style:r,breakpoint:i,breakpoints:t,tokens:a})),[u,r,t,i,a])},k=o=>{const e={styleProps:{},rest:{}};return Object.keys(o).forEach((t=>{t in r?e.styleProps[t]=o[t]:e.rest[t]=o[t]})),e};export{l as convertGridSpan,c as convertStylePropsToStyleObj,u as getGridSpan,i as isSpanPrimitiveValue,k as splitPrimitiveProps,f as useStyles,m as useTransformStyleProps};
+import{__rest as o}from"tslib";import*as e from"react";import{ComponentPropsToStylePropsMap as r}from"../types/style.js";import{getValueAtCurrentBreakpoint as t}from"./responsive/utils.js";import{useBreakpoint as s}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as n}from"../../hooks/useTheme.js";import{isNullOrEmptyString as p,isEmptyString as a}from"./utils.js";const i=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),u=o=>"auto"===o?"auto":`span ${o}`,l=o=>{if(i(o))return u(o);if(Array.isArray(o))return o.map((o=>u(o)));if("object"==typeof o&&null!=o){const e={};return Object.entries(o).forEach((([o,r])=>{e[o]=u(r)})),e}return null},m=r=>{const{rowSpan:t,columnSpan:s,row:n,column:a}=r,i=o(r,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:u,columnFromSpanValue:m}=e.useMemo((()=>({rowFromSpanValue:l(t),columnFromSpanValue:l(s)})),[t,s]);return Object.assign({row:p(n)?u:n,column:p(a)?m:a},i)},c=({props:o={},style:e={},breakpoint:s,breakpoints:n,tokens:p})=>{const i={};return Object.keys(o).filter((e=>null!=o[e])).forEach((u=>{if(u in r){if(!a(o[u])){const a=o[u],i=r[u];e=Object.assign(Object.assign({},e),{[i]:t({values:a,breakpoint:s,breakpoints:n,propKey:u,tokens:p})})}}else i[u]=o[u]})),{propStyles:e,nonStyleProps:i}},f=(o,r)=>{const{breakpoints:{values:t,defaultBreakpoint:p},tokens:a}=n(),i=s({breakpoints:t,defaultBreakpoint:p}),u=m(o);return e.useMemo((()=>c({props:u,style:r,breakpoint:i,breakpoints:t,tokens:a})),[u,r,t,i,a])};const b=o=>{const e={styleProps:{},rest:{}};return Object.keys(o).forEach((t=>{!function(o){return o in r}(t)?e.rest=Object.assign(Object.assign({},e.rest),{[t]:o[t]}):e.styleProps=Object.assign(Object.assign({},e.styleProps),{[t]:o[t]})})),e};export{l as convertGridSpan,c as convertStylePropsToStyleObj,u as getGridSpan,i as isSpanPrimitiveValue,b as splitPrimitiveProps,f as useStyles,m as useTransformStyleProps};

package/dist/esm/version.js

@@ -1 +1 @@
-const o="4.3.1";export{o as VERSION};
+const o="4.3.3";export{o as VERSION};