@aws-amplify/ui-react 5.1.1 → 5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/dist/Field-4bd811d7.js +1 -0
  2. package/dist/esm/PrimitiveCatalog.mjs +1 -1
  3. package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs +1 -1
  4. package/dist/esm/components/AccountSettings/ChangePassword/defaults.mjs +1 -1
  5. package/dist/esm/components/AccountSettings/DeleteUser/DeleteUser.mjs +1 -1
  6. package/dist/esm/components/AccountSettings/DeleteUser/defaults.mjs +1 -1
  7. package/dist/esm/components/AccountSettings/shared/Defaults.mjs +1 -1
  8. package/dist/esm/components/Authenticator/Authenticator.mjs +1 -1
  9. package/dist/esm/components/Authenticator/ConfirmSignIn/ConfirmSignIn.mjs +1 -1
  10. package/dist/esm/components/Authenticator/ConfirmSignUp/ConfirmSignUp.mjs +1 -1
  11. package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.mjs +1 -1
  12. package/dist/esm/components/Authenticator/ForceNewPassword/ForceNewPassword.mjs +1 -1
  13. package/dist/esm/components/Authenticator/ResetPassword/ConfirmResetPassword.mjs +1 -1
  14. package/dist/esm/components/Authenticator/ResetPassword/ResetPassword.mjs +1 -1
  15. package/dist/esm/components/Authenticator/RouteContainer/RouteContainer.mjs +1 -1
  16. package/dist/esm/components/Authenticator/SetupTOTP/SetupTOTP.mjs +1 -1
  17. package/dist/esm/components/Authenticator/SignIn/SignIn.mjs +1 -1
  18. package/dist/esm/components/Authenticator/SignUp/SignUp.mjs +1 -1
  19. package/dist/esm/components/Authenticator/VerifyUser/ConfirmVerifyUser.mjs +1 -1
  20. package/dist/esm/components/Authenticator/VerifyUser/VerifyUser.mjs +1 -1
  21. package/dist/esm/components/Storage/FileUploader/FileUploader.mjs +1 -1
  22. package/dist/esm/components/Storage/FileUploader/UploadDropZone/UploadDropZone.mjs +1 -0
  23. package/dist/esm/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.mjs +1 -0
  24. package/dist/esm/components/Storage/FileUploader/UploadTracker/UploadMessage.mjs +1 -1
  25. package/dist/esm/components/Storage/FileUploader/UploadTracker/UploadTracker.mjs +1 -0
  26. package/dist/esm/components/index.mjs +1 -1
  27. package/dist/esm/index.mjs +1 -1
  28. package/dist/esm/internal.mjs +1 -1
  29. package/dist/esm/primitives/Alert/Alert.mjs +1 -1
  30. package/dist/esm/primitives/Alert/AlertIcon.mjs +1 -1
  31. package/dist/esm/primitives/Button/Button.mjs +1 -1
  32. package/dist/esm/primitives/Checkbox/Checkbox.mjs +1 -1
  33. package/dist/esm/primitives/DropZone/DropZone.mjs +1 -0
  34. package/dist/esm/primitives/DropZone/DropZoneChildren.mjs +1 -0
  35. package/dist/esm/primitives/DropZone/DropZoneContainer.mjs +1 -0
  36. package/dist/esm/primitives/DropZone/DropZoneProvider.mjs +1 -0
  37. package/dist/esm/primitives/DropZone/useDropZone.mjs +1 -0
  38. package/dist/esm/primitives/Expander/ExpanderItem.mjs +1 -1
  39. package/dist/esm/primitives/Field/FieldClearButton.mjs +1 -1
  40. package/dist/esm/primitives/Fieldset/Fieldset.mjs +1 -0
  41. package/dist/esm/primitives/Fieldset/useFieldset.mjs +1 -0
  42. package/dist/esm/primitives/Icon/context/IconsContext.mjs +1 -0
  43. package/dist/esm/primitives/Icon/context/IconsProvider.mjs +1 -0
  44. package/dist/esm/primitives/Icon/context/useIcons.mjs +1 -0
  45. package/dist/esm/primitives/Input/Input.mjs +1 -1
  46. package/dist/esm/primitives/Menu/Menu.mjs +1 -1
  47. package/dist/esm/primitives/Message/Message.mjs +1 -0
  48. package/dist/esm/primitives/Message/MessageContainer.mjs +1 -0
  49. package/dist/esm/primitives/Message/MessageContent.mjs +1 -0
  50. package/dist/esm/primitives/Message/MessageDismiss.mjs +1 -0
  51. package/dist/esm/primitives/Message/MessageHeading.mjs +1 -0
  52. package/dist/esm/primitives/Message/MessageIcon.mjs +1 -0
  53. package/dist/esm/primitives/Message/useMessage.mjs +1 -0
  54. package/dist/esm/primitives/Pagination/PaginationItem.mjs +1 -1
  55. package/dist/esm/primitives/PasswordField/ShowPasswordButton.mjs +1 -1
  56. package/dist/esm/primitives/Radio/Radio.mjs +1 -1
  57. package/dist/esm/primitives/Rating/Rating.mjs +1 -1
  58. package/dist/esm/primitives/SearchField/SearchField.mjs +1 -1
  59. package/dist/esm/primitives/SearchField/SearchFieldButton.mjs +1 -1
  60. package/dist/esm/primitives/Select/Select.mjs +1 -1
  61. package/dist/esm/primitives/SliderField/SliderField.mjs +1 -1
  62. package/dist/esm/primitives/StepperField/StepperField.mjs +1 -1
  63. package/dist/esm/primitives/SwitchField/SwitchField.mjs +1 -1
  64. package/dist/esm/primitives/TextArea/TextArea.mjs +1 -1
  65. package/dist/esm/primitives/index.mjs +1 -1
  66. package/dist/esm/primitives/shared/constants.mjs +1 -1
  67. package/dist/esm/version.mjs +1 -1
  68. package/dist/index.js +1 -1
  69. package/dist/internal.js +1 -1
  70. package/dist/styles.css +353 -11
  71. package/dist/types/components/Authenticator/Authenticator.d.ts +20 -2
  72. package/dist/types/components/Authenticator/hooks/useCustomComponents/index.d.ts +1 -7
  73. package/dist/types/components/Authenticator/hooks/useCustomComponents/useCustomComponents.d.ts +7 -0
  74. package/dist/types/components/Storage/FileUploader/UploadDropZone/UploadDropZone.d.ts +3 -0
  75. package/dist/types/components/Storage/FileUploader/UploadDropZone/index.d.ts +1 -3
  76. package/dist/types/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.d.ts +3 -0
  77. package/dist/types/components/Storage/FileUploader/UploadPreviewer/index.d.ts +1 -3
  78. package/dist/types/components/Storage/FileUploader/UploadTracker/UploadTracker.d.ts +3 -0
  79. package/dist/types/components/Storage/FileUploader/UploadTracker/index.d.ts +1 -3
  80. package/dist/types/components/ThemeProvider/ThemeProvider.d.ts +32 -0
  81. package/dist/types/components/ThemeProvider/index.d.ts +1 -32
  82. package/dist/types/internal.d.ts +1 -0
  83. package/dist/types/primitives/DropZone/DropZone.d.ts +13 -0
  84. package/dist/types/primitives/DropZone/DropZoneChildren.d.ts +18 -0
  85. package/dist/types/primitives/DropZone/DropZoneContainer.d.ts +4 -0
  86. package/dist/types/primitives/DropZone/DropZoneProvider.d.ts +8 -0
  87. package/dist/types/primitives/DropZone/index.d.ts +2 -0
  88. package/dist/types/primitives/DropZone/types.d.ts +32 -0
  89. package/dist/types/primitives/DropZone/useDropZone.d.ts +2 -0
  90. package/dist/types/primitives/Fieldset/Fieldset.d.ts +5 -0
  91. package/dist/types/primitives/Fieldset/index.d.ts +2 -0
  92. package/dist/types/primitives/Fieldset/useFieldset.d.ts +12 -0
  93. package/dist/types/primitives/Icon/context/IconsContext.d.ts +21 -0
  94. package/dist/types/primitives/Icon/context/IconsProvider.d.ts +8 -0
  95. package/dist/types/primitives/Icon/context/index.d.ts +2 -0
  96. package/dist/types/primitives/Icon/context/useIcons.d.ts +2 -0
  97. package/dist/types/primitives/Icon/index.d.ts +2 -0
  98. package/dist/types/primitives/Icon/internal.d.ts +1 -0
  99. package/dist/types/primitives/Message/Message.d.ts +5 -0
  100. package/dist/types/primitives/Message/MessageContainer.d.ts +2 -0
  101. package/dist/types/primitives/Message/MessageContent.d.ts +2 -0
  102. package/dist/types/primitives/Message/MessageDismiss.d.ts +2 -0
  103. package/dist/types/primitives/Message/MessageHeading.d.ts +2 -0
  104. package/dist/types/primitives/Message/MessageIcon.d.ts +2 -0
  105. package/dist/types/primitives/Message/index.d.ts +1 -0
  106. package/dist/types/primitives/Message/useMessage.d.ts +9 -0
  107. package/dist/types/primitives/Rating/RatingIcon.d.ts +1 -1
  108. package/dist/types/primitives/Rating/RatingMixedIcon.d.ts +2 -2
  109. package/dist/types/primitives/components.d.ts +5 -0
  110. package/dist/types/primitives/index.d.ts +1 -0
  111. package/dist/types/primitives/shared/constants.d.ts +3 -0
  112. package/dist/types/primitives/shared/types.d.ts +2 -2
  113. package/dist/types/primitives/types/checkbox.d.ts +1 -1
  114. package/dist/types/primitives/types/fieldset.d.ts +46 -0
  115. package/dist/types/primitives/types/index.d.ts +2 -0
  116. package/dist/types/primitives/types/message.d.ts +70 -0
  117. package/dist/types/version.d.ts +1 -1
  118. package/package.json +3 -3
  119. package/dist/Field-fb9d2ffe.js +0 -1
  120. package/dist/esm/components/Storage/FileUploader/UploadDropZone/index.mjs +0 -1
  121. package/dist/esm/components/Storage/FileUploader/UploadPreviewer/index.mjs +0 -1
  122. package/dist/esm/components/Storage/FileUploader/UploadTracker/index.mjs +0 -1
  123. package/dist/esm/primitives/Checkbox/useCheckbox.mjs +0 -1
  124. package/dist/types/primitives/Checkbox/useCheckbox.d.ts +0 -3
  125. /package/dist/esm/components/Authenticator/hooks/useCustomComponents/{index.mjs → useCustomComponents.mjs} +0 -0
  126. /package/dist/esm/components/ThemeProvider/{index.mjs → ThemeProvider.mjs} +0 -0
