npm - @aws-amplify/ui-react - Versions diffs - 4.3.2 → 4.3.4 - Mend

@aws-amplify/ui-react 4.3.2 → 4.3.4

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 (129) hide show

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

	@@ -1 +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};
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=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 CHANGED Viewed

	@@ -1 +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};
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 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/components/Storage/FileUploader/UploadTracker/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import t,{useCallback as s}from"react";import{translate as o,humanFileSize as l}from"@aws-amplify/ui";import"../../../../primitives/Alert/Alert.js";import"../../../../primitives/Autocomplete/Autocomplete.js";import"../../../../primitives/Badge/Badge.js";import{Button as m}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{Image as a}from"../../../../primitives/Image/Image.js";import"../../../../primitives/Link/Link.js";import{Loader as n}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"../../../../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 p}from"../../../../primitives/Text/Text.js";import"../../../../primitives/TextAreaField/TextAreaField.js";import{TextField as d}from"../../../../primitives/TextField/TextField.js";import"../../../../primitives/ToggleButton/ToggleButton.js";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.js";import{View as c}from"../../../../primitives/View/View.js";import{VisuallyHidden as j}from"../../../../primitives/VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as u}from"../../../../primitives/shared/constants.js";import"tslib";import"classnames";import{IconClose as v}from"../../../../primitives/Icon/icons/IconClose.js";import{IconEdit as g}from"../../../../primitives/Icon/icons/IconEdit.js";import{IconFile as h}from"../../../../primitives/Icon/icons/IconFile.js";import{UploadMessage as F}from"./UploadMessage.js";function b({errorMessage:b,file:f,fileState:T,hasImage:S,name:x,onCancel:I,onCancelEdit:C,onPause:R,onResume:k,onSaveEdit:w,onStartEdit:B,percentage:O,isResumable:G,showImage:M}){const[z,E]=t.useState(x),P=t.useRef(null),H=URL.createObjectURL(f);t.useEffect((()=>{"editing"===T&&P.current&&P.current.focus()}),[T]);const{size:N}=f,U=S?i(a,{alt:f.name,src:H}):i(h,{}),L=!G\|\|O>0,A=null===T\|\|"error"===T&&b===o("Extension not allowed"),V=s((()=>e(r,{children:[e(c,Object.assign({className:u.FileUploaderFileMain},{children:[i(p,Object.assign({className:u.FileUploaderFileName},{children:x}))~~,i(F,{fileState:T,errorMessage:b,percentage:O~~})]})),i(p,Object.assign({as:"span",className:u.FileUploaderFileSize},{children:l(N,!0)}))]})),[~~b,T,~~x,~~O,N~~]),y=s((()=>{switch(T){case"editing":return e(r,{children:[i(m,Object.assign({size:"small",variation:"primary",onClick:()=>{w(z)}},{children:"Save"})),i(m,Object.assign({size:"small",onClick:()=>{E(x),C()}},{children:"Cancel"}))]});case"resume":case"loading":return G?i(m,Object.assign({onClick:R,size:"small",variation:"link"},{children:o("pause")})):null;case"paused":return i(m,Object.assign({onClick:k,size:"small",variation:"link"},{children:o("Resume")}));case"success":return null;default:return e(r,{children:[A?e(m,Object.assign({onClick:B,size:"small",variation:"link"},{children:[e(j,{children:["Edit file name ",f.name]}),i(g,{"aria-hidden":!0,fontSize:"medium"})]})):null,e(m,Object.assign({size:"small",onClick:I},{children:[e(j,{children:["Remove file name ",f.name]}),i(v,{"aria-hidden":!0,fontSize:"medium"})]}))]})}}),[f.name,T,G,x,I,C,R,k,w,B,A,z]);return f?e(c,Object.assign({className:u.FileUploaderFile},{children:[M?i(c,Object.assign({className:u.FileUploaderFileImage},{children:U})):null,"editing"===T?i(c,Object.assign({as:"form",flex:"1",onSubmit:()=>{w(z)}},{children:i(d,{maxLength:1024,ref:P,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:i=>{E(i.target.value)},value:z})})):i(V,{}),i(y,{}),"loading"===T?i(n,{className:u.FileUploaderLoader,variation:"linear",percentage:O,isDeterminate:L,isPercentageTextHidden:!0}):null]})):null}export{b as UploadTracker};
1	+ import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import t,{useCallback as s}from"react";import{translate as o,humanFileSize as l}from"@aws-amplify/ui";import"../../../../primitives/Alert/Alert.js";import"../../../../primitives/Autocomplete/Autocomplete.js";import"../../../../primitives/Badge/Badge.js";import{Button as m}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{Image as a}from"../../../../primitives/Image/Image.js";import"../../../../primitives/Link/Link.js";import{Loader as n}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"../../../../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 p}from"../../../../primitives/Text/Text.js";import"../../../../primitives/TextAreaField/TextAreaField.js";import{TextField as d}from"../../../../primitives/TextField/TextField.js";import"../../../../primitives/ToggleButton/ToggleButton.js";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.js";import{View as c}from"../../../../primitives/View/View.js";import{VisuallyHidden as j}from"../../../../primitives/VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as u}from"../../../../primitives/shared/constants.js";import"tslib";import"classnames";import{IconClose as v}from"../../../../primitives/Icon/icons/IconClose.js";import{IconEdit as g}from"../../../../primitives/Icon/icons/IconEdit.js";import{IconFile as F}from"../../../../primitives/Icon/icons/IconFile.js";import{UploadMessage as h}from"./UploadMessage.js";function b({errorMessage:b,file:f,fileState:T,hasImage:S,name:x,onCancel:I,onCancelEdit:C,onPause:O,onResume:R,onSaveEdit:k,onStartEdit:w,percentage:B,isResumable:G,showImage:M}){const[z,E]=t.useState(x),N=t.useRef(null),P=URL.createObjectURL(f);t.useEffect((()=>{"editing"===T&&N.current&&N.current.focus()}),[T]);const{size:U}=f,H=S?i(a,{alt:f.name,src:P}):i(F,{}),L=!G\|\|B>0,A=null===T\|\|"error"===T&&b===o("Extension not allowed"),V=s((()=>e(r,{children:[i(c,Object.assign({className:u.FileUploaderFileMain},{children:i(p,Object.assign({className:u.FileUploaderFileName},{children:x}))})),i(p,Object.assign({as:"span",className:u.FileUploaderFileSize},{children:l(U,!0)}))]})),[x,U]),y=s((()=>{switch(T){case"editing":return e(r,{children:[i(m,Object.assign({size:"small",variation:"primary",onClick:()=>{k(z)}},{children:"Save"})),i(m,Object.assign({size:"small",onClick:()=>{E(x),C()}},{children:"Cancel"}))]});case"resume":case"loading":return G?i(m,Object.assign({onClick:O,size:"small",variation:"link"},{children:o("pause")})):null;case"paused":return i(m,Object.assign({onClick:R,size:"small",variation:"link"},{children:o("Resume")}));case"success":return null;default:return e(r,{children:[A?e(m,Object.assign({onClick:w,size:"small",variation:"link"},{children:[e(j,{children:["Edit file name ",f.name]}),i(g,{"aria-hidden":!0,fontSize:"medium"})]})):null,e(m,Object.assign({size:"small",onClick:I},{children:[e(j,{children:["Remove file name ",f.name]}),i(v,{"aria-hidden":!0,fontSize:"medium"})]}))]})}}),[f.name,T,G,x,I,C,O,R,k,w,A,z]);return f?e(c,Object.assign({className:u.FileUploaderFile},{children:[e(c,Object.assign({className:u.FileUploaderFileWrapper},{children:[M?i(c,Object.assign({className:u.FileUploaderFileImage},{children:H})):null,"editing"===T?i(c,Object.assign({as:"form",flex:"1",onSubmit:()=>{k(z)}},{children:i(d,{maxLength:1024,ref:N,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:i=>{E(i.target.value)},value:z})})):i(V,{}),i(y,{}),"loading"===T?i(n,{className:u.FileUploaderLoader,variation:"linear",percentage:B,isDeterminate:L,isPercentageTextHidden:!0}):null]})),i(h,{fileState:T,errorMessage:b,percentage:B})]})):null}export{b as UploadTracker};

