npm - @aws-amplify/ui-react - Versions diffs - 4.3.6 → 4.3.8 - Mend

@aws-amplify/ui-react 4.3.6 → 4.3.8

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

package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as e}from"tslib";import i from"react";import ~~r from"lodash/isEqual.js";import~~{Logger as s}from"aws-amplify";import{getDefaultPasswordValidators as t,runFieldValidators as o,getDefaultConfirmPasswordValidators as m,translate as a,changePassword as n}from"@aws-amplify/ui";import{useAuth as l}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/storage";import"classnames";import"../../../primitives/shared/constants.mjs";import{View as p}from"../../../primitives/View/View.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as d}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as u}from"../constants.mjs";import c from"./defaults.mjs";const v=new s("ChangePassword");function w({onSuccess:s,onError:w,validators:j,components:g}){const[P,f]=i.useState(null),[F,b]=i.useState({}),[h,T]=i.useState({}),C=i.useRef([]),{user:B,isLoading:S}=l(),E=((e,i)=>{var r,s;const{currentPassword:t,newPassword:o,confirmPassword:m}=e;return!(t&&o&&m)\|\|((null===(r=i.newPassword)\|\|void 0===r?void 0:r.length)>0\|\|(null===(s=i.confirmPassword)\|\|void 0===s?void 0:s.length)>0)})(F,h),y=i.useMemo((()=>null!=j?j:t()),[j]),x=i.useCallback((({formValues:e,eventType:i})=>{const{newPassword:r}=e,s=C.current.includes("newPassword");return o({value:r,validators:y,eventType:i,hasBlurred:s})}),[y]),M=i.useCallback((({formValues:e,eventType:i})=>{const{newPassword:r,confirmPassword:s}=e,t=C.current.includes("confirmPassword"),a=m(r);return o({value:s,validators:a,eventType:i,hasBlurred:t})}),[]),G=i.useCallback((e=>{const i={newPassword:x(e),confirmPassword:M(e)};r(h,i)\|\|T(i)}),[M,x,h]),V=a("Current Password"),R=a("New Password"),I=a("Confirm Password"),k=a("Update password"),{CurrentPasswordField:A,NewPasswordField:H,ConfirmPasswordField:N,SubmitButton:D,ErrorMessage:q}=i.useMemo((()=>Object.assign(Object.assign({},c),null!=g?g:{})),[g]),L=e=>{e.preventDefault();const{name:i,value:r}=e.target,s=Object.assign(Object.assign({},F),{[i]:r});G({formValues:s,eventType:"change"}),b(s)},O=e=>{e.preventDefault();const{name:i}=e.target;if(!C.current.includes(i)){const e=[...C.current,i];C.current=e,G({formValues:F,eventType:"blur"})}};return S?null:B?i.createElement(p,{as:"form",className:u.ChangePassword,onSubmit:i=>e(this,void 0,void 0,(function*(){if(i.preventDefault(),!B)return;const{currentPassword:e,newPassword:r}=F;P&&f(null);try{yield n({user:B,currentPassword:e,newPassword:r}),null==s\|\|s()}catch(e){const i=e;i.message&&f(i.message),null==w\|\|w(i)}}))},i.createElement(d,{direction:"column"},i.createElement(A,{autoComplete:"current-password",isRequired:!0,label:V,name:"currentPassword",onBlur:O,onChange:L}),i.createElement(H,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.newPassword,isRequired:!0,label:R,name:"newPassword",onBlur:O,onChange:L}),i.createElement(N,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.confirmPassword,isRequired:!0,label:I,name:"confirmPassword",onBlur:O,onChange:L}),i.createElement(D,{isDisabled:E,type:"submit"},k),P?i.createElement(q,null,P):null)):(v.warn("<ChangePassword /> requires user to be authenticated."),null)}w.CurrentPasswordField=c.CurrentPasswordField,w.NewPasswordField=c.NewPasswordField,w.ConfirmPasswordField=c.ConfirmPasswordField,w.SubmitButton=c.SubmitButton,w.ErrorMessage=c.ErrorMessage;export{w as default};
1	+ import{__awaiter as e}from"tslib";import i from"react";import{Logger as r}from"aws-amplify";import{getDefaultPasswordValidators as t,runFieldValidators as s,getDefaultConfirmPasswordValidators as o,isEqual as m,translate as a,changePassword as n}from"@aws-amplify/ui";import{useAuth as l}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/storage";import"classnames";import"../../../primitives/shared/constants.mjs";import{View as p}from"../../../primitives/View/View.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as d}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as u}from"../constants.mjs";import c from"./defaults.mjs";const v=new r("ChangePassword");function w({onSuccess:r,onError:w,validators:j,components:g}){const[P,f]=i.useState(null),[F,b]=i.useState({}),[h,T]=i.useState({}),C=i.useRef([]),{user:B,isLoading:S}=l(),E=((e,i)=>{var r,t;const{currentPassword:s,newPassword:o,confirmPassword:m}=e;return!(s&&o&&m)\|\|((null===(r=i.newPassword)\|\|void 0===r?void 0:r.length)>0\|\|(null===(t=i.confirmPassword)\|\|void 0===t?void 0:t.length)>0)})(F,h),y=i.useMemo((()=>null!=j?j:t()),[j]),x=i.useCallback((({formValues:e,eventType:i})=>{const{newPassword:r}=e,t=C.current.includes("newPassword");return s({value:r,validators:y,eventType:i,hasBlurred:t})}),[y]),M=i.useCallback((({formValues:e,eventType:i})=>{const{newPassword:r,confirmPassword:t}=e,m=C.current.includes("confirmPassword"),a=o(r);return s({value:t,validators:a,eventType:i,hasBlurred:m})}),[]),G=i.useCallback((e=>{const i={newPassword:x(e),confirmPassword:M(e)};m(h,i)\|\|T(i)}),[M,x,h]),V=a("Current Password"),R=a("New Password"),I=a("Confirm Password"),k=a("Update password"),{CurrentPasswordField:A,NewPasswordField:H,ConfirmPasswordField:N,SubmitButton:D,ErrorMessage:L}=i.useMemo((()=>Object.assign(Object.assign({},c),null!=g?g:{})),[g]),q=e=>{e.preventDefault();const{name:i,value:r}=e.target,t=Object.assign(Object.assign({},F),{[i]:r});G({formValues:t,eventType:"change"}),b(t)},O=e=>{e.preventDefault();const{name:i}=e.target;if(!C.current.includes(i)){const e=[...C.current,i];C.current=e,G({formValues:F,eventType:"blur"})}};return S?null:B?i.createElement(p,{as:"form",className:u.ChangePassword,onSubmit:i=>e(this,void 0,void 0,(function*(){if(i.preventDefault(),!B)return;const{currentPassword:e,newPassword:t}=F;P&&f(null);try{yield n({user:B,currentPassword:e,newPassword:t}),null==r\|\|r()}catch(e){const i=e;i.message&&f(i.message),null==w\|\|w(i)}}))},i.createElement(d,{direction:"column"},i.createElement(A,{autoComplete:"current-password",isRequired:!0,label:V,name:"currentPassword",onBlur:O,onChange:q}),i.createElement(H,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.newPassword,isRequired:!0,label:R,name:"newPassword",onBlur:O,onChange:q}),i.createElement(N,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.confirmPassword,isRequired:!0,label:I,name:"confirmPassword",onBlur:O,onChange:q}),i.createElement(D,{isDisabled:E,type:"submit"},k),P?i.createElement(L,null,P):null)):(v.warn("<ChangePassword /> requires user to be authenticated."),null)}w.CurrentPasswordField=c.CurrentPasswordField,w.NewPasswordField=c.NewPasswordField,w.ConfirmPasswordField=c.ConfirmPasswordField,w.SubmitButton=c.SubmitButton,w.ErrorMessage=c.ErrorMessage;export{w as default};