@@ -1 +1 @@
1
- export{useAuth}from"./hooks/useAuth.mjs";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.mjs";export{useStorageURL}from"./hooks/useStorageURL.mjs";export{useThemeBreakpoint}from"./hooks/useThemeBreakpoint.mjs";export{useAuthSignOutAction}from"./hooks/actions/useAuthSignOutAction.mjs";export{useNavigateAction}from"./hooks/actions/useNavigateAction.mjs";export{useStateMutationAction}from"./hooks/actions/useStateMutationAction.mjs";export{useDataStoreCreateAction}from"./hooks/actions/useDataStoreCreateAction.mjs";export{useDataStoreDeleteAction}from"./hooks/actions/useDataStoreDeleteAction.mjs";export{useDataStoreUpdateAction}from"./hooks/actions/useDataStoreUpdateAction.mjs";export{AlertIcon}from"./primitives/Alert/AlertIcon.mjs";export{IconAdd}from"./primitives/Icon/icons/IconAdd.mjs";export{IconCheckCircleOutline}from"./primitives/Icon/icons/IconCheckCircleOutline.mjs";export{IconCheckCircle}from"./primitives/Icon/icons/IconCheckCircle.mjs";export{IconCheck}from"./primitives/Icon/icons/IconCheck.mjs";export{IconChevronLeft}from"./primitives/Icon/icons/IconChevronLeft.mjs";export{IconChevronRight}from"./primitives/Icon/icons/IconChevronRight.mjs";export{IconClose}from"./primitives/Icon/icons/IconClose.mjs";export{IconEdit}from"./primitives/Icon/icons/IconEdit.mjs";export{IconError}from"./primitives/Icon/icons/IconError.mjs";export{IconExpandMore}from"./primitives/Icon/icons/IconExpandMore.mjs";export{IconFile}from"./primitives/Icon/icons/IconFile.mjs";export{IconIndeterminate}from"./primitives/Icon/icons/IconIndeterminate.mjs";export{IconInfo}from"./primitives/Icon/icons/IconInfo.mjs";export{IconMenu}from"./primitives/Icon/icons/IconMenu.mjs";export{IconRemove}from"./primitives/Icon/icons/IconRemove.mjs";export{IconSearch}from"./primitives/Icon/icons/IconSearch.mjs";export{IconStar}from"./primitives/Icon/icons/IconStar.mjs";export{IconUpload}from"./primitives/Icon/icons/IconUpload.mjs";export{IconVisibilityOff}from"./primitives/Icon/icons/IconVisibilityOff.mjs";export{IconVisibility}from"./primitives/Icon/icons/IconVisibility.mjs";export{IconWarning}from"./primitives/Icon/icons/IconWarning.mjs";export{createDataStorePredicate}from"./primitives/shared/datastore.mjs";export{findChildOverrides}from"./studio/findChildOverrides.mjs";export{getOverridesFromVariants}from"./studio/getOverridesFromVariants.mjs";export{getOverrideProps}from"./studio/getOverrideProps.mjs";export{mergeVariantsAndOverrides}from"./studio/mergeVariantsAndOverrides.mjs";import"./primitives/Field/FieldClearButton.mjs";import"./primitives/Field/FieldDescription.mjs";import"./primitives/Field/FieldErrorMessage.mjs";export{Field}from"./primitives/Field/Field.mjs";export{PrimitiveCatalog}from"./PrimitiveCatalog.mjs";
1
+ export{useAuth}from"./hooks/useAuth.mjs";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.mjs";export{useStorageURL}from"./hooks/useStorageURL.mjs";export{useThemeBreakpoint}from"./hooks/useThemeBreakpoint.mjs";export{useAuthSignOutAction}from"./hooks/actions/useAuthSignOutAction.mjs";export{useNavigateAction}from"./hooks/actions/useNavigateAction.mjs";export{useStateMutationAction}from"./hooks/actions/useStateMutationAction.mjs";export{useDataStoreCreateAction}from"./hooks/actions/useDataStoreCreateAction.mjs";export{useDataStoreDeleteAction}from"./hooks/actions/useDataStoreDeleteAction.mjs";export{useDataStoreUpdateAction}from"./hooks/actions/useDataStoreUpdateAction.mjs";export{AlertIcon}from"./primitives/Alert/AlertIcon.mjs";export{IconAdd}from"./primitives/Icon/icons/IconAdd.mjs";export{IconCheckCircleOutline}from"./primitives/Icon/icons/IconCheckCircleOutline.mjs";export{IconCheckCircle}from"./primitives/Icon/icons/IconCheckCircle.mjs";export{IconCheck}from"./primitives/Icon/icons/IconCheck.mjs";export{IconChevronLeft}from"./primitives/Icon/icons/IconChevronLeft.mjs";export{IconChevronRight}from"./primitives/Icon/icons/IconChevronRight.mjs";export{IconClose}from"./primitives/Icon/icons/IconClose.mjs";export{IconEdit}from"./primitives/Icon/icons/IconEdit.mjs";export{IconError}from"./primitives/Icon/icons/IconError.mjs";export{IconExpandMore}from"./primitives/Icon/icons/IconExpandMore.mjs";export{IconFile}from"./primitives/Icon/icons/IconFile.mjs";export{IconIndeterminate}from"./primitives/Icon/icons/IconIndeterminate.mjs";export{IconInfo}from"./primitives/Icon/icons/IconInfo.mjs";export{IconMenu}from"./primitives/Icon/icons/IconMenu.mjs";export{IconRemove}from"./primitives/Icon/icons/IconRemove.mjs";export{IconSearch}from"./primitives/Icon/icons/IconSearch.mjs";export{IconStar}from"./primitives/Icon/icons/IconStar.mjs";export{IconUpload}from"./primitives/Icon/icons/IconUpload.mjs";export{IconVisibilityOff}from"./primitives/Icon/icons/IconVisibilityOff.mjs";export{IconVisibility}from"./primitives/Icon/icons/IconVisibility.mjs";export{IconWarning}from"./primitives/Icon/icons/IconWarning.mjs";export{useIcons}from"./primitives/Icon/context/useIcons.mjs";export{createDataStorePredicate}from"./primitives/shared/datastore.mjs";export{useDropZone}from"./primitives/DropZone/useDropZone.mjs";export{findChildOverrides}from"./studio/findChildOverrides.mjs";export{getOverridesFromVariants}from"./studio/getOverridesFromVariants.mjs";export{getOverrideProps}from"./studio/getOverrideProps.mjs";export{mergeVariantsAndOverrides}from"./studio/mergeVariantsAndOverrides.mjs";import"./primitives/Field/FieldClearButton.mjs";import"./primitives/Field/FieldDescription.mjs";import"./primitives/Field/FieldErrorMessage.mjs";export{Field}from"./primitives/Field/Field.mjs";export{PrimitiveCatalog}from"./PrimitiveCatalog.mjs";
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{isFunction as a,classNameModifier as i}from"@aws-amplify/ui";import{ComponentClassNames as r,ComponentText as m}from"../shared/constants.mjs";import{View as o}from"../View/View.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{Button as n}from"../Button/Button.mjs";import{AlertIcon as c}from"./AlertIcon.mjs";import{IconClose as f}from"../Icon/icons/IconClose.mjs";const d=t.forwardRef(((d,p)=>{var{buttonRef:u,children:b,className:h,dismissButtonLabel:A=m.Alert.dismissButtonLabel,hasIcon:j=!0,heading:E,isDismissible:N=!1,onDismiss:v,variation:B}=d,D=e(d,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[I,g]=t.useState(!1),w=t.useCallback((()=>{g(!I),a(v)&&v()}),[g,v,I]);return I?null:t.createElement(l,Object.assign({className:s(r.Alert,h,i(r.Alert,B)),"data-variation":B,ref:p,role:"alert"},D),j&&t.createElement(c,{variation:B,ariaHidden:!0}),t.createElement(o,{flex:"1"},E&&t.createElement(o,{className:r.AlertHeading},E),t.createElement(o,{className:r.AlertBody},b)),N&&t.createElement(n,{ariaLabel:A,variation:"link",className:r.AlertDismiss,onClick:w,ref:u},t.createElement(f,{"aria-hidden":"true"})))}));d.displayName="Alert";export{d as Alert};
1
+ import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{isFunction as i,classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as a,ComponentText as r}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{Button as l}from"../Button/Button.mjs";import{AlertIcon as c}from"./AlertIcon.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import{IconClose as f}from"../Icon/icons/IconClose.mjs";const p=t.forwardRef(((p,u)=>{var b,{buttonRef:I,children:j,className:h,dismissButtonLabel:v=r.Alert.dismissButtonLabel,hasIcon:A=!0,heading:x,isDismissible:E=!1,onDismiss:N,variation:B}=p,D=e(p,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[g,w]=t.useState(!1),C=d("alert"),L=t.useCallback((()=>{w(!g),i(N)&&N()}),[w,N,g]);return g?null:t.createElement(n,Object.assign({className:s(a.Alert,h,o(a.Alert,B)),"data-variation":B,ref:u,role:"alert"},D),A&&t.createElement(c,{variation:B,ariaHidden:!0}),t.createElement(m,{flex:"1"},x&&t.createElement(m,{className:a.AlertHeading},x),t.createElement(m,{className:a.AlertBody},j)),E&&t.createElement(l,{ariaLabel:v,variation:"link",className:a.AlertDismiss,onClick:L,ref:I},null!==(b=null==C?void 0:C.close)&&void 0!==b?b:t.createElement(f,{"aria-hidden":"true"})))}));p.displayName="Alert";export{p as Alert};
@@ -1 +1 @@
1
- import*as r from"react";import{ComponentClassNames as e}from"../shared/constants.mjs";import"tslib";import"classnames";import"../View/View.mjs";import{IconCheckCircle as n}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as o}from"../Icon/icons/IconError.mjs";import{IconInfo as a}from"../Icon/icons/IconInfo.mjs";import{IconWarning as c}from"../Icon/icons/IconWarning.mjs";const s=({variation:s,ariaHidden:t})=>{switch(s){case"info":return r.createElement(a,{"aria-hidden":t,className:e.AlertIcon});case"error":return r.createElement(o,{"aria-hidden":t,className:e.AlertIcon});case"warning":return r.createElement(c,{"aria-hidden":t,className:e.AlertIcon});case"success":return r.createElement(n,{"aria-hidden":t,className:e.AlertIcon});default:return null}};s.displayName="AlertIcon";export{s as AlertIcon};
1
+ import*as o from"react";import{ComponentClassNames as n}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as e}from"../Icon/context/useIcons.mjs";import"tslib";import"classnames";import"../View/View.mjs";import{IconCheckCircle as r}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as i}from"../Icon/icons/IconError.mjs";import{IconInfo as c}from"../Icon/icons/IconInfo.mjs";import{IconWarning as t}from"../Icon/icons/IconWarning.mjs";const s=({variation:s,ariaHidden:a})=>{var m,l,d,I;const p=e("alert");let u;switch(s){case"info":u=null!==(m=null==p?void 0:p.info)&&void 0!==m?m:o.createElement(c,{"aria-hidden":a});break;case"error":u=null!==(l=null==p?void 0:p.error)&&void 0!==l?l:o.createElement(i,{"aria-hidden":a});break;case"warning":u=null!==(d=null==p?void 0:p.warning)&&void 0!==d?d:o.createElement(t,{"aria-hidden":a});break;case"success":u=null!==(I=null==p?void 0:p.success)&&void 0!==I?I:o.createElement(r,{"aria-hidden":a})}return u?o.createElement("span",{className:n.AlertIcon},u):null};s.displayName="AlertIcon";export{s as AlertIcon};
@@ -1 +1 @@
1
- import{__rest as t}from"tslib";import a from"classnames";import*as i from"react";import{classNameModifier as e,classNameModifierByFlag as o}from"@aws-amplify/ui";import{ComponentClassNames as l}from"../shared/constants.mjs";import{Flex as s}from"../Flex/Flex.mjs";import{Loader as r}from"../Loader/Loader.mjs";import{View as n}from"../View/View.mjs";const d=["link","primary",void 0],m=i.forwardRef(((m,u)=>{var p,{className:c,children:f,colorTheme:b,isFullWidth:h=!1,isDisabled:B,isLoading:g,loadingText:v="",size:w,type:y="button",variation:j}=m,x=t(m,["className","children","colorTheme","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=d.includes(j)&&b?`${null!=j?j:"outlined"}--${b}`:void 0,L=a(l.Button,l.FieldGroupControl,e(l.Button,j),e(l.Button,F),e(l.Button,w),o(l.Button,"disabled",null!==(p=null!=B?B:g)&&void 0!==p?p:x.disabled),o(l.Button,"loading",g),o(l.Button,"fullwidth",h),c);return i.createElement(n,Object.assign({ref:u,as:"button",className:L,"data-fullwidth":h,"data-loading":g,"data-size":w,"data-variation":j,isDisabled:null!=B?B:g,type:y},x),g?i.createElement(s,{as:"span",className:l.ButtonLoaderWrapper},i.createElement(r,{size:w}),v||null):f)}));m.displayName="Button";export{m as Button};
1
+ import{__rest as t}from"tslib";import e from"classnames";import*as i from"react";import{classNameModifier as a,classNameModifierByFlag as o}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import{useFieldset as l}from"../Fieldset/useFieldset.mjs";import{Flex as r}from"../Flex/Flex.mjs";import{Loader as n}from"../Loader/Loader.mjs";import{View as d}from"../View/View.mjs";const m=["link","primary",void 0],u=i.forwardRef(((u,p)=>{var c,{className:f,children:b,colorTheme:h,isFullWidth:B=!1,isDisabled:F,isLoading:g,loadingText:v="",size:j,type:w="button",variation:y}=u,x=t(u,["className","children","colorTheme","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const L=m.includes(y)&&h?`${null!=y?y:"outlined"}--${h}`:void 0,{isFieldsetDisabled:N}=l(),z=N||(null!==(c=null!=F?F:g)&&void 0!==c?c:x.disabled),D=e(s.Button,s.FieldGroupControl,a(s.Button,y),a(s.Button,L),a(s.Button,j),o(s.Button,"disabled",z),o(s.Button,"loading",g),o(s.Button,"fullwidth",B),f);return i.createElement(d,Object.assign({ref:p,as:"button",className:D,"data-fullwidth":B,"data-loading":g,"data-size":j,"data-variation":y,isDisabled:z,type:w},x),g?i.createElement(r,{as:"span",className:s.ButtonLoaderWrapper},i.createElement(n,{size:j}),v||null):b)}));u.displayName="Button";export{u as Button};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{Flex as s}from"../Flex/Flex.mjs";import{ComponentClassNames as o}from"../shared/constants.mjs";import"../View/View.mjs";import{IconCheck as c}from"../Icon/icons/IconCheck.mjs";import{IconIndeterminate as d}from"../Icon/icons/IconIndeterminate.mjs";import{Input as i}from"../Input/Input.mjs";import{Text as n}from"../Text/Text.mjs";import{VisuallyHidden as r}from"../VisuallyHidden/VisuallyHidden.mjs";import{getTestId as l}from"../utils/getTestId.mjs";import{useStableId as m}from"../utils/useStableId.mjs";import{useCheckbox as b}from"./useCheckbox.mjs";import{splitPrimitiveProps as h}from"../utils/splitPrimitiveProps.mjs";import{classNameModifierByFlag as u}from"@aws-amplify/ui";const p=t.forwardRef(((p,k)=>{var{checked:f,className:C,defaultChecked:x,hasError:I,isDisabled:j,isIndeterminate:y,label:E,labelHidden:N,labelPosition:g,onChange:B,testId:F,inputStyles:H}=p,P=e(p,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:V,rest:v}=h(P),w=void 0!==f?f:x,{dataChecked:D,dataFocus:S,onBlur:O,onChange:T,onFocus:L,setDataChecked:q}=b(w,B);t.useEffect((()=>{void 0!==f&&f!==D&&q(f)}),[f,D,q]);const M=m();t.useEffect((()=>{const e=document.querySelector(`[data-id="${M}"]`);e&&"boolean"==typeof y&&(e.indeterminate=y)}),[M,y]);const R=l(F,o.CheckboxButton),$=l(F,o.CheckboxIcon),z=l(F,o.CheckboxLabel),A=a(o.CheckboxButton,u(o.CheckboxButton,"disabled",j),u(o.CheckboxButton,"error",I),u(o.CheckboxButton,"focused",S)),G=a(o.CheckboxIcon,u(o.CheckboxIcon,"checked",D),u(o.CheckboxIcon,"disabled",j)),J=t.useMemo((()=>y?t.createElement(d,{className:a(G,u(o.CheckboxIcon,"indeterminate",y)),"data-testid":$}):t.createElement(c,{className:G,"data-checked":D,"data-disabled":j,"data-testid":$})),[D,G,$,j,y]);return t.createElement(s,Object.assign({as:"label",className:a(o.Checkbox,u(o.Checkbox,"disabled",j),C),"data-disabled":j,"data-label-position":g,testId:F},V),t.createElement(r,null,t.createElement(i,Object.assign({checked:f,className:o.CheckboxInput,"data-id":M,defaultChecked:x,isDisabled:j,onBlur:O,onChange:T,onFocus:L,ref:k,type:"checkbox"},v))),E&&t.createElement(n,{as:"span",className:a(o.CheckboxLabel,{[o.VisuallyHidden]:N}),"data-disabled":j,testId:z},E),t.createElement(s,Object.assign({"aria-hidden":"true",as:"span",className:A,"data-checked":D,"data-disabled":j,"data-focus":S,"data-error":I,testId:R},H),J))}));p.displayName="Checkbox";export{p as Checkbox};
1
+ import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{classNameModifierByFlag as a,isFunction as o}from"@aws-amplify/ui";import{Flex as c}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as d}from"../View/View.mjs";import{IconCheck as r}from"../Icon/icons/IconCheck.mjs";import{IconIndeterminate as l}from"../Icon/icons/IconIndeterminate.mjs";import{Input as m}from"../Input/Input.mjs";import{Text as b}from"../Text/Text.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";import{getTestId as h}from"../utils/getTestId.mjs";import{useStableId as p}from"../utils/useStableId.mjs";import{splitPrimitiveProps as k}from"../utils/splitPrimitiveProps.mjs";import{useFieldset as f}from"../Fieldset/useFieldset.mjs";const I=t.forwardRef(((I,x)=>{var{checked:C,className:j,defaultChecked:E,hasError:y,isDisabled:g,isIndeterminate:N,label:B,labelHidden:F,labelPosition:S,onBlur:v,onFocus:H,onChange:O,testId:P,inputStyles:V}=I,w=e(I,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onBlur","onFocus","onChange","testId","inputStyles"]);const{styleProps:D,rest:T}=k(w),[L,q]=t.useState(!1),R=n("checkbox"),{isFieldsetDisabled:$}=f(),z=$||g,A=void 0!==C,[G,J]=t.useState((()=>A?C:E)),K=A?C:G,M=p();t.useEffect((()=>{const e=document.querySelector(`[data-id="${M}"]`);e&&"boolean"==typeof N&&(e.indeterminate=N)}),[M,N]);const Q=h(P,i.CheckboxButton),U=h(P,i.CheckboxIcon),W=h(P,i.CheckboxLabel),X=s(i.CheckboxButton,a(i.CheckboxButton,"disabled",z),a(i.CheckboxButton,"error",y),a(i.CheckboxButton,"focused",L)),Y=s(i.CheckboxIcon,a(i.CheckboxIcon,"checked",K),a(i.CheckboxIcon,"disabled",z),a(i.CheckboxIcon,"indeterminate",N)),Z={className:s(Y),"data-checked":G,"data-disabled":z,"data-testid":U},_=(null==R?void 0:R.checked)?t.createElement(d,{as:"span",className:s(Y)},R.checked):t.createElement(r,Object.assign({},Z)),ee=(null==R?void 0:R.indeterminate)?t.createElement(d,{as:"span",className:s(Y)},R.indeterminate):t.createElement(l,Object.assign({},Z));return t.createElement(c,Object.assign({as:"label",className:s(i.Checkbox,a(i.Checkbox,"disabled",z),j),"data-disabled":z,"data-label-position":S,testId:P},D),t.createElement(u,null,t.createElement(m,Object.assign({checked:C,className:i.CheckboxInput,"data-id":M,defaultChecked:E,isDisabled:z,onBlur:e=>{o(v)&&v(e),q(!1)},onChange:e=>{o(O)&&O(e),A||J(e.target.checked)},onFocus:e=>{o(H)&&H(e),q(!0)},ref:x,type:"checkbox"},T))),B&&t.createElement(b,{as:"span",className:s(i.CheckboxLabel,{[i.VisuallyHidden]:F}),"data-disabled":z,testId:W},B),t.createElement(c,Object.assign({"aria-hidden":"true",as:"span",className:X,"data-checked":K,"data-disabled":z,"data-focus":L,"data-error":y,testId:Q},V),N?ee:_))}));I.displayName="Checkbox";export{I as Checkbox};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as r from"react";import{useDropZone as o}from"./useDropZone.mjs";import{DropZoneProvider as t}from"./DropZoneProvider.mjs";import{DropZoneContainer as a}from"./DropZoneContainer.mjs";import{Accepted as n,Rejected as p,Default as s}from"./DropZoneChildren.mjs";const i=Object.assign(r.forwardRef(((n,p)=>{var{children:s,testId:i,isDisabled:m,acceptedFileTypes:D,onDropComplete:c}=n,d=e(n,["children","testId","isDisabled","acceptedFileTypes","onDropComplete"]);const{dragState:l,onDragEnter:g,onDragLeave:f,onDragOver:j,onDragStart:b,onDrop:v}=o(Object.assign({acceptedFileTypes:D,onDropComplete:c},d));return r.createElement(t,{value:l},r.createElement(a,Object.assign({},d,{testId:i,isDisabled:m,onDragStart:b,onDragEnter:g,onDragLeave:f,onDrop:v,onDragOver:j,ref:p}),s))})),{Accepted:n,Rejected:p,Default:s});i.displayName="DropZone";export{i as DropZone};
@@ -0,0 +1 @@
1
+ import*as e from"react";import{DropZoneContext as r}from"./DropZoneProvider.mjs";const n=({children:n})=>{const t=e.useContext(r);if(!t)throw new Error("`DropZone.Accept` must be used inside a DropZone");return"accept"===t?e.createElement(e.Fragment,null,n):null},t=({children:n})=>{const t=e.useContext(r);if(!t)throw new Error("`DropZone.Rejected` must be used inside a DropZone");return"reject"===t?e.createElement(e.Fragment,null,n):null},o=({children:n})=>{const t=e.useContext(r);if(!t)throw new Error("`DropZone.Default` must be used inside a DropZone");return"inactive"===t?e.createElement(e.Fragment,null,n):null};export{n as Accepted,o as Default,t as Rejected};
@@ -0,0 +1 @@
1
+ import{__rest as r}from"tslib";import e from"react";import o from"classnames";import{View as a}from"../View/View.mjs";import{ComponentClassNames as t}from"../shared/constants.mjs";import{classNameModifierByFlag as n,ComponentClassName as s}from"@aws-amplify/ui";import{DropZoneContext as i}from"./DropZoneProvider.mjs";const m=e.forwardRef(((m,D)=>{var{className:p,children:c,testId:d,isDisabled:l,onDragEnter:g,onDragLeave:f,onDragOver:v,onDragStart:b,onDrop:j}=m,Z=r(m,["className","children","testId","isDisabled","onDragEnter","onDragLeave","onDragOver","onDragStart","onDrop"]);const w=e.useContext(i),E=l?{}:{onDragEnter:g,onDragLeave:f,onDragOver:v,onDragStart:b,onDrop:j};return e.createElement(a,Object.assign({},Z,E,{isDisabled:l,className:o(p,n(t.DropZone,"rejected","reject"===w),n(t.DropZone,"accepted","accept"===w),n(s.DropZone,"disabled",l),t.DropZone),"data-testid":d,ref:D}),c)}));m.displayName="DropZoneContainer";export{m as DropZoneContainer};
@@ -0,0 +1 @@
1
+ import*as e from"react";const t=e.createContext("inactive"),r=({value:r,children:a})=>e.createElement(t.Provider,{value:r},a);export{t as DropZoneContext,r as DropZoneProvider};
@@ -0,0 +1 @@
1
+ import{useState as e}from"react";import{isFunction as t}from"@aws-amplify/ui";function r(e,t){if(!t||0===t.length||t.includes("*"))return{acceptedFiles:e,rejectedFiles:[]};const r=[],a=[];return e.forEach((e=>{(!function({type:e=""}){const r=e.toLowerCase(),a=r.split("/")[0];return t.some((e=>{const t=e.trim().toLowerCase();return t.endsWith("/*")?a===t.split("/")[0]:r===t}))}(e)?a:r).push(e)})),{acceptedFiles:r,rejectedFiles:a}}function a({onDropComplete:a,onDragEnter:n,onDragLeave:o,onDragOver:i,onDragStart:c,onDrop:p,acceptedFileTypes:s=[]}){const[l,f]=e("inactive");return{onDragStart:e=>{e.dataTransfer.clearData(),t(c)&&c(e)},onDragEnter:e=>{e.preventDefault(),e.stopPropagation(),t(n)&&n(e)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),f("inactive"),t(o)&&o(e)},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="copy",t(i)&&i(e);const a=Array.from(e.dataTransfer.items).map((({kind:e,type:t})=>({kind:e,type:t}))),{rejectedFiles:n}=r(a,s);f(n.length>0?"reject":"accept")},onDrop:e=>{e.preventDefault(),e.stopPropagation(),f("inactive");const n=Array.from(e.dataTransfer.files),{acceptedFiles:o,rejectedFiles:i}=r(n,s);t(p)&&p(e),t(a)&&a({acceptedFiles:o,rejectedFiles:i})},dragState:l}}export{a as useDropZone};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import*as t from"@radix-ui/react-accordion";import r from"classnames";import{sanitizeNamespaceImport as s}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import{View as i}from"../View/View.mjs";import{IconExpandMore as n}from"../Icon/icons/IconExpandMore.mjs";import{splitPrimitiveProps as o}from"../utils/splitPrimitiveProps.mjs";import{useStableId as d}from"../utils/useStableId.mjs";const{Item:l,Header:c,Trigger:p,Content:x}=s(t),f="expander-item",E="expander-header",u="expander-icon",N="expander-content-text",I=a.forwardRef(((t,s)=>{var{children:I,className:j,title:b,value:g}=t,h=e(t,["children","className","title","value"]);const v=d(),w=d(),{rest:y}=o(h);return a.createElement(l,Object.assign({className:r(m.ExpanderItem,j),"data-testid":f,ref:s,value:g},y),a.createElement(c,{className:m.ExpanderHeader,"data-testid":E},a.createElement(p,{"aria-controls":w,className:m.ExpanderTrigger,id:v},b,a.createElement(n,{"aria-hidden":!0,className:m.ExpanderIcon,"data-testid":u}))),a.createElement(x,{"aria-labelledby":v,className:m.ExpanderContent,id:w},a.createElement(i,{className:m.ExpanderContentText,testId:N},I)))}));I.displayName="ExpanderItem";export{N as EXPANDER_CONTENT_TEXT_TEST_ID,E as EXPANDER_HEADER_TEST_ID,u as EXPANDER_ICON_TEST_ID,f as EXPANDER_ITEM_TEST_ID,I as ExpanderItem};
1
+ import{__rest as e}from"tslib";import*as t from"react";import*as a from"@radix-ui/react-accordion";import r from"classnames";import{sanitizeNamespaceImport as n}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as o}from"../Icon/context/useIcons.mjs";import{View as s}from"../View/View.mjs";import{IconExpandMore as i}from"../Icon/icons/IconExpandMore.mjs";import{splitPrimitiveProps as c}from"../utils/splitPrimitiveProps.mjs";import{useStableId as l}from"../utils/useStableId.mjs";const{Item:d,Header:p,Trigger:x,Content:f}=n(a),E="expander-item",u="expander-header",I="expander-icon",j="expander-content-text",N=t.forwardRef(((a,n)=>{var N,{children:v,className:b,title:g,value:h}=a,w=e(a,["children","className","title","value"]);const C=l(),y=l(),{rest:T}=c(w),H=o("expander");return t.createElement(d,Object.assign({className:r(m.ExpanderItem,b),"data-testid":E,ref:n,value:h},T),t.createElement(p,{className:m.ExpanderHeader,"data-testid":u},t.createElement(x,{"aria-controls":y,className:m.ExpanderTrigger,id:C},g,t.createElement("span",{className:m.ExpanderIcon,"data-testid":I,"aria-hidden":"true"},null!==(N=null==H?void 0:H.more)&&void 0!==N?N:t.createElement(i,null)))),t.createElement(f,{"aria-labelledby":C,className:m.ExpanderContent,id:y},t.createElement(s,{className:m.ExpanderContentText,testId:j},v)))}));N.displayName="ExpanderItem";export{j as EXPANDER_CONTENT_TEXT_TEST_ID,u as EXPANDER_HEADER_TEST_ID,I as EXPANDER_ICON_TEST_ID,E as EXPANDER_ITEM_TEST_ID,N as ExpanderItem};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as o}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"classnames";import{ComponentText as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as t}from"../Icon/icons/IconClose.mjs";const a=i.Fields.clearButtonLabel,s=r.forwardRef(((i,s)=>{var{ariaLabel:m=a,size:l}=i,n=e(i,["ariaLabel","size"]);return r.createElement(o,Object.assign({ariaLabel:m,size:l,ref:s},n),r.createElement(t,null))}));s.displayName="FieldClearButton";export{s as FieldClearButton};
1
+ import{__rest as o}from"tslib";import*as e from"react";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as r}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as t}from"../Icon/context/useIcons.mjs";import"classnames";import{ComponentText as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as n}from"../Icon/icons/IconClose.mjs";const s=i.Fields.clearButtonLabel,m=e.forwardRef(((i,m)=>{var a,{ariaLabel:l=s,size:c}=i,p=o(i,["ariaLabel","size"]);const d=t("field");return e.createElement(r,Object.assign({ariaLabel:l,size:c,ref:m},p),null!==(a=null==d?void 0:d.clear)&&void 0!==a?a:e.createElement(n,null))}));m.displayName="FieldClearButton";export{m as FieldClearButton};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as s from"react";import i from"classnames";import{ComponentClassNames as d}from"../shared/constants.mjs";import{classNameModifier as t}from"@aws-amplify/ui";import{Flex as l}from"../Flex/Flex.mjs";import{View as a}from"../View/View.mjs";import{VisuallyHidden as r}from"../VisuallyHidden/VisuallyHidden.mjs";import{useFieldset as m,FieldsetContext as n}from"./useFieldset.mjs";const o=s.forwardRef(((o,c)=>{var{children:f,className:p,isDisabled:F,legend:u,legendHidden:g,size:b,testId:j,variation:v="outlined"}=o,y=e(o,["children","className","isDisabled","legend","legendHidden","size","testId","variation"]);const{isFieldsetDisabled:H}=m(),N=H||F,V=s.useMemo((()=>({isFieldsetDisabled:N})),[N]),h=i(d.Fieldset,t(d.Fieldset,v),t(d.Fieldset,b),p),w=i(d.FieldsetLegend,t(d.FieldsetLegend,b),p,{[d.VisuallyHidden]:g});return s.createElement(n.Provider,{value:V},s.createElement(l,Object.assign({as:"fieldset",className:h,ref:c,disabled:N,testId:j},y),s.createElement(r,{as:"legend"},u),s.createElement(a,{as:"div","aria-hidden":"true",className:w},u),f))}));o.displayName="Fieldset";export{o as Fieldset};
@@ -0,0 +1 @@
1
+ import*as e from"react";const t=e.createContext({isFieldsetDisabled:!1}),o=()=>e.useContext(t);export{t as FieldsetContext,o as useFieldset};
@@ -0,0 +1 @@
1
+ import*as t from"react";const e=t.createContext({});export{e as IconsContext};
@@ -0,0 +1 @@
1
+ import*as r from"react";import{IconsContext as e}from"./IconsContext.mjs";function o({children:o,icons:t}){return r.createElement(e.Provider,{value:t},o)}export{o as IconsProvider};
@@ -0,0 +1 @@
1
+ import*as t from"react";import{IconsContext as o}from"./IconsContext.mjs";function r(r){const n=t.useContext(o);if(r&&n)return n[r]}export{r as useIcons};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as o from"react";import a from"classnames";import{classNameModifier as t,classNameModifierByFlag as n}from"@aws-amplify/ui";import{ComponentClassNames as r}from"../shared/constants.mjs";import{View as s}from"../View/View.mjs";const i=o.forwardRef(((i,l)=>{var{autoComplete:u,checked:d,className:p,defaultChecked:c,defaultValue:m,id:f,isDisabled:C,isReadOnly:h,isRequired:y,size:v,type:I="text",hasError:k=!1,value:b,variation:R,onBlur:V,onChange:g,onCopy:w,onCut:F,onFocus:N,onInput:O,onPaste:j,onSelect:q,onWheel:z}=i,B=e(i,["autoComplete","checked","className","defaultChecked","defaultValue","id","isDisabled","isReadOnly","isRequired","size","type","hasError","value","variation","onBlur","onChange","onCopy","onCut","onFocus","onInput","onPaste","onSelect","onWheel"]);const D=a(r.Input,r.FieldGroupControl,t(r.Input,R),n(r.Input,"error",k),t(r.Input,v),p);return o.createElement(s,Object.assign({"aria-invalid":k,as:"input",autoComplete:u,checked:d,className:D,"data-size":v,"data-variation":R,defaultChecked:c,defaultValue:m,isDisabled:C,id:f,onBlur:V,onChange:g,onCopy:w,onCut:F,onFocus:N,onInput:O,onPaste:j,onSelect:q,onWheel:z,readOnly:h,ref:l,required:y,type:I,value:b},B))}));i.displayName="Input";export{i as Input};
1
+ import{__rest as e}from"tslib";import*as a from"react";import t from"classnames";import{classNameModifier as i,classNameModifierByFlag as s}from"@aws-amplify/ui";import{ComponentClassNames as r}from"../shared/constants.mjs";import{View as l}from"../View/View.mjs";import{useFieldset as d}from"../Fieldset/useFieldset.mjs";const o=a.forwardRef(((o,u)=>{var{autoComplete:m,checked:p,className:n,defaultChecked:c,defaultValue:f,id:h,isDisabled:v,isReadOnly:y,isRequired:C,size:b,type:k="text",hasError:I=!1,value:R,variation:V}=o,j=e(o,["autoComplete","checked","className","defaultChecked","defaultValue","id","isDisabled","isReadOnly","isRequired","size","type","hasError","value","variation"]);const w=t(r.Input,r.FieldGroupControl,i(r.Input,V),s(r.Input,"error",I),i(r.Input,b),n),{isFieldsetDisabled:D}=d();return a.createElement(l,Object.assign({"aria-invalid":I,as:"input",autoComplete:m,checked:p,className:w,"data-size":b,"data-variation":V,defaultChecked:c,defaultValue:f,isDisabled:D||v,id:h,readOnly:y,ref:u,required:C,type:k,value:R},j))}));o.displayName="Input";export{o as Input};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import n from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ButtonGroup as i}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../View/View.mjs";import{IconMenu as s}from"../Icon/icons/IconMenu.mjs";import{MenuButton as o}from"./MenuButton.mjs";const{DropdownMenu:l,DropdownMenuTrigger:p,DropdownMenuContent:u}=a(t),c="amplify-menu-trigger-test-id",g="amplify-menu-items-group-test-id",d=r.forwardRef(((t,a)=>{var{menuAlign:d="start",children:f,className:C,isOpen:M,size:w,trigger:N,triggerClassName:h,ariaLabel:j,onOpenChange:E}=t,O=e(t,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return r.createElement(l,{onOpenChange:E,open:M},r.createElement(p,{asChild:!0},null!=N?N:r.createElement(o,{ariaLabel:j,size:w,testId:c,className:n(m.MenuTrigger,h)},r.createElement(s,{size:w}))),r.createElement(u,{align:d,className:m.MenuContentWrapper},r.createElement(i,Object.assign({className:n(m.MenuContent,C),ref:a,size:w,testId:g},O),f)))}));d.displayName="Menu";export{g as MENU_ITEMS_GROUP_TEST_ID,c as MENU_TRIGGER_TEST_ID,d as Menu};
1
+ import{__rest as e}from"tslib";import*as n from"react";import r from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as o}from"@aws-amplify/ui";import{ButtonGroup as m}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as a}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as s}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconMenu as i}from"../Icon/icons/IconMenu.mjs";import{MenuButton as l}from"./MenuButton.mjs";const{DropdownMenu:p,DropdownMenuTrigger:c,DropdownMenuContent:u}=o(t),g="amplify-menu-trigger-test-id",d="amplify-menu-items-group-test-id",f=n.forwardRef(((t,o)=>{var f,{menuAlign:C="start",children:I,className:j,isOpen:M,size:w,trigger:N,triggerClassName:h,ariaLabel:E,onOpenChange:O}=t,b=e(t,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);const x=s("menu");return n.createElement(p,{onOpenChange:O,open:M},n.createElement(c,{asChild:!0},null!=N?N:n.createElement(l,{ariaLabel:E,size:w,testId:g,className:r(a.MenuTrigger,h)},null!==(f=null==x?void 0:x.menu)&&void 0!==f?f:n.createElement(i,null))),n.createElement(u,{align:C,className:a.MenuContentWrapper},n.createElement(m,Object.assign({className:r(a.MenuContent,j),ref:o,size:w,testId:d},b),I)))}));f.displayName="Menu";export{d as MENU_ITEMS_GROUP_TEST_ID,g as MENU_TRIGGER_TEST_ID,f as Menu};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as s from"react";import{MessageHeading as i}from"./MessageHeading.mjs";import{MessageIcon as m}from"./MessageIcon.mjs";import{MessageDismiss as r}from"./MessageDismiss.mjs";import{MessageContent as a}from"./MessageContent.mjs";import{MessageContainer as o}from"./MessageContainer.mjs";const n=s.forwardRef(((n,l)=>{var{children:t,heading:c,dismissLabel:d,isDismissible:f,onDismiss:g,hasIcon:h=!0,colorTheme:p="neutral",variation:u="filled"}=n,b=e(n,["children","heading","dismissLabel","isDismissible","onDismiss","hasIcon","colorTheme","variation"]);return s.createElement(o,Object.assign({colorTheme:p,variation:u,ref:l},b),h?s.createElement(m,null):null,s.createElement(a,null,c?s.createElement(i,null,c):null,t),f?s.createElement(r,{onDismiss:g,dismissLabel:d}):null)}));n.displayName="Message";export{n as Message};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as s from"react";import r from"classnames";import{ComponentClassNames as a}from"../shared/constants.mjs";import{classNameModifier as m}from"@aws-amplify/ui";import{Flex as o}from"../Flex/Flex.mjs";import{MessageContext as t}from"./useMessage.mjs";const i=s.forwardRef(((i,l)=>{var{children:n,className:c,colorTheme:f="neutral",variation:d="filled"}=i,p=e(i,["children","className","colorTheme","variation"]);const[u,g]=s.useState(!1),h=s.useMemo((()=>({colorTheme:f,dismissed:u,setDismissed:g})),[f,u]);return s.createElement(t.Provider,{value:h},u?null:s.createElement(o,Object.assign({className:r(a.Message,m(a.Message,d),m(a.Message,f),c),ref:l},p),n))}));i.displayName="MessageContainer";export{i as MessageContainer};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as s from"react";import r from"classnames";import{ComponentClassNames as a}from"../shared/constants.mjs";import{Flex as t}from"../Flex/Flex.mjs";const m=s.forwardRef(((m,o)=>{var{children:n,className:c}=m,l=e(m,["children","className"]);return s.createElement(t,Object.assign({className:r(a.MessageContent,c),ref:o},l),n)}));m.displayName="MessageContent";export{m as MessageContent};
@@ -0,0 +1 @@
1
+ import{__rest as s}from"tslib";import*as e from"react";import o from"classnames";import{Button as i}from"../Button/Button.mjs";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as a,ComponentText as r}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as t}from"../Icon/icons/IconClose.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import{useMessage as l}from"./useMessage.mjs";import{isFunction as c}from"@aws-amplify/ui";const d=e.forwardRef(((d,f)=>{var p,{onDismiss:u,dismissLabel:j,hasIcon:h=!0,children:b,className:g}=d,I=s(d,["onDismiss","dismissLabel","hasIcon","children","className"]);const{setDismissed:v}=l(),y=n("message"),w=e.useCallback((()=>{v(!0),c(u)&&u()}),[v,u]);return e.createElement(i,Object.assign({variation:"link",colorTheme:"overlay",className:o(a.MessageDismiss,g),ref:f,onClick:w},I),h?null!==(p=null==y?void 0:y.close)&&void 0!==p?p:e.createElement(t,{"aria-hidden":"true"}):null,b||e.createElement(m,null,j||r.Message.dismissLabel))}));d.displayName="MessageContent";export{d as MessageDismiss};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as s from"react";import a from"classnames";import{ComponentClassNames as r}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";const t=s.forwardRef(((t,o)=>{var{children:i,className:c}=t,l=e(t,["children","className"]);return s.createElement(m,Object.assign({className:a(r.MessageHeading,c),ref:o},l),i)}));t.displayName="MessageHeading";export{t as MessageHeading};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as o from"react";import r from"classnames";import{ComponentClassNames as s}from"../shared/constants.mjs";import{View as n}from"../View/View.mjs";import{useMessage as c}from"./useMessage.mjs";import{IconCheckCircle as m}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as l}from"../Icon/icons/IconError.mjs";import{IconInfo as a}from"../Icon/icons/IconInfo.mjs";import{IconWarning as i}from"../Icon/icons/IconWarning.mjs";import{useIcons as t}from"../Icon/context/useIcons.mjs";const u=o.forwardRef(((u,f)=>{var d,p,I,j,{className:v}=u,g=e(u,["className"]);const w=t("message"),{colorTheme:E}=c();let b;switch(E){case"info":b=null!==(d=null==w?void 0:w.info)&&void 0!==d?d:o.createElement(a,null);break;case"error":b=null!==(p=null==w?void 0:w.error)&&void 0!==p?p:o.createElement(l,null);break;case"warning":b=null!==(I=null==w?void 0:w.warning)&&void 0!==I?I:o.createElement(i,null);break;case"success":b=null!==(j=null==w?void 0:w.success)&&void 0!==j?j:o.createElement(m,null)}return b?o.createElement(n,Object.assign({className:r(s.MessageIcon,v),"aria-hidden":"true",ref:f},g),b):null}));u.displayName="MessageIcon";export{u as MessageIcon};
@@ -0,0 +1 @@
1
+ import*as e from"react";const s=e.createContext({dismissed:!1,setDismissed:()=>{}}),t=()=>e.useContext(s);export{s as MessageContext,t as useMessage};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import t from"classnames";import{Button as i}from"../Button/Button.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{ComponentClassNames as s,ComponentText as l}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconChevronLeft as o}from"../Icon/icons/IconChevronLeft.mjs";import{IconChevronRight as m}from"../Icon/icons/IconChevronRight.mjs";import{VisuallyHidden as c}from"../VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as u,classNameModifierByFlag as g}from"@aws-amplify/ui";const p="current",b="ellipsis",I=I=>{var{type:P,page:d,currentPage:E,currentPageLabel:f=l.PaginationItem.currentPageLabel,isDisabled:j,onClick:k,ariaLabel:B}=I,L=e(I,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const C=t(s.PaginationItemButton,u(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",j)),v=t(s.PaginationItemButton,u(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",j));switch(P){case"page":return a.createElement(r,{as:"li"},d===E?a.createElement(n,Object.assign({"aria-current":"page",as:"button",className:s.PaginationItemCurrent,testId:p},L),a.createElement(c,null,f,":"),d):a.createElement(i,Object.assign({className:t(s.PaginationItemButton,u(s.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==k||k()},ariaLabel:B},L),d));case"next":return a.createElement(r,{as:"li"},a.createElement(i,Object.assign({className:C,size:"small",variation:"link",isDisabled:j,onClick:()=>{null==k||k()},ariaLabel:B},L),a.createElement(m,{size:"large"})));case"previous":return a.createElement(r,{as:"li"},a.createElement(i,Object.assign({className:v,size:"small",variation:"link",isDisabled:j,onClick:()=>{null==k||k()},ariaLabel:B},L),a.createElement(o,{size:"large"})));case"ellipsis":return a.createElement(r,{as:"li"},a.createElement(n,Object.assign({as:"span",className:s.PaginationItemEllipsis,testId:b},L),"…"))}return a.createElement(r,{as:"li"})};I.displayName="PaginationItem";export{p as PAGINATION_CURRENT_TEST_ID,b as PAGINATION_ELLIPSIS_TEST_ID,I as PaginationItem};
1
+ import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{Button as n}from"../Button/Button.mjs";import{Flex as i}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as l}from"../Icon/context/useIcons.mjs";import{ComponentClassNames as s,ComponentText as o}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconChevronLeft as m}from"../Icon/icons/IconChevronLeft.mjs";import{IconChevronRight as c}from"../Icon/icons/IconChevronRight.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as p,classNameModifierByFlag as g}from"@aws-amplify/ui";const I="current",b="ellipsis",d=d=>{var P,j,{type:f,page:E,currentPage:v,currentPageLabel:k=o.PaginationItem.currentPageLabel,isDisabled:B,onClick:C,ariaLabel:L}=d,x=e(d,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const y=l("pagination"),N=a(s.PaginationItemButton,p(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",B)),h=a(s.PaginationItemButton,p(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",B));switch(f){case"page":return t.createElement(r,{as:"li"},E===v?t.createElement(i,Object.assign({"aria-current":"page",as:"button",className:s.PaginationItemCurrent,testId:I},x),t.createElement(u,null,k,":"),E):t.createElement(n,Object.assign({className:a(s.PaginationItemButton,p(s.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==C||C()},ariaLabel:L},x),E));case"next":return t.createElement(r,{as:"li"},t.createElement(n,Object.assign({className:N,size:"small",variation:"link",isDisabled:B,onClick:()=>{null==C||C()},ariaLabel:L},x),null!==(P=null==y?void 0:y.next)&&void 0!==P?P:t.createElement(c,null)));case"previous":return t.createElement(r,{as:"li"},t.createElement(n,Object.assign({className:h,size:"small",variation:"link",isDisabled:B,onClick:()=>{null==C||C()},ariaLabel:L},x),null!==(j=null==y?void 0:y.previous)&&void 0!==j?j:t.createElement(m,null)));case"ellipsis":return t.createElement(r,{as:"li"},t.createElement(i,Object.assign({as:"span",className:s.PaginationItemEllipsis,testId:b},x),"…"))}return t.createElement(r,{as:"li"})};d.displayName="PaginationItem";export{I as PAGINATION_CURRENT_TEST_ID,b as PAGINATION_ELLIPSIS_TEST_ID,d as PaginationItem};
@@ -1 +1 @@
1
- import{__rest as s}from"tslib";import*as o from"react";import r from"classnames";import{Button as e}from"../Button/Button.mjs";import{VisuallyHidden as a}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as i,ComponentText as t}from"../shared/constants.mjs";import"../View/View.mjs";import{IconVisibilityOff as d}from"../Icon/icons/IconVisibilityOff.mjs";import{IconVisibility as m}from"../Icon/icons/IconVisibility.mjs";import{classNameModifierByFlag as l}from"@aws-amplify/ui";const{passwordIsHidden:n,passwordIsShown:w,showPassword:p}=t.PasswordField,c=o.forwardRef(((t,c)=>{var{fieldType:f,passwordIsHiddenLabel:h=n,passwordIsShownLabel:b=w,showPasswordButtonLabel:I=p,size:u,hasError:y}=t,j=s(t,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const L=r(i.FieldShowPassword,l(i.FieldShowPassword,"error",y));return o.createElement(e,Object.assign({"aria-checked":"password"!==f,ariaLabel:I,className:L,ref:c,role:"switch",size:u},j),o.createElement(a,{"aria-live":"polite"},"password"===f?h:b),"password"===f?o.createElement(m,{size:u}):o.createElement(d,{size:u}))}));c.displayName="ShowPasswordButton";export{c as ShowPasswordButton};
1
+ import{__rest as s}from"tslib";import*as o from"react";import r from"classnames";import{Button as i}from"../Button/Button.mjs";import{VisuallyHidden as e}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as a,ComponentText as t}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconVisibilityOff as n}from"../Icon/icons/IconVisibilityOff.mjs";import{IconVisibility as l}from"../Icon/icons/IconVisibility.mjs";import{classNameModifierByFlag as m}from"@aws-amplify/ui";const{passwordIsHidden:w,passwordIsShown:p,showPassword:c}=t.PasswordField,f=o.forwardRef(((t,f)=>{var h,u,{fieldType:I,passwordIsHiddenLabel:b=w,passwordIsShownLabel:j=p,showPasswordButtonLabel:y=c,size:v,hasError:L}=t,P=s(t,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const E=d("passwordField"),S=r(a.FieldShowPassword,m(a.FieldShowPassword,"error",L)),V="password"===I?null!==(h=null==E?void 0:E.visibility)&&void 0!==h?h:o.createElement(l,{"aria-hidden":"true"}):null!==(u=null==E?void 0:E.visibilityOff)&&void 0!==u?u:o.createElement(n,{"aria-hidden":"true"});return o.createElement(i,Object.assign({"aria-checked":"password"!==I,ariaLabel:y,className:S,ref:f,role:"switch",size:v},P),o.createElement(e,{"aria-live":"polite"},"password"===I?b:j),V)}));f.displayName="ShowPasswordButton";export{f as ShowPasswordButton};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import i from"classnames";import{classNameModifierByFlag as t,classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import{Flex as d}from"../Flex/Flex.mjs";import{Input as l}from"../Input/Input.mjs";import{Text as r}from"../Text/Text.mjs";import{useRadioGroupContext as n}from"../RadioGroupField/context.mjs";const m=(m,p)=>{var{children:c,className:h,id:u,isDisabled:b,testId:f,value:R,labelPosition:g,height:v,width:N,bottom:j,left:x,position:y,padding:E,right:I,top:w}=m,D=e(m,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:C,defaultValue:F,name:O,hasError:P,isGroupDisabled:V,isRequired:k,isReadOnly:q,onChange:z,size:B,labelPosition:G}=n(),T=V||b||q&&F!==R,H=void 0!==C?R===C:void 0,L=void 0!==F?R===F:void 0,A=g||G;return a.createElement(d,{as:"label",className:i(s.Radio,t(s.Radio,"disabled",T),h),"data-disabled":T,"data-label-position":A,height:v,width:N,bottom:j,top:w,right:I,left:x,position:y,padding:E},c&&a.createElement(r,{as:"span",className:s.RadioLabel,"data-disabled":T},c),a.createElement(l,Object.assign({checked:H,className:i(s.VisuallyHidden,s.RadioInput),defaultChecked:L,hasError:P,id:u,isDisabled:T,isReadOnly:q,isRequired:k,onChange:z,ref:p,type:"radio",name:O,value:R},D)),a.createElement(d,{"aria-hidden":"true",as:"span",className:i(s.RadioButton,o(s.RadioButton,B)),"data-size":B,testId:f}))},p=a.forwardRef(m);p.displayName="Radio";export{p as Radio,m as RadioPrimitive};
1
+ import{__rest as e}from"tslib";import*as i from"react";import a from"classnames";import{classNameModifierByFlag as t,classNameModifier as s}from"@aws-amplify/ui";import{ComponentClassNames as o}from"../shared/constants.mjs";import{Flex as d}from"../Flex/Flex.mjs";import{Input as l}from"../Input/Input.mjs";import{Text as r}from"../Text/Text.mjs";import{useRadioGroupContext as m}from"../RadioGroupField/context.mjs";import{useFieldset as n}from"../Fieldset/useFieldset.mjs";const p=(p,c)=>{var{children:h,className:u,id:b,isDisabled:f,testId:R,value:g,labelPosition:v,height:j,width:N,bottom:x,left:y,position:E,padding:F,right:I,top:w}=p,D=e(p,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:C,defaultValue:O,name:P,hasError:V,isGroupDisabled:k,isRequired:q,isReadOnly:z,onChange:B,size:G,labelPosition:T}=m(),{isFieldsetDisabled:H}=n(),L=H||(k||f||z&&O!==g),A=void 0!==C?g===C:void 0,J=void 0!==O?g===O:void 0,K=v||T;return i.createElement(d,{as:"label",className:a(o.Radio,t(o.Radio,"disabled",L),u),"data-disabled":L,"data-label-position":K,height:j,width:N,bottom:x,top:w,right:I,left:y,position:E,padding:F},h&&i.createElement(r,{as:"span",className:o.RadioLabel,"data-disabled":L},h),i.createElement(l,Object.assign({checked:A,className:a(o.VisuallyHidden,o.RadioInput),defaultChecked:J,hasError:V,id:b,isDisabled:L,isReadOnly:z,isRequired:q,onChange:B,ref:c,type:"radio",name:P,value:g},D)),i.createElement(d,{"aria-hidden":"true",as:"span",className:a(o.RadioButton,s(o.RadioButton,G)),"data-size":G,testId:R}))},c=i.forwardRef(p);c.displayName="Radio";export{c as Radio,p as RadioPrimitive};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as o from"react";import t from"classnames";import{classNameModifier as l}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";import"../View/View.mjs";import{IconStar as r}from"../Icon/icons/IconStar.mjs";import{isIconFilled as a,isIconEmpty as n,isIconMixed as s}from"./utils.mjs";import{RatingIcon as c}from"./RatingIcon.mjs";import{RatingMixedIcon as f}from"./RatingMixedIcon.mjs";import{VisuallyHidden as p}from"../VisuallyHidden/VisuallyHidden.mjs";const y=5,u=0,g=o.forwardRef(((g,d)=>{var{className:j,emptyColor:I,emptyIcon:x,fillColor:C,icon:E=o.createElement(r,null),maxValue:N=y,size:R,value:V=u}=g,v=e(g,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const w=new Array(Math.ceil(N)).fill(1).map(((e,t)=>{const l=t+1;return a(l,V)?o.createElement(c,{key:t.toString(),icon:E,fill:C,className:"amplify-rating-icon-filled"}):n(l,V)?o.createElement(c,{key:t.toString(),icon:null!=x?x:E,fill:I,className:"amplify-rating-icon-empty"}):s(l,V)?o.createElement(f,{key:t.toString(),fillIcon:E,emptyIcon:null!=x?x:E,value:V,fillColor:C,emptyColor:I}):void 0}));return o.createElement(m,Object.assign({className:t(i.Rating,l(i.Rating,R),j),"data-size":R,ref:d},v),w,o.createElement(p,null,V," out of ",N," rating"))}));g.displayName="Rating";export{g as Rating};
1
+ import{__rest as o}from"tslib";import*as e from"react";import l from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconStar as r}from"../Icon/icons/IconStar.mjs";import{isIconFilled as a,isIconEmpty as s,isIconMixed as c}from"./utils.mjs";import{RatingIcon as p}from"./RatingIcon.mjs";import{RatingMixedIcon as f}from"./RatingMixedIcon.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";const y=5,d=0,I=e.forwardRef(((I,g)=>{var j,v,x,{className:C,emptyColor:E,emptyIcon:N,fillColor:R,icon:V,maxValue:w=y,size:S,value:k=d}=I,z=o(I,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const b=n("rating"),h=null!==(j=null!=V?V:null==b?void 0:b.filled)&&void 0!==j?j:e.createElement(r,null),F=null!==(x=null!==(v=null!=N?N:V)&&void 0!==v?v:null==b?void 0:b.empty)&&void 0!==x?x:e.createElement(r,null),H=new Array(Math.ceil(w)).fill(1).map(((o,l)=>{const t=l+1;return a(t,k)?e.createElement(p,{key:l.toString(),icon:h,fill:R,className:"amplify-rating-icon-filled"}):s(t,k)?e.createElement(p,{key:l.toString(),icon:F,fill:E,className:"amplify-rating-icon-empty"}):c(t,k)?e.createElement(f,{key:l.toString(),fillIcon:h,emptyIcon:F,value:k,fillColor:R,emptyColor:E}):void 0}));return e.createElement(m,Object.assign({className:l(i.Rating,t(i.Rating,S),C),"data-size":S,ref:g},z),H,e.createElement(u,null,k," out of ",w," rating"))}));I.displayName="Rating";export{I as Rating};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import o from"classnames";import*as a from"react";import{FieldClearButton as n}from"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroupIcon as r}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as l}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as t}from"../Icon/icons/IconSearch.mjs";import{SearchFieldButton as i}from"./SearchFieldButton.mjs";import{TextField as m}from"../TextField/TextField.mjs";import{useSearchField as s}from"./useSearchField.mjs";import{strHasLength as d}from"../shared/utils.mjs";const c=a.forwardRef(((c,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:F=!0,name:b="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:B,onClear:v,onSubmit:E,searchButtonRef:I,size:g,defaultValue:D,value:V}=c,w=e(c,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:x,onClearHandler:z,onKeyDown:R,onClick:k,handleOnChange:G,composedRefs:H}=s({defaultValue:D,value:V,onChange:B,onClear:v,onSubmit:E,externalRef:u}),N=j?a.createElement(i,{isDisabled:h,onClick:k,ref:I,size:g}):void 0,y=S?a.createElement(r,null,a.createElement(t,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(l.SearchField,f),labelHidden:F,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:!h&&d(x),onClick:z,size:g,variation:"link"}),isDisabled:h,name:b,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:x},w))}));c.displayName="SearchField";export{c as SearchField};
1
+ import{__rest as e}from"tslib";import o from"classnames";import*as a from"react";import{FieldClearButton as n}from"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroupIcon as t}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as r}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as i}from"../Icon/icons/IconSearch.mjs";import"../Icon/context/IconsContext.mjs";import{SearchFieldButton as l}from"./SearchFieldButton.mjs";import{TextField as m}from"../TextField/TextField.mjs";import{useSearchField as s}from"./useSearchField.mjs";import{strHasLength as c}from"../shared/utils.mjs";const d=a.forwardRef(((d,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:F=!0,name:b="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:I,onClear:B,onSubmit:v,searchButtonRef:E,size:g,defaultValue:x,value:D}=d,V=e(d,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:w,onClearHandler:z,onKeyDown:R,onClick:k,handleOnChange:G,composedRefs:H}=s({defaultValue:x,value:D,onChange:I,onClear:B,onSubmit:v,externalRef:u}),N=j?a.createElement(l,{isDisabled:h,onClick:k,ref:E,size:g}):void 0,y=S?a.createElement(t,null,a.createElement(i,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(r.SearchField,f),labelHidden:F,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:!h&&c(w),onClick:z,size:g,variation:"link"}),isDisabled:h,name:b,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:w},V))}));d.displayName="SearchField";export{d as SearchField};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import{ComponentClassNames as o,ComponentText as t}from"../shared/constants.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as i}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"classnames";import"../View/View.mjs";import{IconSearch as a}from"../Icon/icons/IconSearch.mjs";const s=t.SearchField.searchButtonLabel,m=r.forwardRef(((t,m)=>{var{size:c}=t,n=e(t,["size"]);return r.createElement(i,Object.assign({ariaLabel:s,className:o.SearchFieldSearch,size:c,ref:m,type:"submit"},n),r.createElement(a,null))}));m.displayName="SearchFieldButton";export{m as SearchFieldButton};
1
+ import{__rest as o}from"tslib";import*as e from"react";import{ComponentClassNames as r,ComponentText as t}from"../shared/constants.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as s}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as c}from"../Icon/context/useIcons.mjs";import"classnames";import"../View/View.mjs";import{IconSearch as i}from"../Icon/icons/IconSearch.mjs";const m=t.SearchField.searchButtonLabel,n=e.forwardRef(((t,n)=>{var a,{size:l}=t,p=o(t,["size"]);const d=c("searchField");return e.createElement(s,Object.assign({ariaLabel:m,className:r.SearchFieldSearch,size:l,ref:n,type:"submit"},p),null!==(a=null==d?void 0:d.search)&&void 0!==a?a:e.createElement(i,null))}));n.displayName="SearchFieldButton";export{n as SearchFieldButton};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifier as o,classNameModifierByFlag as l}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as i}from"../Flex/Flex.mjs";import{View as s}from"../View/View.mjs";import{IconExpandMore as c}from"../Icon/icons/IconExpandMore.mjs";const m=a.forwardRef(((m,n)=>{var{autoComplete:p,className:d,size:u,variation:f,value:v,defaultValue:E,hasError:S,icon:h=a.createElement(c,null),iconColor:C,children:N,placeholder:b,isDisabled:j,isRequired:V}=m,w=e(m,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const x=void 0===v&&void 0===E&&b,I=r(t.Select,t.FieldGroupControl,o(t.Select,u),o(t.Select,f),l(t.Select,"error",S),d);return a.createElement(s,{className:t.SelectWrapper},a.createElement(s,Object.assign({"aria-invalid":S,as:"select",autoComplete:p,value:v,defaultValue:x?"":E,isDisabled:j,required:V,"data-size":u,"data-variation":f,className:I,ref:n},w),b&&a.createElement("option",{value:""},b),N),a.createElement(i,{className:r(t.SelectIconWrapper,o(t.SelectIconWrapper,u)),color:C},h))}));m.displayName="Select";export{m as Select};
1
+ import{__rest as e}from"tslib";import*as o from"react";import r from"classnames";import{classNameModifier as a,classNameModifierByFlag as l}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as i}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as s}from"../Icon/context/useIcons.mjs";import{View as c}from"../View/View.mjs";import{IconExpandMore as m}from"../Icon/icons/IconExpandMore.mjs";import{useFieldset as n}from"../Fieldset/useFieldset.mjs";const d=o.forwardRef(((d,p)=>{var u,{autoComplete:f,className:v,size:I,variation:j,value:x,defaultValue:E,hasError:S,icon:h,iconColor:C,children:b,placeholder:F,isDisabled:N,isRequired:V}=d,w=e(d,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const D=void 0===x&&void 0===E&&F,q=r(t.Select,t.FieldGroupControl,a(t.Select,I),a(t.Select,j),l(t.Select,"error",S),v),z=s("select"),{isFieldsetDisabled:R}=n();return o.createElement(c,{className:t.SelectWrapper},o.createElement(c,Object.assign({"aria-invalid":S,as:"select",autoComplete:f,value:x,defaultValue:D?"":E,isDisabled:R||N,required:V,"data-size":I,"data-variation":j,className:q,ref:p},w),F&&o.createElement("option",{value:""},F),b),o.createElement(i,{className:r(t.SelectIconWrapper,a(t.SelectIconWrapper,I)),color:C},null!==(u=null!=h?h:null==z?void 0:z.expand)&&void 0!==u?u:o.createElement(m,null)))}));d.displayName="Select";export{d as Select};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import r from"classnames";import*as t from"@radix-ui/react-slider";import*as a from"react";import{sanitizeNamespaceImport as i,isFunction as l,classNameModifier as o}from"@aws-amplify/ui";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"../Field/Field.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}=i(t),E="slider-label",h="slider-root",k="slider-track",v="slider-range",T=a.forwardRef(((t,i)=>{var{ariaValuetext:T,className:j,defaultValue:y=0,descriptiveText:V,emptyTrackColor:x,errorMessage:N,filledTrackColor:R,formatValue:z,hasError:H=!1,id:w,isDisabled:I,isValueHidden:M=!1,label:D,labelHidden:G=!1,onChange:L,orientation:P="horizontal",outerEndComponent:O,outerStartComponent:B,testId:q,thumbColor:A,trackSize:J,value:K,size:Q}=t,U=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 W=F(w),X=F(),Y=F(),Z=V?Y:void 0,{styleProps:$,rest:_}=p(U),ee=void 0!==K,[re,te]=a.useState(ee?K:y),ae=ee?[K]:void 0,ie=ee?void 0:[y],le=a.useCallback((e=>{te(e[0]),l(L)&&L(e[0])}),[L]),oe=a.useMemo((()=>{const e=l(z)?z(re):re;return"string"==typeof z?a.createElement(b,{as:"span"},e):e}),[re,z]),se="vertical"===P,de=r(s.SliderFieldTrack,o(s.SliderFieldTrack,P),o(s.SliderFieldTrack,Q)),me=r(s.SliderFieldRoot,o(s.SliderFieldRoot,P),o(s.SliderFieldRoot,Q),j);return a.createElement(c,Object.assign({className:r(s.Field,o(s.Field,Q),s.SliderField),testId:q,"data-size":Q},$),a.createElement(u,{className:s.SliderFieldLabel,id:X,testId:E,visuallyHidden:G},a.createElement(b,{as:"span"},D),M?null:oe),a.createElement(d,{id:Y,labelHidden:G,descriptiveText:V}),a.createElement(n,{className:s.SliderFieldGroup,id:W,orientation:P,outerStartComponent:B,outerEndComponent:O},a.createElement(S,Object.assign({className:me,"data-testid":h,disabled:I,defaultValue:ie,onValueChange:le,orientation:P,ref:i,value:ae},_),a.createElement(C,{className:de,"data-testid":k,style:{backgroundColor:String(x),[""+(se?"width":"height")]:J}},a.createElement(f,{className:r(s.SliderFieldRange,o(s.SliderFieldRange,P)),"data-testid":v,style:{backgroundColor:String(R)}})),a.createElement(g,{"aria-describedby":Z,"aria-labelledby":X,"aria-valuetext":T,className:r(s.SliderFieldThumb,o(s.SliderFieldThumb,Q)),style:{backgroundColor:String(A)}}))),a.createElement(m,{hasError:H,errorMessage:N}))}));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};
1
+ import{__rest as e}from"tslib";import r from"classnames";import*as t from"@radix-ui/react-slider";import*as i from"react";import{sanitizeNamespaceImport as a,isFunction as l,classNameModifier as o}from"@aws-amplify/ui";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"../Field/Field.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 F}from"../View/View.mjs";import{useStableId as b}from"../utils/useStableId.mjs";import{useFieldset as f}from"../Fieldset/useFieldset.mjs";const{Range:S,Root:g,Thumb:C,Track:E}=a(t),h="slider-label",k="slider-root",v="slider-track",j="slider-range",T=i.forwardRef(((t,a)=>{var{ariaValuetext:T,className:y,defaultValue:V=0,descriptiveText:x,emptyTrackColor:N,errorMessage:R,filledTrackColor:z,formatValue:H,hasError:w=!1,id:I,isDisabled:M,isValueHidden:D=!1,label:G,labelHidden:L=!1,onChange:P,orientation:O="horizontal",outerEndComponent:B,outerStartComponent:q,testId:A,thumbColor:J,trackSize:K,value:Q,size:U}=t,W=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{isFieldsetDisabled:X}=f(),Y=b(I),Z=b(),$=b(),_=x?$:void 0,{styleProps:ee,rest:re}=p(W),te=void 0!==Q,[ie,ae]=i.useState(te?Q:V),le=te?[Q]:void 0,oe=te?void 0:[V],se=i.useCallback((e=>{ae(e[0]),l(P)&&P(e[0])}),[P]),de=i.useMemo((()=>{const e=l(H)?H(ie):ie;return"string"==typeof H?i.createElement(F,{as:"span"},e):e}),[ie,H]),me="vertical"===O,ne=r(s.SliderFieldTrack,o(s.SliderFieldTrack,O),o(s.SliderFieldTrack,U)),ce=r(s.SliderFieldRoot,o(s.SliderFieldRoot,O),o(s.SliderFieldRoot,U),y);return i.createElement(c,Object.assign({className:r(s.Field,o(s.Field,U),s.SliderField),testId:A,"data-size":U},ee),i.createElement(u,{className:s.SliderFieldLabel,id:Z,testId:h,visuallyHidden:L},i.createElement(F,{as:"span"},G),D?null:de),i.createElement(d,{id:$,labelHidden:L,descriptiveText:x}),i.createElement(n,{className:s.SliderFieldGroup,id:Y,orientation:O,outerStartComponent:q,outerEndComponent:B},i.createElement(g,Object.assign({className:ce,"data-testid":k,disabled:X||M,defaultValue:oe,onValueChange:se,orientation:O,ref:a,value:le},re),i.createElement(E,{className:ne,"data-testid":v,style:{backgroundColor:String(N),[""+(me?"width":"height")]:K}},i.createElement(S,{className:r(s.SliderFieldRange,o(s.SliderFieldRange,O)),"data-testid":j,style:{backgroundColor:String(z)}})),i.createElement(C,{"aria-describedby":_,"aria-labelledby":Z,"aria-valuetext":T,className:r(s.SliderFieldThumb,o(s.SliderFieldThumb,U)),style:{backgroundColor:String(J)}}))),i.createElement(m,{hasError:w,errorMessage:R}))}));T.displayName="SliderField";export{h as SLIDER_LABEL_TEST_ID,j as SLIDER_RANGE_TEST_ID,k as SLIDER_ROOT_TEST_ID,v as SLIDER_TRACK_TEST_ID,T as SliderField};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{useStepper as r}from"./useStepper.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as i}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as l}from"../FieldGroup/FieldGroup.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as o}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{IconAdd as d}from"../Icon/icons/IconAdd.mjs";import{ComponentClassNames as m,ComponentText as p}from"../shared/constants.mjs";import"../View/View.mjs";import{IconRemove as c}from"../Icon/icons/IconRemove.mjs";import{Input as u}from"../Input/Input.mjs";import{Label as b}from"../Label/Label.mjs";import{classNameModifier as F,classNameModifierByFlag as f}from"@aws-amplify/ui";import{splitPrimitiveProps as j}from"../utils/splitPrimitiveProps.mjs";import{useStableId as I}from"../utils/useStableId.mjs";const h="decrease-icon",S="increase-icon",v=t.forwardRef(((v,B)=>{const{className:E,defaultValue:g,descriptiveText:D,errorMessage:y,hasError:C=!1,id:L,inputStyles:O,isDisabled:R,isReadOnly:N,isRequired:V,increaseButtonLabel:x=p.StepperField.increaseButtonLabel,decreaseButtonLabel:z=p.StepperField.decreaseButtonLabel,label:G,labelHidden:w=!1,onStepChange:H,size:M,testId:$,value:q,variation:P}=v,T=e(v,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),k=I(L),W=I(),A=D?W:void 0,{styleProps:J,rest:K}=j(T),{step:Q,value:U,inputValue:X,handleDecrease:Y,handleIncrease:Z,handleOnBlur:_,handleOnChange:ee,handleOnWheel:te,setInputValue:ae,shouldDisableDecreaseButton:re,shouldDisableIncreaseButton:ie}=r(Object.assign(Object.assign({},v),{defaultValue:g,onStepChange:H}));return t.useEffect((()=>{void 0!==q&&ae(q)}),[q,ae]),t.createElement(n,Object.assign({className:a(m.Field,F(m.Field,M),m.StepperField,E),"data-size":M,"data-variation":P,testId:$},J),t.createElement(b,{htmlFor:k,visuallyHidden:w},G),t.createElement(i,{id:W,labelHidden:w,descriptiveText:D}),t.createElement(l,{outerStartComponent:t.createElement(o,{"aria-controls":k,ariaLabel:`${z} ${U-Q}`,className:a(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,P),f(m.StepperFieldButtonDecrease,"disabled",re)),"data-invalid":C,isDisabled:re,onClick:Y,size:M},t.createElement(c,{"data-testid":h})),outerEndComponent:t.createElement(o,{"aria-controls":k,ariaLabel:`${x} ${U+Q}`,className:a(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,P),f(m.StepperFieldButtonIncrease,"disabled",ie)),"data-invalid":C,isDisabled:ie,onClick:Z,size:M},t.createElement(d,{"data-testid":S}))},t.createElement(u,Object.assign({"aria-describedby":A,className:m.StepperFieldInput,hasError:C,id:k,isDisabled:R,isReadOnly:N,isRequired:V,onBlur:_,onChange:ee,onWheel:te,ref:B,size:M,variation:P,type:"number",value:X},O,K))),t.createElement(s,{hasError:C,errorMessage:y}))}));v.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,v as StepperField};
1
+ import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{useStepper as i}from"./useStepper.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as a}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as o}from"../FieldGroup/FieldGroup.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as l}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as n}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import{IconAdd as m}from"../Icon/icons/IconAdd.mjs";import{ComponentClassNames as p,ComponentText as c}from"../shared/constants.mjs";import"../View/View.mjs";import{IconRemove as u}from"../Icon/icons/IconRemove.mjs";import{Input as b}from"../Input/Input.mjs";import{Label as F}from"../Label/Label.mjs";import{classNameModifier as f,classNameModifierByFlag as I}from"@aws-amplify/ui";import{splitPrimitiveProps as j}from"../utils/splitPrimitiveProps.mjs";import{useStableId as v}from"../utils/useStableId.mjs";const h="decrease-icon",S="increase-icon",B=t.forwardRef(((B,E)=>{var g,D;const{className:y,defaultValue:C,descriptiveText:L,errorMessage:O,hasError:x=!1,id:R,inputStyles:N,isDisabled:V,isReadOnly:z,isRequired:G,increaseButtonLabel:w=c.StepperField.increaseButtonLabel,decreaseButtonLabel:H=c.StepperField.decreaseButtonLabel,label:M,labelHidden:$=!1,onStepChange:q,size:P,testId:T,value:k,variation:W}=B,A=e(B,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),J=v(R),K=v(),Q=L?K:void 0,{styleProps:U,rest:X}=j(A),Y=d("stepperField"),{step:Z,value:_,inputValue:ee,handleDecrease:te,handleIncrease:re,handleOnBlur:ie,handleOnChange:ae,handleOnWheel:se,setInputValue:oe,shouldDisableDecreaseButton:le,shouldDisableIncreaseButton:ne}=i(Object.assign(Object.assign({},B),{defaultValue:C,onStepChange:q}));return t.useEffect((()=>{void 0!==k&&oe(k)}),[k,oe]),t.createElement(n,Object.assign({className:r(p.Field,f(p.Field,P),p.StepperField,y),"data-size":P,"data-variation":W,testId:T},U),t.createElement(F,{htmlFor:J,visuallyHidden:$},M),t.createElement(a,{id:K,labelHidden:$,descriptiveText:L}),t.createElement(o,{outerStartComponent:t.createElement(l,{"aria-controls":J,ariaLabel:`${H} ${_-Z}`,className:r(p.StepperFieldButtonDecrease,f(p.StepperFieldButtonDecrease,W),I(p.StepperFieldButtonDecrease,"disabled",le)),"data-invalid":x,isDisabled:le,onClick:te,size:P},null!==(g=null==Y?void 0:Y.remove)&&void 0!==g?g:t.createElement(u,{"data-testid":h})),outerEndComponent:t.createElement(l,{"aria-controls":J,ariaLabel:`${w} ${_+Z}`,className:r(p.StepperFieldButtonIncrease,f(p.StepperFieldButtonIncrease,W),I(p.StepperFieldButtonIncrease,"disabled",ne)),"data-invalid":x,isDisabled:ne,onClick:re,size:P},null!==(D=null==Y?void 0:Y.add)&&void 0!==D?D:t.createElement(m,{"data-testid":S}))},t.createElement(b,Object.assign({"aria-describedby":Q,className:p.StepperFieldInput,hasError:x,id:J,isDisabled:V,isReadOnly:z,isRequired:G,onBlur:ie,onChange:ae,onWheel:se,ref:E,size:P,variation:W,type:"number",value:ee},N,X))),t.createElement(s,{hasError:x,errorMessage:O}))}));B.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,B as StepperField};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifierByFlag as s,classNameModifier as i}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as l}from"../Flex/Flex.mjs";import"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import{FieldErrorMessage as o}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{Input as c}from"../Input/Input.mjs";import{Label as d}from"../Label/Label.mjs";import{useStableId as m}from"../utils/useStableId.mjs";import{useSwitch as n}from"./useSwitch.mjs";import{View as h}from"../View/View.mjs";import{VisuallyHidden as p}from"../VisuallyHidden/VisuallyHidden.mjs";const b=a.forwardRef(((b,u)=>{var{className:k,defaultChecked:f,id:C,isChecked:w,isDisabled:F,isLabelHidden:S,label:j,labelPosition:g,name:E,onChange:N,size:T,thumbColor:y,trackCheckedColor:H,trackColor:L,value:v,hasError:x,errorMessage:D}=b,I=e(b,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value","hasError","errorMessage"]);const{isOn:M,changeHandler:V,isFocused:z,setIsFocused:B}=n({onChange:N,isChecked:w,defaultChecked:f,isDisabled:F}),O=m(C),P=S?p:h,W=r(t.SwitchTrack,s(t.SwitchTrack,"checked",M),s(t.SwitchTrack,"disabled",F),s(t.SwitchTrack,"focused",z),s(t.SwitchTrack,"error",x)),R=r(t.SwitchThumb,s(t.SwitchThumb,"checked",M),s(t.SwitchThumb,"disabled",F));return a.createElement(l,Object.assign({className:r(t.SwitchField,i(t.SwitchField,T),k),"data-size":T,"data-label-position":g,ref:u},I),a.createElement(p,null,a.createElement(c,{role:"switch",type:"checkbox",id:O,onChange:V,disabled:F,name:E,checked:M,value:v,onFocus:()=>{B(!0)},onBlur:()=>{B(!1)}})),a.createElement(d,{htmlFor:O,className:r(t.SwitchWrapper,i(t.SwitchWrapper,g)),"data-label-position":g},a.createElement(P,{as:"span",className:t.SwitchLabel},j),a.createElement(h,{as:"span",className:W,"data-checked":M,"data-disabled":F,"data-focused":z,backgroundColor:M?H:L},a.createElement(h,{as:"span",className:R,"data-checked":M,"data-disabled":F,backgroundColor:y}))),a.createElement(o,{hasError:x,errorMessage:D}))}));b.displayName="SwitchField";export{b as SwitchField};
1
+ import{__rest as e}from"tslib";import*as a from"react";import s from"classnames";import{classNameModifierByFlag as r,classNameModifier as i}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as l}from"../Flex/Flex.mjs";import"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import{FieldErrorMessage as o}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{Input as c}from"../Input/Input.mjs";import{Label as d}from"../Label/Label.mjs";import{useStableId as m}from"../utils/useStableId.mjs";import{useSwitch as n}from"./useSwitch.mjs";import{View as h}from"../View/View.mjs";import{VisuallyHidden as p}from"../VisuallyHidden/VisuallyHidden.mjs";import{useFieldset as b}from"../Fieldset/useFieldset.mjs";const u=a.forwardRef(((u,k)=>{var{className:f,defaultChecked:C,id:w,isChecked:F,isDisabled:S,isLabelHidden:j,label:g,labelPosition:E,name:N,onChange:T,size:y,thumbColor:D,trackCheckedColor:H,trackColor:L,value:v,hasError:x,errorMessage:I}=u,M=e(u,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value","hasError","errorMessage"]);const{isOn:V,changeHandler:z,isFocused:B,setIsFocused:O}=n({onChange:T,isChecked:F,defaultChecked:C,isDisabled:S}),{isFieldsetDisabled:P}=b(),W=P||S,R=m(w),q=j?p:h,A=s(t.SwitchTrack,r(t.SwitchTrack,"checked",V),r(t.SwitchTrack,"disabled",W),r(t.SwitchTrack,"focused",B),r(t.SwitchTrack,"error",x)),G=s(t.SwitchThumb,r(t.SwitchThumb,"checked",V),r(t.SwitchThumb,"disabled",W));return a.createElement(l,Object.assign({className:s(t.SwitchField,i(t.SwitchField,y),f),"data-size":y,"data-label-position":E,ref:k},M),a.createElement(p,null,a.createElement(c,{role:"switch",type:"checkbox",id:R,onChange:z,disabled:S,name:N,checked:V,value:v,onFocus:()=>{O(!0)},onBlur:()=>{O(!1)}})),a.createElement(d,{htmlFor:R,className:s(t.SwitchWrapper,i(t.SwitchWrapper,E)),"data-label-position":E},a.createElement(q,{as:"span",className:t.SwitchLabel},g),a.createElement(h,{as:"span",className:A,"data-checked":V,"data-disabled":W,"data-focused":B,backgroundColor:V?H:L},a.createElement(h,{as:"span",className:G,"data-checked":V,"data-disabled":W,backgroundColor:D}))),a.createElement(o,{hasError:x,errorMessage:I}))}));u.displayName="SwitchField";export{u as SwitchField};
@@ -1 +1 @@
1
- import{__rest as a}from"tslib";import*as r from"react";import e from"classnames";import{classNameModifier as i,classNameModifierByFlag as s}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{View as o}from"../View/View.mjs";const m=r.forwardRef(((m,n)=>{var{className:l,isReadOnly:d,isRequired:c,size:f,hasError:p=!1,variation:x}=m,u=a(m,["className","isReadOnly","isRequired","size","hasError","variation"]);const v=e(t.Textarea,t.FieldGroupControl,i(t.Textarea,x),i(t.Textarea,f),s(t.Textarea,"error",p),l);return r.createElement(o,Object.assign({"aria-invalid":p,as:"textarea",className:v,"data-size":f,"data-variation":x,readOnly:d,ref:n,required:c},u))}));m.displayName="TextArea";export{m as TextArea};
1
+ import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifier as i,classNameModifierByFlag as s}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{View as o}from"../View/View.mjs";import{useFieldset as m}from"../Fieldset/useFieldset.mjs";const d=a.forwardRef(((d,l)=>{var{className:n,isDisabled:f,isReadOnly:p,isRequired:c,size:u,hasError:x=!1,variation:b}=d,v=e(d,["className","isDisabled","isReadOnly","isRequired","size","hasError","variation"]);const y=r(t.Textarea,t.FieldGroupControl,i(t.Textarea,b),i(t.Textarea,u),s(t.Textarea,"error",x),n),{isFieldsetDisabled:R}=m();return a.createElement(o,Object.assign({"aria-invalid":x,as:"textarea",className:y,"data-size":u,"data-variation":b,disabled:R||f,readOnly:p,ref:l,required:c},v))}));d.displayName="TextArea";export{d as TextArea};
@@ -1 +1 @@
1
- export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{Image}from"./Image/Image.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{View}from"./View/View.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";
1
+ export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{DropZone}from"./DropZone/DropZone.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Fieldset}from"./Fieldset/Fieldset.mjs";import"./Fieldset/useFieldset.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{IconsProvider}from"./Icon/context/IconsProvider.mjs";import"react";import"./Icon/context/IconsContext.mjs";import"tslib";import"classnames";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{View}from"./View/View.mjs";export{Image}from"./Image/Image.mjs";export{Input}from"./Input/Input.mjs";export{Label}from"./Label/Label.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Message}from"./Message/Message.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";