package/dist/esm/hooks/useComposeRefsCallback.js CHANGED Viewed

	@@ -1 +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};
1	+ 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/Alert/Alert.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as s}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as r from"react";import a from"classnames";import{ComponentClassNames as t,ComponentText as o}from"../shared/constants.js";import{isFunction as n,classNameModifier as l}from"../shared/utils.js";import{View as m}from"../View/View.js";import{Flex as c}from"../Flex/Flex.js";import{Button as d}from"../Button/Button.js";import{AlertIcon as f}from"./AlertIcon.js";import{IconClose as b}from"../Icon/icons/IconClose.js";const h=r.forwardRef(((h,j)=>{var{buttonRef:p,children:u,className:g,dismissButtonLabel:A=o.Alert.dismissButtonLabel,hasIcon:N=!0,heading:v,isDismissible:B=!1,onDismiss:x,variation:D}=h,I=s(h,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[O,L]=r.useState(!1),k=r.useCallback((()=>{L(!O),n(x)&&x()}),[L,x,O]);return!O&&i(c,Object.assign({className:a(t.Alert,g,l(t.Alert,D)),"data-variation":D,ref:j,role:"alert"},I,{children:[N&&e(f,{variation:D,ariaHidden:!0}),i(m,Object.assign({flex:"1"},{children:[v&&e(m,Object.assign({className:t.AlertHeading},{children:v})),e(m,Object.assign({className:t.AlertBody},{children:u}))]})),B&&e(d,Object.assign({ariaLabel:A,variation:"link",className:t.AlertDismiss,onClick:k,ref:p},{children:e(b,{"aria-hidden":"true"})}))]}))}));h.displayName="Alert";export{h as Alert};
1	+ import{__rest as s}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as r from"react";import a from"classnames";import{ComponentClassNames as t,ComponentText as o}from"../shared/constants.js";import{isFunction as n,classNameModifier as l}from"../shared/utils.js";import{View as m}from"../View/View.js";import{Flex as c}from"../Flex/Flex.js";import{Button as d}from"../Button/Button.js";import{AlertIcon as f}from"./AlertIcon.js";import{IconClose as b}from"../Icon/icons/IconClose.js";const h=r.forwardRef(((h,u)=>{var{buttonRef:j,children:p,className:g,dismissButtonLabel:A=o.Alert.dismissButtonLabel,hasIcon:N=!0,heading:v,isDismissible:B=!1,onDismiss:x,variation:D}=h,I=s(h,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[O,L]=r.useState(!1),k=r.useCallback((()=>{L(!O),n(x)&&x()}),[L,x,O]);return O?null:i(c,Object.assign({className:a(t.Alert,g,l(t.Alert,D)),"data-variation":D,ref:u,role:"alert"},I,{children:[N&&e(f,{variation:D,ariaHidden:!0}),i(m,Object.assign({flex:"1"},{children:[v&&e(m,Object.assign({className:t.AlertHeading},{children:v})),e(m,Object.assign({className:t.AlertBody},{children:p}))]})),B&&e(d,Object.assign({ariaLabel:A,variation:"link",className:t.AlertDismiss,onClick:k,ref:j},{children:e(b,{"aria-hidden":"true"})}))]}))}));h.displayName="Alert";export{h as Alert};

package/dist/esm/primitives/Checkbox/Checkbox.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsx as t,jsxs as s}from"react/jsx-runtime";import*as a from"react";import o from"classnames";import{Flex as d}from"../Flex/Flex.js";import{ComponentClassNames as i}from"../shared/constants.js";import"../View/View.js";import{IconCheck as c}from"../Icon/icons/IconCheck.js";import{IconIndeterminate as r}from"../Icon/icons/IconIndeterminate.js";import{Input as n}from"../Input/Input.js";import{Text as l}from"../Text/Text.js";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.js";import{getTestId as b}from"../utils/~~testUtils~~.js";import{useStableId as h}from"../utils/useStableId.js";import{useCheckbox as u}from"./useCheckbox.js";import{splitPrimitiveProps as k}from"../~~shared~~/~~styleUtils~~.js";import{classNameModifierByFlag as p}from"../shared/utils.js";const f=a.forwardRef(((f,C)=>{var{checked:x,className:I,defaultChecked:j,hasError:y,isDisabled:N,isIndeterminate:g,label:B,labelHidden:F,labelPosition:H,onChange:V,testId:D,inputStyles:E}=f,O=e(f,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:S,rest:v}=k(O),w=void 0!==x?x:j,{dataChecked:P,dataFocus:L,onBlur:T,onChange:U,onFocus:q,setDataChecked:M}=u(w,V);a.useEffect((()=>{void 0!==x&&x!==P&&M(x)}),[x,P,M]);const R=h();a.useEffect((()=>{document.querySelector(`[data-id="${R}"]`).indeterminate=g}),[~~R,g~~]);const $=b(D,i.CheckboxButton),z=b(D,i.CheckboxIcon),A=b(D,i.CheckboxLabel),G=o(i.CheckboxButton,p(i.CheckboxButton,"disabled",N),p(i.CheckboxButton,"error",y),p(i.CheckboxButton,"focused",L)),J=o(i.CheckboxIcon,p(i.CheckboxIcon,"checked",P),p(i.CheckboxIcon,"disabled",N)),K=a.useMemo((()=>g?t(r,{className:o(J,p(i.CheckboxIcon,"indeterminate",g)),"data-testid":z}):t(c,{className:J,"data-checked":P,"data-disabled":N,"data-testid":z})),[P,J,z,N,g]);return s(d,Object.assign({as:"label",className:o(i.Checkbox,p(i.Checkbox,"disabled",N),I),"data-disabled":N,"data-label-position":H,testId:D},S,{children:[t(m,{children:t(n,Object.assign({checked:x,className:i.CheckboxInput,"data-id"~~:R,~~defaultChecked:j,isDisabled:N,onBlur:T,onChange:U,onFocus:q,ref:C,type:"checkbox"},v))}),B&&t(l,Object.assign({as:"span",className:o(i.CheckboxLabel,{[i.VisuallyHidden]:F}),"data-disabled":N,testId:A},{children:B})),t(d,Object.assign({"aria-hidden":"true",as:"span",className:G,"data-checked":P,"data-disabled":N,"data-focus":L,"data-error":y,testId:$},E,{children:K}))]}))}));f.displayName="Checkbox";export{f as Checkbox};
1	+ import{__rest as e}from"tslib";import{jsx as t,jsxs as s}from"react/jsx-runtime";import*as a from"react";import o from"classnames";import{Flex as d}from"../Flex/Flex.js";import{ComponentClassNames as i}from"../shared/constants.js";import"../View/View.js";import{IconCheck as c}from"../Icon/icons/IconCheck.js";import{IconIndeterminate as r}from"../Icon/icons/IconIndeterminate.js";import{Input as n}from"../Input/Input.js";import{Text as l}from"../Text/Text.js";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.js";import{getTestId as b}from"../utils/getTestId.js";import{useStableId as h}from"../utils/useStableId.js";import{useCheckbox as u}from"./useCheckbox.js";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.js";import{classNameModifierByFlag as k}from"../shared/utils.js";const f=a.forwardRef(((f,C)=>{var{checked:x,className:I,defaultChecked:j,hasError:y,isDisabled:g,isIndeterminate:N,label:B,labelHidden:F,labelPosition:H,onChange:P,testId:V,inputStyles:v}=f,D=e(f,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:E,rest:O}=p(D),S=void 0!==x?x:j,{dataChecked:w,dataFocus:T,onBlur:L,onChange:q,onFocus:M,setDataChecked:R}=u(S,P);a.useEffect((()=>{void 0!==x&&x!==w&&R(x)}),[x,w,R]);const $=h();a.useEffect((()=>{const e=document.querySelector(`[data-id="${$}"]`);e&&"boolean"==typeof N&&(e.indeterminate=N)}),[$,N]);const z=b(V,i.CheckboxButton),A=b(V,i.CheckboxIcon),G=b(V,i.CheckboxLabel),J=o(i.CheckboxButton,k(i.CheckboxButton,"disabled",g),k(i.CheckboxButton,"error",y),k(i.CheckboxButton,"focused",T)),K=o(i.CheckboxIcon,k(i.CheckboxIcon,"checked",w),k(i.CheckboxIcon,"disabled",g)),Q=a.useMemo((()=>N?t(r,{className:o(K,k(i.CheckboxIcon,"indeterminate",N)),"data-testid":A}):t(c,{className:K,"data-checked":w,"data-disabled":g,"data-testid":A})),[w,K,A,g,N]);return s(d,Object.assign({as:"label",className:o(i.Checkbox,k(i.Checkbox,"disabled",g),I),"data-disabled":g,"data-label-position":H,testId:V},E,{children:[t(m,{children:t(n,Object.assign({checked:x,className:i.CheckboxInput,"data-id":$,defaultChecked:j,isDisabled:g,onBlur:L,onChange:q,onFocus:M,ref:C,type:"checkbox"},O))}),B&&t(l,Object.assign({as:"span",className:o(i.CheckboxLabel,{[i.VisuallyHidden]:F}),"data-disabled":g,testId:G},{children:B})),t(d,Object.assign({"aria-hidden":"true",as:"span",className:J,"data-checked":w,"data-disabled":g,"data-focus":T,"data-error":y,testId:z},v,{children:Q}))]}))}));f.displayName="Checkbox";export{f as Checkbox};

package/dist/esm/primitives/CheckboxField/CheckboxField.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsxs as r,jsx as s}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{Checkbox as a}from"../Checkbox/Checkbox.js";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import{FieldErrorMessage as m}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{getTestId as c}from"../utils/~~testUtils~~.js";const n=o.forwardRef(((o,n)=>{var{className:p,errorMessage:b,hasError:f=!1,labelHidden:h=!1,labelPosition:F,testId:j,size:x}=o,g=e(o,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const C=c(j,l.Checkbox);return r(d,Object.assign({className:i(l.Field,l.CheckboxField,t(l.Field,x),p),"data-size":x,testId:j},{children:[s(a,Object.assign({hasError:f,labelHidden:h,testId:C,labelPosition:F,ref:n},g)),s(m,{hasError:f,errorMessage:b})]}))}));n.displayName="CheckboxField";export{n as CheckboxField};
1	+ import{__rest as e}from"tslib";import{jsxs as r,jsx as s}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{Checkbox as a}from"../Checkbox/Checkbox.js";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import{FieldErrorMessage as m}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{getTestId as c}from"../utils/getTestId.js";const n=o.forwardRef(((o,n)=>{var{className:p,errorMessage:b,hasError:f=!1,labelHidden:h=!1,labelPosition:F,testId:j,size:x}=o,g=e(o,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const C=c(j,l.Checkbox);return r(d,Object.assign({className:i(l.Field,l.CheckboxField,t(l.Field,x),p),"data-size":x,testId:j},{children:[s(a,Object.assign({hasError:f,labelHidden:h,testId:C,labelPosition:F,ref:n},g)),s(m,{hasError:f,errorMessage:b})]}))}));n.displayName="CheckboxField";export{n as CheckboxField};

package/dist/esm/primitives/Expander/Expander.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as l from"react";import{Root as r}from"@radix-ui/react-accordion";import s from"classnames";import{useDeprecationWarning as t}from"../../hooks/useDeprecationWarning.js";import{ComponentClassNames as n}from"../shared/constants.js";import{splitPrimitiveProps as o}from"../~~shared~~/~~styleUtils~~.js";const i=l.forwardRef(((l,i)=>{var{children:p,className:d,defaultValue:m,isCollapsible:u,onChange:c,onValueChange:f,testId:h,type:g="single",value:C}=l,V=e(l,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:x}=o(V),b=null!=f?f:c;t({shouldWarn:!!c,message:"Expander `onChange` prop will be deprecated in the next major release of @aws-amplify/ui-react. Please replace usage with `onValueChange`."});return a(r,"multiple"===g?Object.assign({className:s(n.Expander,d),"data-testid":h,defaultValue:m,onValueChange:b,ref:i,type:g,value:C},x,{children:p}):Object.assign({className:s(n.Expander,d),collapsible:u,"data-testid":h,defaultValue:m,onValueChange:b,ref:i,type:g,value:C},x,{children:p}))}));i.displayName="Expander";export{i as Expander};
1	+ import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as l from"react";import{Root as r}from"@radix-ui/react-accordion";import s from"classnames";import{useDeprecationWarning as t}from"../../hooks/useDeprecationWarning.js";import{ComponentClassNames as n}from"../shared/constants.js";import{splitPrimitiveProps as o}from"../utils/splitPrimitiveProps.js";const i=l.forwardRef(((l,i)=>{var{children:p,className:m,defaultValue:u,isCollapsible:d,onChange:c,onValueChange:f,testId:h,type:g="single",value:C}=l,V=e(l,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:x}=o(V),b=null!=f?f:c;t({shouldWarn:!!c,message:"Expander `onChange` prop will be deprecated in the next major release of @aws-amplify/ui-react. Please replace usage with `onValueChange`."});return a(r,"multiple"===g?Object.assign({className:s(n.Expander,m),"data-testid":h,defaultValue:u,onValueChange:b,ref:i,type:g,value:C},x,{children:p}):Object.assign({className:s(n.Expander,m),collapsible:d,"data-testid":h,defaultValue:u,onValueChange:b,ref:i,type:g,value:C},x,{children:p}))}));i.displayName="Expander";export{i as Expander};

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

	@@ -1 +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};
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 i,Trigger as n,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"../utils/splitPrimitiveProps.js";import{useStableId as x}from"../utils/useStableId.js";const f="expander-item",h="expander-header",j="expander-icon",b="expander-content-text",u=t.forwardRef(((t,f)=>{var{children:h,className:j,title:b,value:u}=t,N=e(t,["children","className","title","value"]);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,value:u},I,{children:[r(i,Object.assign({className:c.ExpanderHeader,"data-testid":"expander-header"},{children:a(n,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}))}))]}))}));u.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,u as ExpanderItem};