package/dist/esm/components/InAppMessaging/MessageLayout/MessageLayout.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import*as i from"react";import e from"classnames";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import{Button as t}from"../../../primitives/Button/Button.mjs";import{ButtonGroup as m}from"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as r}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import{Heading as o}from"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import{Image as s}from"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import{Text as p}from"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import"../../../primitives/shared/constants.mjs";import{CloseIconButton as l}from"../CloseIconButton/CloseIconButton.mjs";import{CLOSE_BUTTON_CLASS as a,BLOCK_CLASS as n,MESSAGE_LAYOUT_TEST_ID as d,CONTENT_CLASS as c,CONTENT_TEST_ID as v,IMAGE_CONTAINER_CLASS as j,IMAGE_CONTAINER_TEST_ID as u,TEXT_CONTAINER_CLASS as F,TEXT_CONTAINER_TEST_ID as g,HEADER_CLASS as y,HEADER_TEXT_TEST_ID as B,BODY_TEXT_TEST_ID as T,BUTTON_CLASS as h}from"./constants.mjs";import{getButtonModifier as b}from"./utils.mjs";function I({body:I,buttonSize:x,~~hasButtons:E,hasPrimaryButton:f,~~hasRenderableImage:C,~~hasSecondaryButton:S,~~header:G,image:M,onClose:N,orientation:$="vertical",primaryButton:w,secondaryButton:A,styles:P}){const R=i.useMemo((()=>({primary:b(P.primaryButton),secondary:b(P.secondaryButton)})),[P]),k="horizontal"===$,H=i.createElement(l,{className:a,onClick:N,style:P.closeIconButton});return i.createElement(r,{className:n,"data-testid":d,style:P.container},!k&&i.createElement(r,{justifyContent:"flex-end"},H),i.createElement(r,{className:e(c,`${c}--${$}`),"data-testid":v},C&&i.createElement(r,{className:e(j,`${j}--${$}`),"data-testid":u},i.createElement(s,{alt:"In-App Message Image",src:M.src,style:P.image})),i.createElement(r,{className:e(F,`${F}--${$}`),"data-testid":g},(null==G?void 0:G.content)&&i.createElement(o,{className:y,isTruncated:!0,level:2,style:P.header,testId:B},G.content),(null==I?void 0:I.content)&&i.createElement(p,{style:P.body,testId:T},I.content)),k&&i.createElement(r,{alignItems:"flex-start"},H)),E&&i.createElement(m,{size:x},S&&i.createElement(t,{className:e(h,`${h}--${R.secondary}`),onClick:~~null==A?void 0:A~~.onAction,style:P.secondaryButton},A.title),f&&i.createElement(t,{className:e(h,`${h}--${R.primary}`),onClick:~~null==w?void 0:w~~.onAction,style:P.primaryButton},w.title)))}export{I as MessageLayout};
1	+ import*as i from"react";import e from"classnames";import{isEmpty as t}from"@aws-amplify/ui";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import{Button as m}from"../../../primitives/Button/Button.mjs";import{ButtonGroup as r}from"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import{Heading as s}from"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import{Image as p}from"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import{Text as l}from"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import"../../../primitives/shared/constants.mjs";import{CloseIconButton as a}from"../CloseIconButton/CloseIconButton.mjs";import{CLOSE_BUTTON_CLASS as n,BLOCK_CLASS as d,MESSAGE_LAYOUT_TEST_ID as c,CONTENT_CLASS as v,CONTENT_TEST_ID as j,IMAGE_CONTAINER_CLASS as u,IMAGE_CONTAINER_TEST_ID as F,TEXT_CONTAINER_CLASS as g,TEXT_CONTAINER_TEST_ID as y,HEADER_CLASS as T,HEADER_TEXT_TEST_ID as b,BODY_TEXT_TEST_ID as B,BUTTON_GROUP_TEST_ID as I,BUTTON_CLASS as h,SECONDARY_BUTTON_TEST_ID as f,PRIMARY_BUTTON_TEST_ID as x}from"./constants.mjs";import{getButtonModifier as E}from"./utils.mjs";const C=i=>!t(i);function S({body:t,buttonSize:S,hasRenderableImage:G,header:w,image:M,onClose:N,orientation:$="vertical",primaryButton:A,secondaryButton:P,styles:R}){const k=i.useMemo((()=>({primary:E(R.primaryButton),secondary:E(R.secondaryButton)})),[R]),H="horizontal"===$,V=i.createElement(a,{className:n,onClick:N,style:R.closeIconButton}),L=C(A),z=C(P),D=L\|\|z;return i.createElement(o,{className:d,"data-testid":c,style:R.container},!H&&i.createElement(o,{justifyContent:"flex-end"},V),i.createElement(o,{className:e(v,`${v}--${$}`),"data-testid":j},G&&i.createElement(o,{className:e(u,`${u}--${$}`),"data-testid":F},i.createElement(p,{alt:"In-App Message Image",src:null==M?void 0:M.src,style:R.image})),i.createElement(o,{className:e(g,`${g}--${$}`),"data-testid":y},(null==w?void 0:w.content)&&i.createElement(s,{className:T,isTruncated:!0,level:2,style:R.header,testId:b},w.content),(null==t?void 0:t.content)&&i.createElement(l,{style:R.body,testId:B},t.content)),H&&i.createElement(o,{alignItems:"flex-start"},V)),D&&i.createElement(r,{size:S,testId:I},z&&i.createElement(m,{className:e(h,`${h}--${k.secondary}`),onClick:P.onAction,style:R.secondaryButton,testId:f},P.title),L&&i.createElement(m,{className:e(h,`${h}--${k.primary}`),onClick:A.onAction,style:R.primaryButton,testId:x},A.title)))}export{S as MessageLayout};