package/dist/esm/primitives/HighlightMatch/HighlightMatch.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as s}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import r from"classnames";import*as i from"react";import{View as a}from"../View/View.js";import{strHasLength as o}from"../shared/utils.js";import{getTestId as n}from"../utils/~~testUtils~~.js";import{ComponentClassNames as l}from"../shared/constants.js";const c=(i,c)=>{var{children:m,className:h,query:d,testId:g}=i,f=s(i,["children","className","query","testId"]);const p=n(g,"match"),u=null==m?void 0:m.toLocaleLowerCase().indexOf(null==d?void 0:d.toLocaleLowerCase());if(o(d)&&-1!==u){const s=m.substring(u,u+d.length);return t(a,Object.assign({as:"span",className:r(h,l.HighlightMatch),testId:g,ref:c},f,{children:[m.substring(0,u),e(a,Object.assign({as:"strong",className:l.HighlightMatchHighlighted,testId:p},{children:s})),m.substring(u+d.length)]}))}return e(a,Object.assign({as:"span",testId:g},{children:m}))},m=i.forwardRef(c);m.displayName="HighlightMatch";export{m as HighlightMatch,c as HighlightMatchPrimitive};
1	+ import{__rest as s}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import r from"classnames";import*as i from"react";import{View as a}from"../View/View.js";import{strHasLength as o}from"../shared/utils.js";import{getTestId as n}from"../utils/getTestId.js";import{ComponentClassNames as l}from"../shared/constants.js";const c=(i,c)=>{var{children:m,className:h,query:d,testId:g}=i,f=s(i,["children","className","query","testId"]);const p=n(g,"match"),u=null==m?void 0:m.toLocaleLowerCase().indexOf(null==d?void 0:d.toLocaleLowerCase());if(o(d)&&-1!==u){const s=m.substring(u,u+d.length);return t(a,Object.assign({as:"span",className:r(h,l.HighlightMatch),testId:g,ref:c},f,{children:[m.substring(0,u),e(a,Object.assign({as:"strong",className:l.HighlightMatchHighlighted,testId:p},{children:s})),m.substring(u+d.length)]}))}return e(a,Object.assign({as:"span",testId:g},{children:m}))},m=i.forwardRef(c);m.displayName="HighlightMatch";export{m as HighlightMatch,c as HighlightMatchPrimitive};

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

	@@ -1 +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};
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}: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 CHANGED Viewed

	@@ -1 +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};
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,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/Pagination/Pagination.js CHANGED Viewed

	@@ -1 +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};
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 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 CHANGED Viewed

	@@ -1 +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};
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 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 CHANGED Viewed

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

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

	@@ -1 +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};