package/dist/esm/components/InAppMessaging/MessageLayout/constants.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- const e="amplify-inappmessaging-messagelayout",a=`${e}__button`,s=`${e}__close-button`,n=`${e}__content`,t=`${e}__header`,g=`${e}__image-container`,i=`${e}__text-container`,o="inappmessaging-messagelayout-bodytext",m="inappmessaging-messagelayout-~~content~~",p="inappmessaging-messagelayout-headertext",_="inappmessaging-messagelayout-imagecontainer",l="inappmessaging-messagelayout",u="inappmessaging-messagelayout-textcontainer";export{e as BLOCK_CLASS,o as BODY_TEXT_TEST_ID,a as BUTTON_CLASS,s as CLOSE_BUTTON_CLASS,n as CONTENT_CLASS,m as CONTENT_TEST_ID,t as HEADER_CLASS,p as HEADER_TEXT_TEST_ID,g as IMAGE_CONTAINER_CLASS,_ as IMAGE_CONTAINER_TEST_ID,l as MESSAGE_LAYOUT_TEST_ID,i as TEXT_CONTAINER_CLASS,u as TEXT_CONTAINER_TEST_ID};
1	+ const a="amplify-inappmessaging-messagelayout",e=`${a}__button`,s=`${a}__close-button`,n=`${a}__content`,t=`${a}__header`,g=`${a}__image-container`,i=`${a}__text-container`,o="inappmessaging-messagelayout-bodytext",m="inappmessaging-messagelayout-buttongroup",p="inappmessaging-messagelayout-content",u="inappmessaging-messagelayout-headertext",y="inappmessaging-messagelayout-imagecontainer",l="inappmessaging-messagelayout",_="inappmessaging-messagelayout-primarybutton",r="inappmessaging-messagelayout-secondarybutton",c="inappmessaging-messagelayout-textcontainer";export{a as BLOCK_CLASS,o as BODY_TEXT_TEST_ID,e as BUTTON_CLASS,m as BUTTON_GROUP_TEST_ID,s as CLOSE_BUTTON_CLASS,n as CONTENT_CLASS,p as CONTENT_TEST_ID,t as HEADER_CLASS,u as HEADER_TEXT_TEST_ID,g as IMAGE_CONTAINER_CLASS,y as IMAGE_CONTAINER_TEST_ID,l as MESSAGE_LAYOUT_TEST_ID,_ as PRIMARY_BUTTON_TEST_ID,r as SECONDARY_BUTTON_TEST_ID,i as TEXT_CONTAINER_CLASS,c as TEXT_CONTAINER_TEST_ID};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/useMessageProps.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{useRef as e,useEffect as t,useMemo as s}from"react";import r from"~~lodash/isEmpty.js";import a from"~~../useMessageImage/useMessageImage.mjs";import{~~getPayloadStyle~~ as o,~~getMessageStyles~~ as n}from"./utils.mjs";function m(m){const{image:u,onDisplay:~~l,primaryButton:i,secondaryButton:y~~}=m,c=e(!1),{hasRenderableImage:d,isImageFetching:g}=a(u),p=!g;t((()=>{!c.current&&p&&(null==l\|\|l(),c.current=!0)}),[l,p]);const ~~h=!r(i),f=!r(y),B~~=~~h\|\|f,I=s~~((()=>~~{if(!p)return null;const e=o(m),~~t~~=m.style;return n~~({styleParams:{payloadStyle:e,overrideStyle:t}})}),[~~m,p~~]);return{~~hasButtons:B,hasPrimaryButton:h,~~hasRenderableImage:d,~~hasSecondaryButton:f,~~shouldRenderMessage:p,styles:I}}export{m as default};
1	+ import{useRef as e,useEffect as s,useMemo as a}from"react";import r from"../useMessageImage/useMessageImage.mjs";import{getMessageStyles as t,getPayloadStyle as m}from"./utils.mjs";function l(l){const{image:o,onDisplay:n}=l,g=e(!1),{hasRenderableImage:i,isImageFetching:u}=r(o),c=!u;s((()=>{!g.current&&c&&(null==n\|\|n(),g.current=!0)}),[n,c]);const d=a((()=>t({styleParams:{payloadStyle:m(l),overrideStyle:l.style}})),[l]);return{hasRenderableImage:i,shouldRenderMessage:c,styles:d}}export{l as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/utils.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- const n=({body:n,container:o,header:l,primaryButton:t,secondaryButton:e})=>{var i,d,a,u,s;return{body:null!==(i=null==n?void 0:n.style)&&void 0!==i?i:{},container:null!==(d=null==o?void 0:o.style)&&void 0!==d?d:{},header:null!==(a=null==l?void 0:l.style)&&void 0!==a?a:{},primaryButton:null!==(u=null==t?void 0:t.style)&&void 0!==u?u:{},secondaryButton:null!==(s=null==e?void 0:e.style)&&void 0!==s?s:{}}};function o({styleParams:n}){const{payloadStyle:o,overrideStyle:l}=n;return{body:Object.assign(Object.assign({},null==o?void 0:o.body),null==l?void 0:l.body),closeIconButton:null==l?void 0:l.closeIconButton,container:Object.assign(Object.assign({},null==o?void 0:o.container),null==l?void 0:l.container),header:Object.assign(Object.assign({},null==o?void 0:o.header),null==l?void 0:l.header),image:null==l?void 0:l.image,primaryButton:Object.assign(Object.assign({},null==o?void 0:o.primaryButton),null==l?void 0:l.primaryButton),secondaryButton:Object.assign(Object.assign({},null==o?void 0:o.secondaryButton),null==l?void 0:l.secondaryButton)}}export{o as getMessageStyles,n as getPayloadStyle};
1	+ const n=({body:n,container:o,header:l,primaryButton:t,secondaryButton:i})=>{var e,d,u,a,s;return{body:null!==(e=null==n?void 0:n.style)&&void 0!==e?e:{},container:null!==(d=null==o?void 0:o.style)&&void 0!==d?d:{},header:null!==(u=null==l?void 0:l.style)&&void 0!==u?u:{},primaryButton:null!==(a=null==t?void 0:t.style)&&void 0!==a?a:{},secondaryButton:null!==(s=null==i?void 0:i.style)&&void 0!==s?s:{}}};function o({styleParams:n}){var o,l;const{payloadStyle:t,overrideStyle:i}=n;return{body:Object.assign(Object.assign({},null==t?void 0:t.body),null==i?void 0:i.body),closeIconButton:null!==(o=null==i?void 0:i.closeIconButton)&&void 0!==o?o:{},container:Object.assign(Object.assign({},null==t?void 0:t.container),null==i?void 0:i.container),header:Object.assign(Object.assign({},null==t?void 0:t.header),null==i?void 0:i.header),image:null!==(l=null==i?void 0:i.image)&&void 0!==l?l:{},primaryButton:Object.assign(Object.assign({},null==t?void 0:t.primaryButton),null==i?void 0:i.primaryButton),secondaryButton:Object.assign(Object.assign({},null==t?void 0:t.secondaryButton),null==i?void 0:i.secondaryButton)}}export{o as getMessageStyles,n as getPayloadStyle};

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

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

package/dist/esm/components/Storage/FileUploader/UploadPreviewer/index.mjs CHANGED Viewed

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

package/dist/esm/components/Storage/FileUploader/UploadTracker/index.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{useCallback as i}from"react";import{translate as t,humanFileSize as m}from"@aws-amplify/ui";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import{Button as r}from"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import{Image as l}from"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import{Loader as s}from"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as a}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import{TextField as o}from"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{View as n}from"../../../../primitives/View/View.mjs";import{VisuallyHidden as p}from"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as c}from"../../../../primitives/shared/constants.mjs";import"tslib";import"classnames";import{IconClose as d}from"../../../../primitives/Icon/icons/IconClose.mjs";import{IconEdit as u}from"../../../../primitives/Icon/icons/IconEdit.mjs";import{IconFile as v}from"../../../../primitives/Icon/icons/IconFile.mjs";import{UploadMessage as j}from"./UploadMessage.mjs";function F({errorMessage:F,file:g,fileState:E,hasImage:f,name:T,onCancel:b,onCancelEdit:h,onPause:S,onResume:x,onSaveEdit:I,onStartEdit:C,percentage:R,isResumable:k,showImage:w}){const[B,G]=e.useState(T),M=e.useRef(null),z=URL.createObjectURL(g);e.useEffect((()=>{"editing"===E&&M.current&&M.current.focus()}),[E]);const{size:N}=g,P=f?e.createElement(l,{alt:g.name,src:z}):e.createElement(v,null),U=!k\|\|R>0,H=null===E\|\|"error"===E&&F===t("Extension not allowed"),L=i((()=>e.createElement(e.Fragment,null,e.createElement(n,{className:c.FileUploaderFileMain},e.createElement(a,{className:c.FileUploaderFileName},T)),e.createElement(a,{as:"span",className:c.FileUploaderFileSize},m(N,!0)))),[T,N]),A=i((()=>{switch(E){case"editing":return e.createElement(e.Fragment,null,e.createElement(r,{size:"small",onClick:()=>{G(T),h()}},"Cancel"),e.createElement(r,{size:"small",variation:"primary",onClick:()=>{I(B)}},"Save"));case"resume":case"loading":return k?e.createElement(r,{onClick:S,size:"small",variation:"link"},t("pause")):null;case"paused":return e.createElement(r,{onClick:x,size:"small",variation:"link"},t("Resume"));case"success":return null;default:return e.createElement(~~e.Fragment,null,H?e.createElement(~~r,{~~onClick:C,~~size:"small",~~variation:"link"},e.createElement(p,null,"Edit file name ",g.name),e.createElement(u,{"aria-hidden":!0,fontSize:"medium"})):null,e.createElement(r,{size:"small",~~onClick:b},e.createElement(p,null,"Remove file name ",g.name),e.createElement(d,{"aria-hidden":!0,fontSize:"medium"})))}}),[g.name,E,k,T,b,h,S,x,I,~~C,H,~~B]);return g?e.createElement(n,{className:c.FileUploaderFile},e.createElement(n,{className:c.FileUploaderFileWrapper},w?e.createElement(n,{className:c.FileUploaderFileImage},P):null,"editing"===E?e.createElement(n,{as:"form",flex:"1",onSubmit:()=>{I(B)}},e.createElement(o,{maxLength:1024,ref:M,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{G(e.target.value)},value:B})):e.createElement(L,null),e.createElement(A,null),"loading"===E?e.createElement(s,{className:c.FileUploaderLoader,variation:"linear",percentage:R,isDeterminate:U,isPercentageTextHidden:!0}):null),e.createElement(j,{fileState:E,errorMessage:F,percentage:R})):null}export{F as UploadTracker};
1	+ import e,{useCallback as i}from"react";import{translate as t,humanFileSize as m}from"@aws-amplify/ui";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import{Button as r}from"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import{Image as l}from"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import{Loader as s}from"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as a}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import{TextField as o}from"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{View as n}from"../../../../primitives/View/View.mjs";import{VisuallyHidden as p}from"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as c}from"../../../../primitives/shared/constants.mjs";import"tslib";import"classnames";import{IconClose as d}from"../../../../primitives/Icon/icons/IconClose.mjs";import{IconEdit as u}from"../../../../primitives/Icon/icons/IconEdit.mjs";import{IconFile as v}from"../../../../primitives/Icon/icons/IconFile.mjs";import{UploadMessage as j}from"./UploadMessage.mjs";function F({errorMessage:F,file:g,fileState:E,hasImage:f,name:T,onCancel:b,onCancelEdit:h,onPause:S,onResume:x,onSaveEdit:I,onStartEdit:C,percentage:R,isResumable:k,showImage:w}){const[B,G]=e.useState(T),M=e.useRef(null),z=URL.createObjectURL(g);e.useEffect((()=>{"editing"===E&&M.current&&M.current.focus()}),[E]);const{size:N}=g,P=f?e.createElement(l,{alt:g.name,src:z}):e.createElement(v,null),U=!k\|\|R>0,H=null===E\|\|"error"===E&&F===t("Extension not allowed"),L=i((()=>e.createElement(e.Fragment,null,e.createElement(n,{className:c.FileUploaderFileMain},e.createElement(a,{className:c.FileUploaderFileName},T)),H?e.createElement(r,{onClick:C,size:"small",variation:"link"},e.createElement(p,null,"Edit file name ",g.name),e.createElement(u,{"aria-hidden":!0,fontSize:"medium"})):null,e.createElement(a,{as:"span",className:c.FileUploaderFileSize},m(N,!0)))),[g.name,T,C,H,N]),A=i((()=>{switch(E){case"editing":return e.createElement(e.Fragment,null,e.createElement(r,{size:"small",onClick:()=>{G(T),h()}},"Cancel"),e.createElement(r,{size:"small",variation:"primary",onClick:()=>{I(B)}},"Save"));case"resume":case"loading":return k?e.createElement(r,{onClick:S,size:"small",variation:"link"},t("pause")):null;case"paused":return e.createElement(r,{onClick:x,size:"small",variation:"link"},t("Resume"));case"success":return null;default:return e.createElement(r,{size:"small",onClick:b},e.createElement(p,null,"Remove file name ",g.name),e.createElement(d,{"aria-hidden":!0,fontSize:"medium"}))}}),[g.name,E,k,T,b,h,S,x,I,B]);return g?e.createElement(n,{className:c.FileUploaderFile},e.createElement(n,{className:c.FileUploaderFileWrapper},w?e.createElement(n,{className:c.FileUploaderFileImage},P):null,"editing"===E?e.createElement(n,{as:"form",flex:"1",onSubmit:()=>{I(B)}},e.createElement(o,{maxLength:1024,ref:M,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{G(e.target.value)},value:B})):e.createElement(L,null),e.createElement(A,null),"loading"===E?e.createElement(s,{className:c.FileUploaderLoader,variation:"linear",percentage:R,isDeterminate:U,isPercentageTextHidden:!0}):null),e.createElement(j,{fileState:E,errorMessage:F,percentage:R})):null}export{F as UploadTracker};

package/dist/esm/components/ThemeProvider/index.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- importas e from"react";importas t from"@radix-ui/react-direction";import{createTheme as r}from"@aws-amplify/ui";import{AmplifyContext as o}from"./AmplifyContext.mjs";~~var i;let m=Object.assign(~~{~~default~~:~~void 0~~}~~,t);m~~=~~null!==~~(~~i=m.default~~)~~&&void 0!==i?i:m~~;~~const{DirectionProvider:n}=m;~~function a({children:t,colorMode:i,direction:m="ltr",nonce:a,theme:l}){const c=e.useMemo((()=>({theme:r(l)})),[l]),{theme:{name:d,cssText:s}}=c;return e.createElement(o.Provider,{value:c},e.createElement(n,{dir:m},e.createElement("div",{"data-amplify-theme":d,"data-amplify-color-mode":i,dir:m},t),void 0===l\|\|/<\/style/i.test(s)?null:e.createElement("style",{id:`amplify-theme-${d}`,dangerouslySetInnerHTML:{__html:s},nonce:a})))}const l=a;export{a as AmplifyProvider,l as ThemeProvider};
1	+ importas e from"react";importas t from"@radix-ui/react-direction";import{sanitizeNamespaceImport as r,createTheme as o}from"@aws-amplify/ui";import{AmplifyContext as i}from"./AmplifyContext.mjs";const{DirectionProvider:m}=r(t);function n({children:t,colorMode:r,direction:n="ltr",nonce:a,theme:l}){const c=e.useMemo((()=>({theme:o(l)})),[l]),{theme:{name:d,cssText:s}}=c;return e.createElement(i.Provider,{value:c},e.createElement(m,{dir:n},e.createElement("div",{"data-amplify-theme":d,"data-amplify-color-mode":r,dir:n},t),void 0===l\|\|/<\/style/i.test(s)?null:e.createElement("style",{id:`amplify-theme-${d}`,dangerouslySetInnerHTML:{__html:s},nonce:a})))}const a=n;export{n as AmplifyProvider,a as ThemeProvider};

package/dist/esm/hooks/useBreakpointValue.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{getValueAtCurrentBreakpoint as e}from"../primitives/shared/responsive/utils.mjs";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.mjs";import{useTheme as s}from"./useTheme.mjs";~~function~~ o(o,i,t){const{breakpoints:{values:p},tokens:n}=s(),m=r({breakpoints:p,defaultBreakpoint:i})~~;return~~ e({breakpoint:m,breakpoints:p,~~propKey~~:t,~~values~~:o,tokens:n})}export{o as useBreakpointValue};
1	+ import{getValueAtCurrentBreakpoint as e}from"../primitives/shared/responsive/utils.mjs";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.mjs";import{useTheme as s}from"./useTheme.mjs";import{getStyleValue as i}from"../primitives/shared/getStyleValue.mjs";import{isDesignToken as o,isString as t}from"@aws-amplify/ui";const p=(p,m="base",a)=>{const{breakpoints:{values:n},tokens:u}=s(),k=r({breakpoints:n,defaultBreakpoint:m}),l=e({breakpoint:k,breakpoints:n,values:p});return o(l)\|\|t(l)?i({value:l,propKey:a,tokens:u}):l};export{p as useBreakpointValue};

package/dist/esm/primitives/Collection/Collection.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import t from"classnames";import a from"~~lodash/debounce.js~~";import*as r from"~~react~~";import{Flex as s}from"../Flex/Flex.mjs";import{Grid as l}from"../Grid/Grid.mjs";import{Text as i}from"../Text/Text.mjs";import{Pagination as n}from"../Pagination/Pagination.mjs";import{usePagination as o}from"../Pagination/usePagination.mjs";import{SearchField as m}from"../SearchField/SearchField.mjs";import{ComponentClassNames as c,ComponentText as d}from"../shared/constants.mjs";import{strHasLength as h}from"../shared/utils.mjs";import{getPageCount as u,getItemsAtPage as g,itemHasText as p}from"./utils.mjs";const j=10,f=t=>{var{children:a,direction:l="column",items:i}=t,n=e(t,["children","direction","items"]);return r.createElement(s,Object.assign({direction:l},n),Array.isArray(i)?i.map(a):null)},P=t=>{var{children:a,items:s}=t,i=e(t,["children","items"]);return r.createElement(l,Object.assign({},i),Array.isArray(s)?s.map(a):null)},b=l=>{var{className:b,isSearchable:C,isPaginated:E,items:N,itemsPerPage:y=j,searchFilter:F=p,searchLabel:A=d.Collection.searchButtonLabel,searchNoResultsFound:S,searchPlaceholder:x,type:I="list",testId:O}=l,v=e(l,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[L,R]=r.useState(),G=r.useCallback(a(R,300),[R]);N=Array.isArray(N)?N:[],C&&h(L)&&(N=N.filter((e=>F(e,L))));const T=o({totalPages:u(N.length,y)});E&&(N=g(N,T.currentPage,y));const k="list"===I?r.createElement(f,Object.assign({className:c.CollectionItems,items:N},v)):"grid"===I?r.createElement(P,Object.assign({className:c.CollectionItems,items:N},v)):null;return r.createElement(s,{testId:O,className:t(c.Collection,b)},C?r.createElement(s,{className:c.CollectionSearch},r.createElement(m,{label:A,placeholder:x,onChange:e=>G(e.target.value),onClear:()=>R("")})):null,((e,t,a)=>t.length?e:a~~\|\|r~~.createElement(s,{justifyContent:"center"},r.createElement(i,null,d.Collection.searchNoResultsFound)))(k,N,S),E?r.createElement(s,{className:c.CollectionPagination},r.createElement(n,Object.assign({},T))):null)};b.displayName="Collection";export{b as Collection};
1	+ import{__rest as e}from"tslib";import t from"classnames";import*as a from"react";import{debounce as r}from"@aws-amplify/ui";import{Flex as s}from"../Flex/Flex.mjs";import{Grid as l}from"../Grid/Grid.mjs";import{Text as i}from"../Text/Text.mjs";import{Pagination as n}from"../Pagination/Pagination.mjs";import{usePagination as m}from"../Pagination/usePagination.mjs";import{SearchField as o}from"../SearchField/SearchField.mjs";import{ComponentClassNames as c,ComponentText as h}from"../shared/constants.mjs";import{strHasLength as d}from"../shared/utils.mjs";import{getPageCount as u,getItemsAtPage as g,itemHasText as p}from"./utils.mjs";const f=10,j=t=>{var{children:r,direction:l="column",items:i}=t,n=e(t,["children","direction","items"]);return a.createElement(s,Object.assign({direction:l},n),Array.isArray(i)?i.map(r):null)},P=t=>{var{children:r,items:s}=t,i=e(t,["children","items"]);return a.createElement(l,Object.assign({},i),Array.isArray(s)?s.map(r):null)},b=l=>{var{className:b,isSearchable:C,isPaginated:y,items:E,itemsPerPage:N=f,searchFilter:F=p,searchLabel:A=h.Collection.searchButtonLabel,searchNoResultsFound:S,searchPlaceholder:x,type:I="list",testId:O}=l,v=e(l,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[L,R]=a.useState(),G=a.useCallback(r(R,300),[R]);E=Array.isArray(E)?E:[],C&&d(L)&&(E=E.filter((e=>F(e,L))));const T=m({totalPages:u(E.length,N)});y&&(E=g(E,T.currentPage,N));const k="list"===I?a.createElement(j,Object.assign({className:c.CollectionItems,items:E},v)):"grid"===I?a.createElement(P,Object.assign({className:c.CollectionItems,items:E},v)):null;return a.createElement(s,{testId:O,className:t(c.Collection,b)},C?a.createElement(s,{className:c.CollectionSearch},a.createElement(o,{label:A,placeholder:x,onChange:e=>G(e.target.value),onClear:()=>R("")})):null,((e,t,r)=>t.length?e:r\|\|a.createElement(s,{justifyContent:"center"},a.createElement(i,null,h.Collection.searchNoResultsFound)))(k,E,S),y?a.createElement(s,{className:c.CollectionPagination},a.createElement(n,Object.assign({},T))):null)};b.displayName="Collection";export{b as Collection};

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

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";importas a from"react";importas l from"@radix-ui/react-accordion";import t from"classnames";import{~~useDeprecationWarning~~ as s}from"../../hooks/useDeprecationWarning.mjs";import{ComponentClassNames as r}from"../shared/constants.mjs";import{splitPrimitiveProps as o}from"../utils/splitPrimitiveProps.mjs";~~var n;let i=Object.assign(~~{~~default~~:~~void 0~~}~~,l);i~~=~~null!==~~(~~n=i.default~~)~~&&void 0!==n?n:i;const{Root:~~m}=~~i,p=~~a.forwardRef(((l,n)=>{var{children:i,className:p,defaultValue:u,isCollapsible:d,onChange:c,onValueChange:f,testId:g,type:h="single",value:C}=l,v=e(l,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:V}=o(v),b=null!=f?f:c;s({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"multiple"===h?a.createElement(m,Object.assign({className:t(r.Expander,p),"data-testid":g,defaultValue:u,onValueChange:b,ref:n,type:h,value:C},V),i):a.createElement(m,Object.assign({className:t(r.Expander,p),collapsible:d,"data-testid":g,defaultValue:u,onValueChange:b,ref:n,type:h,value:C},V),i)}));p.displayName="Expander";export{p as Expander};
1	+ import{__rest as e}from"tslib";importas a from"react";importas t from"@radix-ui/react-accordion";import l from"classnames";import{sanitizeNamespaceImport as s}from"@aws-amplify/ui";import{useDeprecationWarning as r}from"../../hooks/useDeprecationWarning.mjs";import{ComponentClassNames as o}from"../shared/constants.mjs";import{splitPrimitiveProps as n}from"../utils/splitPrimitiveProps.mjs";const{Root:i}=s(t),m=a.forwardRef(((t,s)=>{var{children:m,className:p,defaultValue:u,isCollapsible:d,onChange:c,onValueChange:f,testId:h,type:g="single",value:C}=t,V=e(t,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:b}=n(V),x=null!=f?f:c;r({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"multiple"===g?a.createElement(i,Object.assign({className:l(o.Expander,p),"data-testid":h,defaultValue:u,onValueChange:x,ref:s,type:g,value:C},b),m):a.createElement(i,Object.assign({className:l(o.Expander,p),collapsible:d,"data-testid":h,defaultValue:u,onValueChange:x,ref:s,type:g,value:C},b),m)}));m.displayName="Expander";export{m as Expander};

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

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

package/dist/esm/primitives/Menu/Menu.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";importas t from"react";import r from"classnames";importas n from"@radix-ui/react-dropdown-menu";import{~~ButtonGroup~~ as a}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconMenu as s}from"../Icon/icons/IconMenu.mjs";import{MenuButton as m}from"./MenuButton.mjs";~~var o;let l=Object.assign({default:void 0},n);l=null!==(o=l.default)&&void 0!==o?o:l;~~const{DropdownMenu:p,DropdownMenuTrigger:u,DropdownMenuContent:g}=l,c="amplify-menu-trigger-test-id",d="amplify-menu-items-group-test-id",f=t.forwardRef(((n,o)=>{var{menuAlign:l="start",children:c,className:d,isOpen:f,size:C,trigger:M,triggerClassName:N,ariaLabel:h,onOpenChange:j}=n,w=e(n,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return t.createElement(p,{onOpenChange:j,open:f},t.createElement(u,{asChild:!0},null!=M?M:t.createElement(m,{ariaLabel:h,size:C,testId:"amplify-menu-trigger-test-id",className:r(i.MenuTrigger,N)},t.createElement(s,{size:C}))),t.createElement(g,{align:l,className:i.MenuContentWrapper},t.createElement(a,Object.assign({className:r(i.MenuContent,d),ref:o,size:C,testId:"amplify-menu-items-group-test-id"},w),c)))}));f.displayName="Menu";export{d as MENU_ITEMS_GROUP_TEST_ID,c as MENU_TRIGGER_TEST_ID,f as Menu};
1	+ import{__rest as e}from"tslib";importas r from"react";import t from"classnames";importas n from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ButtonGroup as i}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../View/View.mjs";import{IconMenu as s}from"../Icon/icons/IconMenu.mjs";import{MenuButton as o}from"./MenuButton.mjs";const{DropdownMenu:p,DropdownMenuTrigger:l,DropdownMenuContent:u}=a(n),g="amplify-menu-trigger-test-id",c="amplify-menu-items-group-test-id",d=r.forwardRef(((n,a)=>{var{menuAlign:g="start",children:c,className:d,isOpen:f,size:C,trigger:M,triggerClassName:w,ariaLabel:N,onOpenChange:h}=n,j=e(n,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return r.createElement(p,{onOpenChange:h,open:f},r.createElement(l,{asChild:!0},null!=M?M:r.createElement(o,{ariaLabel:N,size:C,testId:"amplify-menu-trigger-test-id",className:t(m.MenuTrigger,w)},r.createElement(s,{size:C}))),r.createElement(u,{align:g,className:m.MenuContentWrapper},r.createElement(i,Object.assign({className:t(m.MenuContent,d),ref:a,size:C,testId:"amplify-menu-items-group-test-id"},j),c)))}));d.displayName="Menu";export{c as MENU_ITEMS_GROUP_TEST_ID,g as MENU_TRIGGER_TEST_ID,d as Menu};

package/dist/esm/primitives/Menu/MenuItem.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";importas t from"react";import m from"classnames";importas a from"@radix-ui/react-dropdown-menu";import{ComponentClassNames as r}from"../shared/constants.mjs";import{MenuButton as s}from"./MenuButton.mjs";~~var i;let n=Object.assign({default:void 0},a);n=null!==(i=n.default)&&void 0!==i?i:n;~~const{DropdownMenuItem:o}=n,l="amplify-menu-item-test-id",d=t.forwardRef(((a,i)=>{var{children:n,className:l}=a,d=e(a,["children","className"]);return t.createElement(o,{asChild:!0,ref:i},t.createElement(s,Object.assign({className:m(r.MenuItem,l),testId:"amplify-menu-item-test-id"},d,{variation:"menu"}),n))}));d.displayName="MenuItem";export{l as MENU_ITEM_TEST_ID,d as MenuItem};
1	+ import{__rest as e}from"tslib";importas m from"react";import t from"classnames";importas r from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import{MenuButton as i}from"./MenuButton.mjs";const{DropdownMenuItem:o}=a(r),n="amplify-menu-item-test-id",l=m.forwardRef(((r,a)=>{var{children:n,className:l}=r,p=e(r,["children","className"]);return m.createElement(o,{asChild:!0,ref:a},m.createElement(i,Object.assign({className:t(s.MenuItem,l),testId:"amplify-menu-item-test-id"},p,{variation:"menu"}),n))}));l.displayName="MenuItem";export{n as MENU_ITEM_TEST_ID,l as MenuItem};

package/dist/esm/primitives/Pagination/PaginationItem.mjs CHANGED Viewed

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

package/dist/esm/primitives/Pagination/usePagination.mjs CHANGED Viewed

	@@ -1 +1 @@
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};
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]),b=a.useCallback((a=>{"number"==typeof a&&l(a)}),[]);return{currentPage:c,hasMorePages:o,onChange:b,onNext:g,onPrevious:P,siblingCount:Math.max(n,1),totalPages:u}};export{e as usePagination};

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

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

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

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

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

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

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

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