1	+ 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/PhoneNumberField/PhoneNumberField.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as a from"react";import t from"classnames";import{ComponentClassNames as r,ComponentText as i}from"../shared/constants.js";import{CountryCodeSelect as d}from"./CountryCodeSelect.js";import{TextField as l}from"../TextField/TextField.js";const n=a.forwardRef(((a,n)=>{var{autoComplete:s="tel-national",className:C,countryCodeName:m,countryCodeLabel:u=i.PhoneNumberField.countryCodeLabel,countryCodeRef:y,defaultCountryCode:c,defaultDialCode:f,dialCodeLabel:p=i.PhoneNumberField.countryCodeLabel,dialCodeList:b,dialCodeName:h,dialCodeRef:N,hasError:L,isDisabled:R,isReadOnly:D,onCountryCodeChange:g,onDialCodeChange:F,onInput:j,size:v,~~type~~:O~~,variation:x~~}=a,z=e(a,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","~~type","~~variation"]);const E=h\|\|m,P=p\|\|u,I=f~~\|\|c~~,S=F\|\|g,T=N\|\|y;return o(l,Object.assign({outerStartComponent:o(d,{defaultValue:I,dialCodeList:b,className:C,hasError:L,isDisabled:R,isReadOnly:D,label:P,name:E,onChange:S,ref:T,size:v,variation:x}),autoComplete:s,className:t(r.PhoneNumberField,C),hasError:L,isDisabled:R,isReadOnly:D,onInput:j,ref:n,size:v,type:"tel",variation:x},z))}));n.displayName="PhoneNumberField";export{n as PhoneNumberField};
1	+ import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as a from"react";import t from"classnames";import{ComponentClassNames as r,ComponentText as i}from"../shared/constants.js";import{CountryCodeSelect as d}from"./CountryCodeSelect.js";import{TextField as l}from"../TextField/TextField.js";const n=a.forwardRef(((a,n)=>{var{autoComplete:s="tel-national",className:C,countryCodeName:m,countryCodeLabel:u=i.PhoneNumberField.countryCodeLabel,countryCodeRef:c,defaultCountryCode:f,defaultDialCode:y,dialCodeLabel:b=i.PhoneNumberField.countryCodeLabel,dialCodeList:p,dialCodeName:h,dialCodeRef:N,hasError:L,isDisabled:R,isReadOnly:D,onCountryCodeChange:g,onDialCodeChange:F,onInput:j,size:v,variation:O}=a,x=e(a,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","variation"]);const z=h\|\|m,E=b\|\|u,P=y\|\|f,I=F\|\|g,S=N\|\|c;return o(l,Object.assign({outerStartComponent:o(d,{defaultValue:P,dialCodeList:p,className:C,hasError:L,isDisabled:R,isReadOnly:D,label:E,name:z,onChange:I,ref:S,size:v,variation:O}),autoComplete:s,className:t(r.PhoneNumberField,C),hasError:L,isDisabled:R,isReadOnly:D,onInput:j,ref:n,size:v,type:"tel",variation:O},x))}));n.displayName="PhoneNumberField";export{n as PhoneNumberField};

package/dist/esm/primitives/Radio/Radio.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as i}from"tslib";import{jsxs as a,jsx as e}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{classNameModifierByFlag as o,classNameModifier as d}from"../shared/utils.js";import{ComponentClassNames as r}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Input as n}from"../Input/Input.js";import{Text as m}from"../Text/Text.js";import{useRadioGroupContext as p}from"../RadioGroupField/context.js";const c=(t,c)=>{var{children:h,className:u,id:b,isDisabled:f,testId:g,value:R,labelPosition:j,height:v,width:x,bottom:N,left:I,position:y,padding:O,right:w,top:D}=t,C=i(t,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:F,defaultValue:P,name:V,hasError:k,isGroupDisabled:q,isRequired:z,isReadOnly:B,onChange:E,size:G,labelPosition:T}=p(),H=q\|\|f\|\|B&&P!==R,L=void 0!==F?R===F:void 0,A=void 0!==P?R===P:void 0,J=j\|\|T;return a(l,Object.assign({as:"label",className:s(r.Radio,o(r.Radio,"disabled",H),u),"data-disabled":H,"data-label-position":J,width:x,bottom:N,top:D,right:w,left:I,position:y,padding:O},{children:[h&&e(m,Object.assign({as:"span",className:r.RadioLabel,"data-disabled":H},{children:h})),e(n,Object.assign({checked:L,className:s(r.VisuallyHidden,r.RadioInput),defaultChecked:A,hasError:k,id:b,isDisabled:H,isReadOnly:B,isRequired:z,onChange:E,ref:c,type:"radio",name:V,value:R},C)),e(l,{"aria-hidden":"true",as:"span",className:s(r.RadioButton,d(r.RadioButton,G)),"data-size":G,testId:g})]}))},h=t.forwardRef(c);h.displayName="Radio";export{h as Radio,c as RadioPrimitive};
1	+ import{__rest as i}from"tslib";import{jsxs as a,jsx as e}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{classNameModifierByFlag as o,classNameModifier as d}from"../shared/utils.js";import{ComponentClassNames as r}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Input as n}from"../Input/Input.js";import{Text as m}from"../Text/Text.js";import{useRadioGroupContext as p}from"../RadioGroupField/context.js";const h=(t,h)=>{var{children:c,className:u,id:b,isDisabled:f,testId:g,value:R,labelPosition:j,height:v,width:x,bottom:N,left:I,position:y,padding:O,right:w,top:D}=t,C=i(t,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:F,defaultValue:P,name:V,hasError:k,isGroupDisabled:q,isRequired:z,isReadOnly:B,onChange:E,size:G,labelPosition:T}=p(),H=q\|\|f\|\|B&&P!==R,L=void 0!==F?R===F:void 0,A=void 0!==P?R===P:void 0,J=j\|\|T;return a(l,Object.assign({as:"label",className:s(r.Radio,o(r.Radio,"disabled",H),u),"data-disabled":H,"data-label-position":J,height:v,width:x,bottom:N,top:D,right:w,left:I,position:y,padding:O},{children:[c&&e(m,Object.assign({as:"span",className:r.RadioLabel,"data-disabled":H},{children:c})),e(n,Object.assign({checked:L,className:s(r.VisuallyHidden,r.RadioInput),defaultChecked:A,hasError:k,id:b,isDisabled:H,isReadOnly:B,isRequired:z,onChange:E,ref:h,type:"radio",name:V,value:R},C)),e(l,{"aria-hidden":"true",as:"span",className:s(r.RadioButton,d(r.RadioButton,G)),"data-size":G,testId:g})]}))},c=t.forwardRef(h);c.displayName="Radio";export{c as Radio,h as RadioPrimitive};

package/dist/esm/primitives/RadioGroupField/RadioGroupField.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as a from"react";import s from"classnames";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as t}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{~~RadioGroupContext~~ as m}from"./context.js";import{~~useStableId~~ as c}from"../utils/useStableId.js";const u=a.forwardRef(((u,b)=>{var{children:p,className:f,defaultValue:h,descriptiveText:j,errorMessage:g,hasError:F=!1,id:v,isDisabled:R,isRequired:x,isReadOnly:y,label:O,labelHidden:E=!1,labelPosition:M,onChange:N,name:z,size:C,value:D}=u,G=e(u,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const ~~H=c(v),~~P=c(),V=c(),q=j?V:void 0,T=a.useMemo((()=>({currentValue:D,defaultValue:h,hasError:F,isRequired:x,isReadOnly:y,isGroupDisabled:R,onChange:N,size:C,name:z,labelPosition:M})),[h,F,R,x,y,N,C,~~z,D,M~~]);return i(t,Object.assign({className:s(l.Field,l.RadioGroupField,f),"data-size":C,ref:b},G,{children:[r(n,Object.assign({id:P,visuallyHidden:E},{children:O})),r(o,{id:V,labelHidden:E,descriptiveText:j}),r(t,Object.assign({"aria-describedby":q,~~"aria-labelledby":P,~~className:l.RadioGroup,id:H,~~role~~:~~"radiogroup"~~},{children:r(m.Provider,Object.assign({value:T},{children:p}))})),r(d,{hasError:F,errorMessage:g})]}))}));u.displayName="RadioGroupField";export{u as RadioGroupField};
1	+ import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as s from"react";import a from"classnames";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as d}from"../Field/FieldDescription.js";import{FieldErrorMessage as o}from"../Field/FieldErrorMessage.js";import{Flex as t}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.js";import{RadioGroupContext as u}from"./context.js";import{getTestId as c}from"../utils/getTestId.js";import{useStableId as p}from"../utils/useStableId.js";const b=s.forwardRef(((b,f)=>{var{children:h,className:j,defaultValue:g,descriptiveText:F,errorMessage:R,hasError:v=!1,id:x,isDisabled:y,isRequired:O,isReadOnly:H,label:I,labelHidden:V=!1,labelPosition:E,onChange:G,name:M,size:N,testId:z,value:C}=b,D=e(b,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","testId","value"]);const P=p(x),T=p(),q=F?T:void 0,L=c(z,l.RadioGroup),w=s.useMemo((()=>({currentValue:C,defaultValue:g,hasError:v,isRequired:O,isReadOnly:H,isGroupDisabled:y,onChange:G,size:N,name:M,labelPosition:E})),[g,v,y,O,H,G,N,M,C,E]);return i(t,Object.assign({as:"fieldset",className:a(l.Field,l.RadioGroupField,j),"data-size":N,ref:f,role:"radiogroup",testId:z},D,{children:[r(m,Object.assign({as:"legend"},{children:I})),r(n,Object.assign({"aria-hidden":!0,visuallyHidden:V},{children:I})),r(d,{id:T,labelHidden:V,descriptiveText:F}),r(t,Object.assign({"aria-describedby":q,className:l.RadioGroup,id:P,testId:L},{children:r(u.Provider,Object.assign({value:w},{children:h}))})),r(o,{hasError:v,errorMessage:R})]}))}));b.displayName="RadioGroupField";export{b as RadioGroupField};