package/dist/esm/primitives/SwitchField/useSwitch.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{useState as e,useCallback as t}from"react";const c=c=>{const{onChange:n,isChecked:o,defaultChecked:s,isDisabled:d}=c,r=void 0!==o,[a,i]=e(r?o:s),[u,f]=e(!1),h=t((e=>{d?e.preventDefault():("function"==typeof n&&n(e),i(e.target.checked))}),[n,d]);return r&&a!==o&&i(o),{isOn:a,changeHandler:h,isFocused:u,setIsFocused:f}};export{c as useSwitch};
1	+ import{useState as e,useCallback as t}from"react";const c=c=>{const{onChange:n,isChecked:o,defaultChecked:s,isDisabled:d}=c,r=void 0!==o,[a,i]=e(r?o:!!s),[u,f]=e(!1),h=t((e=>{d?e.preventDefault():("function"==typeof n&&n(e),i(e.target.checked))}),[n,d]);return r&&a!==o&&i(o),{isOn:a,changeHandler:h,isFocused:u,setIsFocused:f}};export{c as useSwitch};

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

	@@ -1 +1 @@
1	- import{__rest as e}from"tslib";import a from"classnames";importas t from"@radix-ui/react-tabs";importas r from"react";import{~~ComponentClassNames~~ as i}from"../shared/constants.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{View as s}from"../View/View.mjs";~~var l;let o=Object.assign({default:void 0},t);o=null!==(l=o.default)&&void 0!==l?l:o;~~const{Root:m,List:c,Trigger:d,Content:f}=o,u=e=>r.isValidElement(e),p=r.forwardRef(((t,s)=>{var{ariaLabel:l,children:o,className:d,defaultIndex:p=0,currentIndex:g,onChange:b,indicatorPosition:h,spacing:v}=t,x=e(t,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const N={defaultValue:p.toString(),value:null!=g?g.toString():void 0,onValueChange:b},j=r.Children.toArray(o).filter((e=>!!e));return r.createElement(m,Object.assign({},N),r.createElement(c,{"aria-label":l},r.createElement(n,Object.assign({className:a(i.Tabs,d),"data-indicator-position":h,ref:s},x),r.Children.map(j,((e,a)=>{if(u(e))return r.cloneElement(e,{"data-spacing":v,key:a,value:`${a}`})})))),r.Children.map(j,((e,a)=>{if(u(e))return r.createElement(f,{key:a,value:`${a}`},e.props.children)})))})),g=r.forwardRef(((t,n)=>{var{className:l,title:o}=t,m=e(t,["className","title"]);return r.createElement(s,Object.assign({as:d,className:a(i.TabItems,l),ref:n},m),o)}));p.displayName="Tabs",g.displayName="TabItem";export{g as TabItem,p as Tabs};
1	+ import{__rest as e}from"tslib";import a from"classnames";importas r from"@radix-ui/react-tabs";importas t from"react";import{sanitizeNamespaceImport as i}from"@aws-amplify/ui";import{ComponentClassNames as n}from"../shared/constants.mjs";import{Flex as s}from"../Flex/Flex.mjs";import{View as l}from"../View/View.mjs";const{Root:o,List:m,Trigger:c,Content:d}=i(r),f=e=>t.isValidElement(e),p=t.forwardRef(((r,i)=>{var{ariaLabel:l,children:c,className:p,defaultIndex:u=0,currentIndex:g,onChange:b,indicatorPosition:h,spacing:x}=r,N=e(r,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const C={defaultValue:u.toString(),value:null!=g?g.toString():void 0,onValueChange:b},E=t.Children.toArray(c).filter((e=>!!e));return t.createElement(o,Object.assign({},C),t.createElement(m,{"aria-label":l},t.createElement(s,Object.assign({className:a(n.Tabs,p),"data-indicator-position":h,ref:i},N),t.Children.map(E,((e,a)=>{if(f(e))return t.cloneElement(e,{"data-spacing":x,key:a,value:`${a}`})})))),t.Children.map(E,((e,a)=>{if(f(e))return t.createElement(d,{key:a,value:`${a}`},e.props.children)})))})),u=t.forwardRef(((r,i)=>{var{className:s,title:o}=r,m=e(r,["className","title"]);return t.createElement(l,Object.assign({as:c,className:a(n.TabItems,s),ref:i},m),o)}));p.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,p as Tabs};

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

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

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

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

package/dist/esm/primitives/shared/getStyleValue.mjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{isDesignToken as o,isString as t}from"@aws-amplify/ui";import{getCSSVariableIfValueIsThemeKey as r}from"./utils.mjs";const i=({value:i,propKey:m,tokens:p})=>o(i)?i.toString():t(i)?t(m)?r(m,i,p):i:null;export{i as getStyleValue};

package/dist/esm/primitives/shared/responsive/getMediaQueries.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- const t=({breakpoints:t})=>{const n=~~Object.keys~~(t).sort(((n,e)=>t[e]-t[n]));return n.map(((e,r)=>{let i="";const o=t[e],a=n[r-1],p=a?t[a]-1:null;return o>=0&&(i=`(min-width: ${o}px)`),null!==p&&(i&&(i+=" and "),i+=`(max-width: ${p}px)`),{breakpoint:e,query:i,maxWidth:p,minWidth:o}}))};export{t as getMediaQueries};
1	+ import{objectKeys as t}from"../utils.mjs";const n=({breakpoints:n})=>{const r=t(n).sort(((t,r)=>n[r]-n[t]));return r.map(((t,i)=>{let o="";const m=n[t],e=r[i-1],p=e?n[e]-1:null;return m>=0&&(o=`(min-width: ${m}px)`),null!==p&&(o&&(o+=" and "),o+=`(max-width: ${p}px)`),{breakpoint:t,query:o,maxWidth:p,minWidth:m}}))};export{n as getMediaQueries};