package/dist/esm/primitives/SearchField/SearchFieldButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~jsx~~ as r}from"react/jsx-runtime";import*as e from"react";import{ComponentClassNames as o,ComponentText as i}from"../shared/constants.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as t}from"../FieldGroupIcon/FieldGroupIconButton.js";import"~~tslib";import"~~classnames";import"../View/View.js";import{IconSearch as s}from"../Icon/icons/IconSearch.js";const a=i.SearchField.searchButtonLabel,c=e.forwardRef(((e,i)=>r(t,Object.assign({ariaLabel:a,className:o.SearchFieldSearch,ref:i,type:"submit"},e,{children:r(s,{size:~~e.size~~})}))));c.displayName="SearchFieldButton";export{c as SearchFieldButton};
1	+ import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import*as o from"react";import{ComponentClassNames as i,ComponentText as t}from"../shared/constants.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as s}from"../FieldGroupIcon/FieldGroupIconButton.js";import"classnames";import"../View/View.js";import{IconSearch as a}from"../Icon/icons/IconSearch.js";const c=t.SearchField.searchButtonLabel,m=o.forwardRef(((o,t)=>{var{size:m}=o,n=r(o,["size"]);return e(s,Object.assign({ariaLabel:c,className:i.SearchFieldSearch,ref:t,type:"submit"},n,{children:e(a,{size:m})}))}));m.displayName="SearchFieldButton";export{m as SearchFieldButton};

package/dist/esm/primitives/SelectField/SelectField.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as a}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{Select as m}from"../Select/Select.js";import{splitPrimitiveProps as c}from"../~~shared~~/~~styleUtils~~.js";import{useStableId as p}from"../utils/useStableId.js";const h=({children:e,options:r})=>e?((null==r?void 0:r.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==r?void 0:r.map(((e,r)=>i("option",Object.assign({label:e,value:e},{children:e}),`${e}-${r}`))),f=s.forwardRef(((s,f)=>{const{children:b,className:j,descriptiveText:u,errorMessage:F,hasError:g=!1,id:v,label:y,labelHidden:S=!1,options:x,size:E,testId:I,inputStyles:z}=s,H=e(s,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),M=p(v),N=p(),O=u?N:void 0,{styleProps:T,rest:w}=c(H);return r(a,Object.assign({className:t(l.Field,l.SelectField,j),"data-size":E,testId:I},T,{children:[i(n,Object.assign({htmlFor:M,visuallyHidden:S},{children:y})),i(o,{id:N,labelHidden:S,descriptiveText:u}),i(m,Object.assign({"aria-describedby":O,hasError:g,id:M,ref:f,size:E},w,z,{children:h({children:b,options:x})})),i(d,{hasError:g,errorMessage:F})]}))}));f.displayName="SelectField";export{f as SelectField};
1	+ import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as l}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as a}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{Select as m}from"../Select/Select.js";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.js";import{useStableId as c}from"../utils/useStableId.js";const h=({children:e,options:r})=>e?((null==r?void 0:r.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==r?void 0:r.map(((e,r)=>i("option",Object.assign({label:e,value:e},{children:e}),`${e}-${r}`))),f=s.forwardRef(((s,f)=>{const{children:b,className:j,descriptiveText:u,errorMessage:F,hasError:g=!1,id:v,label:S,labelHidden:x=!1,options:y,size:E,testId:I,inputStyles:z}=s,H=e(s,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),M=c(v),N=c(),O=u?N:void 0,{styleProps:P,rest:T}=p(H);return r(a,Object.assign({className:t(o.Field,o.SelectField,j),"data-size":E,testId:I},P,{children:[i(n,Object.assign({htmlFor:M,visuallyHidden:x},{children:S})),i(l,{id:N,labelHidden:x,descriptiveText:u}),i(m,Object.assign({"aria-describedby":O,hasError:g,id:M,ref:f,size:E},T,z,{children:h({children:b,options:y})})),i(d,{hasError:g,errorMessage:F})]}))}));f.displayName="SelectField";export{f as SelectField};

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

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