package/dist/esm/primitives/shared/responsive/utils.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~isDesignToken~~ as t}from"@aws-amplify/ui";import{~~getCSSVariableIfValueIsThemeKey~~ as r}from"../utils.mjs";const o=({breakpoint:o,breakpoints:e,~~propKey:n,~~values:s~~,tokens:i~~})=>{~~if(t(s))return~~ ~~s.toString();if("object"!=typeof s)return r(n,s,~~i~~);let p~~={};const a=~~Object.keys~~(e).sort(((t,r)=>e[t]-e[r]));return Array.isArray(s)?s.~~map~~(((t,r)=>{p[a[r]]=t})):p=s,(({~~breakpoint~~:o,~~breakpoints~~:e,~~propKey~~:n,values:~~s,tokens:i~~})=>{if(void 0!==s~~[o]~~)~~{const~~ e=s~~[o]~~;~~return~~ ~~t(e)?e.toString():r(n,e,~~i~~)}const p~~=~~Object.keys~~(e).sort(((t,r)=>e[r]-e[t])),a=p.slice(p.indexOf(o));for(const o of a)if(void 0!==~~s[o]~~)~~{const e=s[o];~~return t~~(e)?e.toString():r(n,e,i)~~}return null})({breakpoint:o,breakpoints:e,~~propKey:n,~~values:~~p,tokens:~~i})};export{o as getValueAtCurrentBreakpoint};
1	+ import{defaultTheme as r}from"@aws-amplify/ui";import{objectKeys as t}from"../utils.mjs";const o=({breakpoint:o,breakpoints:e,values:s})=>{let i={};const n=t(e).sort(((r,t)=>e[r]-e[t]));var a;return Array.isArray(s)?s.forEach(((r,t)=>{i[n[t]]=r})):"object"==typeof s&&(i=t(a=s).reduce(((t,o)=>o in r.breakpoints.values?Object.assign(Object.assign({},t),{[o]:a[o]}):t),{})),(({breakpoint:r,breakpoints:o,values:e})=>{const s=e[r];if(void 0!==s)return s;const i=t(o).sort(((r,t)=>o[t]-o[r])),n=i.slice(i.indexOf(r));for(const r of n){const t=e[r];if(void 0!==t)return t}return null})({breakpoint:o,breakpoints:e,values:i})};export{o as getValueAtCurrentBreakpoint};