package/dist/esm/primitives/StepperField/StepperField.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{useStepper as a}from"./useStepper.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{FieldGroup as n}from"../FieldGroup/FieldGroup.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as d}from"../FieldGroupIcon/FieldGroupIconButton.js";import{Flex as p}from"../Flex/Flex.js";import{IconAdd as c}from"../Icon/icons/IconAdd.js";import{ComponentClassNames as u,ComponentText as m}from"../shared/constants.js";import"../View/View.js";import{IconRemove as b}from"../Icon/icons/IconRemove.js";import{Input as F}from"../Input/Input.js";import{Label as h}from"../Label/Label.js";import{classNameModifier as f,classNameModifierByFlag as j}from"../shared/utils.js";import{splitPrimitiveProps as I}from"../~~shared~~/~~styleUtils~~.js";import{useStableId as B}from"../utils/useStableId.js";const S="decrease-icon",v="increase-icon",g=s.forwardRef(((S,v)=>{const{className:g,descriptiveText:D,~~defaultValue:O,~~errorMessage:y,hasError:L=!1,id:C,~~isDisabled~~:R,~~isReadOnly~~:x,~~isRequired~~:E,increaseButtonLabel:N=m.StepperField.increaseButtonLabel,decreaseButtonLabel:z=m.StepperField.decreaseButtonLabel,label:G,labelHidden:V=!1,onStepChange:H,size~~:M,variation~~:$,testId:q,~~inputStyles~~:w,~~value~~:T}=S,k=e(S,["className","~~descriptiveText~~","~~defaultValue~~","errorMessage","hasError","id","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","~~variation","~~testId","~~inputStyles~~","~~value~~"]),W=B(C),A=B(),P=D?A:void 0,{styleProps:U,rest:J}=I(k),{step:K,value:Q,inputValue:X,handleDecrease:Y,handleIncrease:Z,handleOnBlur:_,handleOnChange:ee,handleOnWheel:ie,setInputValue:re,shouldDisableDecreaseButton:se,shouldDisableIncreaseButton:te}=a(S);return s.useEffect((()=>{void 0!==T&&re(T)}),[T,re]),i(p,Object.assign({className:t(u.Field,f(u.Field,M),u.StepperField,g),"data-size"~~:M,~~"data-variation"~~:$,~~testId:q},U,{children:[r(h,Object.assign({htmlFor:W,visuallyHidden:V},{children:G})),r(o,{id:A,labelHidden:V,descriptiveText:D}),r(n,Object.assign({outerStartComponent:r(d,Object.assign({"aria-controls":W,ariaLabel:`${z} ${Q-K}`,className:t(u.StepperFieldButtonDecrease,f(u.StepperFieldButtonDecrease,$),j(u.StepperFieldButtonDecrease,"disabled",se)),"data-invalid":L,isDisabled:se,onClick:Y,size:M},{children:r(b,{"data-testid":"decrease-icon"})})),outerEndComponent:r(d,Object.assign({"aria-controls":W,ariaLabel:`${N} ${Q+K}`,className:t(u.StepperFieldButtonIncrease,f(u.StepperFieldButtonIncrease,$),j(u.StepperFieldButtonIncrease,"disabled",te)),"data-invalid":L,isDisabled:te,onClick:Z,size:M},{children:r(c,{"data-testid":"increase-icon"})}))},{children:r(F,Object.assign({"aria-describedby":P,className:u.StepperFieldInput,hasError:L,id:W,isDisabled:R,isReadOnly:x,isRequired:E,onBlur:_,onChange:ee,onWheel:ie,ref:v,size:M,~~variation:$,~~type:"number",value:X},w,J))})),r(l,{hasError:L,errorMessage:y})]}))}));g.displayName="StepperField";export{S as DECREASE_ICON,v as INCREASE_ICON,g as StepperField};
1	+ import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{useStepper as a}from"./useStepper.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{FieldGroup as n}from"../FieldGroup/FieldGroup.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as d}from"../FieldGroupIcon/FieldGroupIconButton.js";import{Flex as p}from"../Flex/Flex.js";import{IconAdd as c}from"../Icon/icons/IconAdd.js";import{ComponentClassNames as u,ComponentText as m}from"../shared/constants.js";import"../View/View.js";import{IconRemove as b}from"../Icon/icons/IconRemove.js";import{Input as F}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{classNameModifier as h,classNameModifierByFlag as j}from"../shared/utils.js";import{splitPrimitiveProps as I}from"../utils/splitPrimitiveProps.js";import{useStableId as S}from"../utils/useStableId.js";const v="decrease-icon",B="increase-icon",g=s.forwardRef(((v,B)=>{const{className:g,defaultValue:O,descriptiveText:D,errorMessage:y,hasError:C=!1,id:L,inputStyles:R,isDisabled:x,isReadOnly:E,isRequired:N,increaseButtonLabel:V=m.StepperField.increaseButtonLabel,decreaseButtonLabel:z=m.StepperField.decreaseButtonLabel,label:G,labelHidden:H=!1,onStepChange:M,size:$,testId:q,value:w,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=S(L),W=S(),A=D?W:void 0,{styleProps:J,rest:K}=I(T),{step:Q,value:U,inputValue:X,handleDecrease:Y,handleIncrease:Z,handleOnBlur:_,handleOnChange:ee,handleOnWheel:ie,setInputValue:re,shouldDisableDecreaseButton:se,shouldDisableIncreaseButton:te}=a(Object.assign(Object.assign({},v),{defaultValue:O,onStepChange:M}));return s.useEffect((()=>{void 0!==w&&re(w)}),[w,re]),i(p,Object.assign({className:t(u.Field,h(u.Field,$),u.StepperField,g),"data-size":$,"data-variation":P,testId:q},J,{children:[r(f,Object.assign({htmlFor:k,visuallyHidden:H},{children:G})),r(o,{id:W,labelHidden:H,descriptiveText:D}),r(n,Object.assign({outerStartComponent:r(d,Object.assign({"aria-controls":k,ariaLabel:`${z} ${U-Q}`,className:t(u.StepperFieldButtonDecrease,h(u.StepperFieldButtonDecrease,P),j(u.StepperFieldButtonDecrease,"disabled",se)),"data-invalid":C,isDisabled:se,onClick:Y,size:$},{children:r(b,{"data-testid":"decrease-icon"})})),outerEndComponent:r(d,Object.assign({"aria-controls":k,ariaLabel:`${V} ${U+Q}`,className:t(u.StepperFieldButtonIncrease,h(u.StepperFieldButtonIncrease,P),j(u.StepperFieldButtonIncrease,"disabled",te)),"data-invalid":C,isDisabled:te,onClick:Z,size:$},{children:r(c,{"data-testid":"increase-icon"})}))},{children:r(F,Object.assign({"aria-describedby":A,className:u.StepperFieldInput,hasError:C,id:k,isDisabled:x,isReadOnly:E,isRequired:N,onBlur:_,onChange:ee,onWheel:ie,ref:B,size:$,variation:P,type:"number",value:X},R,K))})),r(l,{hasError:C,errorMessage:y})]}))}));g.displayName="StepperField";export{v as DECREASE_ICON,B as INCREASE_ICON,g as StepperField};

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

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

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

	@@ -1 +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};