package/dist/esm/primitives/shared/styleUtils.mjs CHANGED Viewed

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

package/dist/esm/primitives/shared/utils.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{isDesignToken as t,cssNameTransform as n}from"@aws-amplify/ui";import{stylePropsToThemeKeys as r}from"./constants.mjs";const o=t=>"string"==typeof t&&t.length>0,e=t=>"function"==typeof t,i=t=>"string"==typeof t&&0===t.length,s=t=>null==t\|\|i(t),f=(t,n)=>{const r=n-t+1;return Array.from({length:r},((n,r)=>r+t))},l=(t,n)=>n?`${t}--${n}`:"",p=(t,n,r)=>r?`${t}--${n}`:"",m=(o,e,i)=>{if("string"!=typeof e)return e;if(e.includes(" "))return e.split(" ").map((t=>m(o,t,i))).join(" ");const s=e.split("."),f=r[o];let l=i[f];for(let t=0;t<s.length&&l;t++)l=l[s[t]];return t(l)?`var(--${n({path:[r[o],...s]})})`:e};export{l as classNameModifier,p as classNameModifierByFlag,m as getCSSVariableIfValueIsThemeKey,f as getConsecutiveIntArray,i as isEmptyString,e as isFunction,s as isNullOrEmptyString,o as strHasLength};
1	+ import{isDesignToken as t,cssNameTransform as r}from"@aws-amplify/ui";import{isThemeStylePropKey as e}from"../types/theme.mjs";import{stylePropsToThemeKeys as n}from"./constants.mjs";const o=t=>"string"==typeof t&&t.length>0,i=t=>"function"==typeof t,s=t=>"string"==typeof t&&0===t.length,f=t=>null==t\|\|s(t),p=(t,r)=>{const e=r-t+1;return Array.from({length:e},((r,e)=>e+t))},l=(t,r)=>r?`${t}--${r}`:"",m=(t,r,e)=>e?`${t}--${r}`:"",u=t=>Object.keys(t),y=(o,i,s)=>{if("string"!=typeof i)return i;if(i.includes(" "))return i.split(" ").map((t=>y(o,t,s))).join(" ");if(e(o)){const e=i.split("."),f=n[o];let p=s[f];for(let t=0;t<e.length&&p;t++)p=p[e[t]];return t(p)?`var(--${r({path:[n[o],...e]})})`:i}return i};export{l as classNameModifier,m as classNameModifierByFlag,y as getCSSVariableIfValueIsThemeKey,p as getConsecutiveIntArray,s as isEmptyString,i as isFunction,f as isNullOrEmptyString,u as objectKeys,o as strHasLength};

package/dist/esm/primitives/types/theme.mjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{stylePropsToThemeKeys as o}from"../shared/constants.mjs";const s=s=>s in o;export{s as isThemeStylePropKey};

package/dist/esm/version.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- const o="4.3.6";export{o as VERSION};
1	+ const o="4.3.8";export{o as VERSION};