1	+ import{__rest as a}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"classnames";import{Root as t,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 f=a=>o.isValidElement(a),p=o.forwardRef(((l,d)=>{var{ariaLabel:p,children:u,className:h,defaultIndex:b=0,currentIndex:g,onChange:j,indicatorPosition:x,spacing:N}=l,v=a(l,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const C={defaultValue:b.toString(),value:null!=g?g.toString():void 0,onValueChange:j},I=o.Children.toArray(u).filter((a=>!!a));return e(t,Object.assign({},C,{children:[r(n,Object.assign({"aria-label":p},{children:r(m,Object.assign({className:i(c.Tabs,h),"data-indicator-position":x,ref:d},v,{children:o.Children.map(I,((a,e)=>{if(f(a))return o.cloneElement(a,{"data-spacing":N,key:e,value:`${e}`})}))}))})),o.Children.map(I,((a,e)=>{if(f(a))return r(s,Object.assign({value:`${e}`},{children:a.props.children}),e)}))]}))})),u=o.forwardRef(((e,t)=>{var{className:n,title:s}=e,o=a(e,["className","title"]);return r(d,Object.assign({as:l,className:i(c.TabItems,n),ref:t},o,{children:s}))}));p.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,p as Tabs};

package/dist/esm/primitives/TextAreaField/TextAreaField.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsxs as r,jsx as s}from"react/jsx-runtime";import*as i from"react";import t from"classnames";import{ComponentClassNames as a}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{Label as m}from"../Label/Label.js";import{splitPrimitiveProps as p}from"../~~shared~~/~~styleUtils~~.js";import{TextArea as n}from"../TextArea/TextArea.js";import{useStableId as c}from"../utils/useStableId.js";const f=3,b=i.forwardRef(((i,f)=>{const{className:b,descriptiveText:j,errorMessage:F,hasError:x=!1,id:h,label:u,labelHidden:g=!1,rows:y,size:z,testId:T,inputStyles:v,resize:E}=i,w=e(i,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),A=c(h),H=c(),I=j?H:void 0,{styleProps:M,rest:N}=p(w);return r(d,Object.assign({className:t(a.Field,a.TextAreaField,b),"data-size":z,testId:T},M,{children:[s(m,Object.assign({htmlFor:A,visuallyHidden:g},{children:u})),s(o,{id:H,labelHidden:g,descriptiveText:j}),s(n,Object.assign({"aria-describedby":I,hasError:x,id:A,ref:f,rows:null!=y?y:3,size:z,resize:E},N,v)),s(l,{hasError:x,errorMessage:F})]}))}));b.displayName="TextAreaField";export{f as DEFAULT_ROW_COUNT,b as TextAreaField};
1	+ import{__rest as e}from"tslib";import{jsxs as r,jsx as s}from"react/jsx-runtime";import*as i from"react";import t from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as a}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{Label as m}from"../Label/Label.js";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.js";import{TextArea as n}from"../TextArea/TextArea.js";import{useStableId as c}from"../utils/useStableId.js";const f=3,b=i.forwardRef(((i,f)=>{const{className:b,descriptiveText:j,errorMessage:F,hasError:x=!1,id:u,label:h,labelHidden:g=!1,rows:z,size:T,testId:v,inputStyles:y,resize:E}=i,w=e(i,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),A=c(u),H=c(),I=j?H:void 0,{styleProps:M,rest:N}=p(w);return r(d,Object.assign({className:t(o.Field,o.TextAreaField,b),"data-size":T,testId:v},M,{children:[s(m,Object.assign({htmlFor:A,visuallyHidden:g},{children:h})),s(a,{id:H,labelHidden:g,descriptiveText:j}),s(n,Object.assign({"aria-describedby":I,hasError:x,id:A,ref:f,rows:null!=z?z:3,size:T,resize:E},N,y)),s(l,{hasError:x,errorMessage:F})]}))}));b.displayName="TextAreaField";export{f as DEFAULT_ROW_COUNT,b as TextAreaField};

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

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as a}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{FieldGroup as m}from"../FieldGroup/FieldGroup.js";import{Flex as l}from"../Flex/Flex.js";import{Input as p}from"../Input/Input.js";import{Label as c}from"../Label/Label.js";import{splitPrimitiveProps as u}from"../~~shared~~/~~styleUtils~~.js";import{useStableId as f}from"../utils/useStableId.js";const j=o.forwardRef(((o,j)=>{const{className:b,descriptiveText:F,errorMessage:C,hasError:h=!1,id:E,innerEndComponent:v,innerStartComponent:x,label:S,labelHidden:g=!1,outerEndComponent:y,outerStartComponent:I,size:T,testId:z,variation:H,inputStyles:M}=o,N=e(o,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),O=f(E),G=f(),L=F?G:void 0,{styleProps:w,rest:B}=u(N);return r(l,Object.assign({className:i(n.Field,s(n.Field,T),n.TextField,b),"data-size":T,testId:z},w,{children:[t(c,Object.assign({htmlFor:O,visuallyHidden:g},{children:S})),t(a,{id:G,labelHidden:g,descriptiveText:F}),t(m,Object.assign({outerStartComponent:I,outerEndComponent:y,innerStartComponent:x,innerEndComponent:v,variation:H},{children:t(p,Object.assign({"aria-describedby":L,hasError:h,id:O,ref:j,size:T,variation:H},M,B))})),t(d,{hasError:h,errorMessage:C})]}))}));j.displayName="TextField";export{j as TextField};
1	+ import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as i from"react";import o from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as a}from"../Field/FieldDescription.js";import{FieldErrorMessage as m}from"../Field/FieldErrorMessage.js";import{FieldGroup as d}from"../FieldGroup/FieldGroup.js";import{Flex as l}from"../Flex/Flex.js";import{Input as p}from"../Input/Input.js";import{Label as c}from"../Label/Label.js";import{splitPrimitiveProps as u}from"../utils/splitPrimitiveProps.js";import{useStableId as f}from"../utils/useStableId.js";const j=i.forwardRef(((i,j)=>{const{className:b,descriptiveText:F,errorMessage:C,hasError:E=!1,id:h,innerEndComponent:v,innerStartComponent:x,label:S,labelHidden:g=!1,outerEndComponent:y,outerStartComponent:I,size:T,testId:z,variation:H,inputStyles:M}=i,N=e(i,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),O=f(h),P=f(),G=F?P:void 0,{styleProps:L,rest:w}=u(N);return r(l,Object.assign({className:o(n.Field,s(n.Field,T),n.TextField,b),"data-size":T,testId:z},L,{children:[t(c,Object.assign({htmlFor:O,visuallyHidden:g},{children:S})),t(a,{id:P,labelHidden:g,descriptiveText:F}),t(d,Object.assign({outerStartComponent:I,outerEndComponent:y,innerStartComponent:x,innerEndComponent:v,variation:H},{children:t(p,Object.assign({"aria-describedby":G,hasError:E,id:O,ref:j,size:T,variation:H},M,w))})),t(m,{hasError:E,errorMessage:C})]}))}));j.displayName="TextField";export{j as TextField};

package/dist/esm/primitives/ToggleButtonGroup/ToggleButtonGroup.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"classnames";import*as s from"react";import{ComponentClassNames as i}from"../shared/constants.js";import{Flex as a}from"../Flex/Flex.js";import{useToggleButtonGroup as t}from"./useToggleButtonGroup.js";const n=s.forwardRef(((n,l)=>{var{children:m,className:c,isExclusive:u,isSelectionRequired:p,onChange:d,size:g,value:f,variation:v}=n,h=e(n,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const x=t(d,f,u,p);return r(a,Object.assign({className:o(i.ToggleButtonGroup,c),ref:l,role:"group"},h,{children:s.Children.map(m,(e=>s.isValidElement(e)?s.cloneElement(e,{isPressed:u?f===e.props.value:f.includes(e.props.value),onChange:x,size:g,variation:v}):e))}))}));n.displayName="ToggleButtonGroup";export{n as ToggleButtonGroup};
1	+ import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"classnames";import*as r from"react";import{ComponentClassNames as s}from"../shared/constants.js";import{Flex as a}from"../Flex/Flex.js";import{useToggleButtonGroup as n}from"./useToggleButtonGroup.js";const l=r.forwardRef(((l,t)=>{var{children:m,className:u,isExclusive:c,isSelectionRequired:p,onChange:d,size:g,value:v,variation:f}=l,h=e(l,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const x=n({onChange:d,value:v,isExclusive:c,isSelectionRequired:p});return i(a,Object.assign({className:o(s.ToggleButtonGroup,u),ref:t,role:"group"},h,{children:r.Children.map(m,(e=>r.isValidElement(e)?r.cloneElement(e,{isPressed:c?v===e.props.value:v.includes(e.props.value),onChange:x,size:g,variation:f}):e))}))}));l.displayName="ToggleButtonGroup";export{l as ToggleButtonGroup};

package/dist/esm/primitives/ToggleButtonGroup/useToggleButtonGroup.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as r from"react";import{isFunction as t}from"../shared/utils.js";const e=(e,s,l=!1,a=!1)=>{const n=r.useCallback((r=>{if(!t(e)\|\|!Array.isArray(s))return;const l=s.indexOf(r);let n;l>=0?(n=[...s],(!a~~\|\|n~~.length>1)&&n.splice(l,1)):n=[...s,r],e(n)}),[e,s,a]),o=r.useCallback((r=>{t(e)&&e(s!==r\|\|a?r:null)}),[e,s,a]);return l?o:n};export{e as useToggleButtonGroup};
1	+ import*as e from"react";import{isFunction as r}from"../shared/utils.js";const s=({onChange:s,value:l,isExclusive:t=!1,isSelectionRequired:i=!1})=>{const a=e.useCallback((e=>{if(!r(s)\|\|!Array.isArray(l))return;const t=l.indexOf(e);let a;t>=0?(a=[...l],(!i\|\|a.length>1)&&a.splice(t,1)):a=[...l,e],s(a)}),[s,l,i]),n=e.useCallback((e=>{r(s)&&s(l!==e\|\|i?e:null)}),[s,l,i]);return t?n:a};export{s as useToggleButtonGroup};

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

	@@ -1 +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};
1	+ 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};