@aws-amplify/ui-react 4.5.0 → 4.6.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 (33) hide show
  1. package/dist/Field-1dd46eaa.js +1 -0
  2. package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs +1 -1
  3. package/dist/esm/components/AccountSettings/DeleteUser/DeleteUser.mjs +1 -1
  4. package/dist/esm/hooks/useThemeBreakpoint.mjs +1 -0
  5. package/dist/esm/internal.mjs +1 -1
  6. package/dist/esm/primitives/CheckboxField/CheckboxField.mjs +1 -1
  7. package/dist/esm/primitives/Field/Field.mjs +1 -0
  8. package/dist/esm/primitives/RadioGroupField/RadioGroupField.mjs +1 -1
  9. package/dist/esm/primitives/SearchField/SearchField.mjs +1 -1
  10. package/dist/esm/primitives/SelectField/SelectField.mjs +1 -1
  11. package/dist/esm/primitives/SliderField/SliderField.mjs +1 -1
  12. package/dist/esm/primitives/StepperField/StepperField.mjs +1 -1
  13. package/dist/esm/primitives/SwitchField/SwitchField.mjs +1 -1
  14. package/dist/esm/primitives/TextAreaField/TextAreaField.mjs +1 -1
  15. package/dist/esm/primitives/TextField/TextField.mjs +1 -1
  16. package/dist/esm/version.mjs +1 -1
  17. package/dist/index.js +1 -1
  18. package/dist/internal.js +1 -1
  19. package/dist/styles.css +402 -1
  20. package/dist/types/hooks/useThemeBreakpoint.d.ts +2 -0
  21. package/dist/types/internal.d.ts +4 -1
  22. package/dist/types/primitives/Alert/AlertIcon.d.ts +3 -0
  23. package/dist/types/primitives/Field/Field.d.ts +6 -0
  24. package/dist/types/primitives/Field/index.d.ts +1 -0
  25. package/dist/types/primitives/PhoneNumberField/CountryCodeSelect.d.ts +1 -1
  26. package/dist/types/primitives/Rating/Rating.d.ts +1 -1
  27. package/dist/types/primitives/Select/Select.d.ts +1 -1
  28. package/dist/types/primitives/SelectField/SelectField.d.ts +1 -1
  29. package/dist/types/primitives/View/View.d.ts +2 -2
  30. package/dist/types/primitives/shared/responsive/utils.d.ts +1 -1
  31. package/dist/types/version.d.ts +1 -1
  32. package/package.json +3 -3
  33. package/dist/constants-4b28bdd3.js +0 -1
@@ -0,0 +1 @@
1
+ "use strict";var e=require("tslib"),a=require("react"),t=require("@aws-amplify/core"),o=require("aws-amplify"),s=require("@aws-amplify/ui"),n=require("classnames");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var i=r(a),c=l(n);const p=i.createContext({theme:s.createTheme()}),m=e=>void 0===e||void 0===e.theme?s.createTheme():e.theme,d=()=>{const e=i.useContext(p);return m(e)},g={Alert:{className:s.ComponentClassName.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:s.ComponentClassName.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:s.ComponentClassName.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:s.ComponentClassName.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:s.ComponentClassName.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Autocomplete:{className:s.ComponentClassName.Autocomplete,components:["Autocomplete"],description:"Top level element that wraps the Autocomplete primitive"},AutocompleteMenu:{className:s.ComponentClassName.AutocompleteMenu,components:["Autocomplete"],description:"Top level element that wraps the dropdown menu"},AutocompleteMenuEmpty:{className:s.ComponentClassName.AutocompleteMenuEmpty,components:["Autocomplete"],description:"Class applied to the no options slot of menu"},AutocompleteMenuFooter:{className:s.ComponentClassName.AutocompleteMenuFooter,components:["Autocomplete"],description:"Class applied to menu footer"},AutocompleteMenuHeader:{className:s.ComponentClassName.AutocompleteMenuHeader,components:["Autocomplete"],description:"Class applied to menu header"},AutocompleteMenuLoading:{className:s.ComponentClassName.AutocompleteMenuLoading,components:["Autocomplete"],description:"Class applied to the loading slot of menu"},AutocompleteMenuOption:{className:s.ComponentClassName.AutocompleteMenuOption,components:["Autocomplete"],description:"Class applied to each li option"},AutocompleteMenuOptions:{className:s.ComponentClassName.AutocompleteMenuOptions,components:["Autocomplete"],description:"Class applied to ul container element"},Badge:{className:s.ComponentClassName.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:s.ComponentClassName.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:s.ComponentClassName.ButtonGroup},ButtonLoaderWrapper:{className:s.ComponentClassName.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:s.ComponentClassName.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:s.ComponentClassName.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:s.ComponentClassName.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:s.ComponentClassName.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:s.ComponentClassName.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:s.ComponentClassName.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:s.ComponentClassName.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:s.ComponentClassName.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:s.ComponentClassName.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:s.ComponentClassName.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:s.ComponentClassName.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:s.ComponentClassName.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},DialCodeSelect:{className:s.ComponentClassName.DialCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},Divider:{className:s.ComponentClassName.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:s.ComponentClassName.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:s.ComponentClassName.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:s.ComponentClassName.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:s.ComponentClassName.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:s.ComponentClassName.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:s.ComponentClassName.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:s.ComponentClassName.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:s.ComponentClassName.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:s.ComponentClassName.Field},FieldDescription:{className:s.ComponentClassName.FieldDescription},FieldErrorMessage:{className:s.ComponentClassName.FieldErrorMessage},FieldGroup:{className:s.ComponentClassName.FieldGroup},FieldGroupControl:{className:s.ComponentClassName.FieldGroupControl},FieldGroupOuterEnd:{className:s.ComponentClassName.FieldGroupOuterEnd},FieldGroupOuterStart:{className:s.ComponentClassName.FieldGroupOuterStart},FieldGroupInnerEnd:{className:s.ComponentClassName.FieldGroupInnerEnd},FieldGroupInnerStart:{className:s.ComponentClassName.FieldGroupInnerStart},FieldGroupIcon:{className:s.ComponentClassName.FieldGroupIcon},FieldGroupIconButton:{className:s.ComponentClassName.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:s.ComponentClassName.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:s.ComponentClassName.FieldGroupHasInnerStart},FieldShowPassword:{className:s.ComponentClassName.FieldShowPassword},FieldGroupFieldWrapper:{className:s.ComponentClassName.FieldGroupFieldWrapper},FileUploaderDropZone:{className:s.ComponentClassName.FileUploaderDropZone,components:["FileUploader"]},FileUploaderDropZoneIcon:{className:s.ComponentClassName.FileUploaderDropZoneIcon,components:["FileUploader"]},FileUploaderDropZoneText:{className:s.ComponentClassName.FileUploaderDropZoneText,components:["FileUploader"]},FileUploaderDropZoneButton:{className:s.ComponentClassName.FileUploaderDropZoneButton,components:["FileUploader"]},FileUploaderFile:{className:s.ComponentClassName.FileUploaderFile,components:["FileUploader"]},FileUploaderFileWrapper:{className:s.ComponentClassName.FileUploaderFileWrapper,components:["FileUploader"]},FileUploaderFileName:{className:s.ComponentClassName.FileUploaderFileName,components:["FileUploader"]},FileUploaderLoader:{className:s.ComponentClassName.FileUploaderLoader,components:["FileUploader"]},FileUploaderFileSize:{className:s.ComponentClassName.FileUploaderFileSize,components:["FileUploader"]},FileUploaderFileInfo:{className:s.ComponentClassName.FileUploaderFileInfo,components:["FileUploader"]},FileUploaderFileImage:{className:s.ComponentClassName.FileUploaderFileImage,components:["FileUploader"]},FileUploaderFileMain:{className:s.ComponentClassName.FileUploaderFileMain,components:["FileUploader"]},FileUploaderFileStatus:{className:s.ComponentClassName.FileUploaderFileStatus,components:["FileUploader"]},FileUploaderPreviewer:{className:s.ComponentClassName.FileUploaderPreviewer,components:["FileUploader"]},FileUploaderPreviewerText:{className:s.ComponentClassName.FileUploaderPreviewerText,components:["FileUploader"]},FileUploaderPreviewerBody:{className:s.ComponentClassName.FileUploaderPreviewerBody,components:["FileUploader"]},FileUploaderPreviewerFooter:{className:s.ComponentClassName.FileUploaderPreviewerFooter,components:["FileUploader"]},FileUploaderPreviewerFooterActions:{className:s.ComponentClassName.FileUploaderPreviewerFooterActions,components:["FileUploader"]},Flex:{className:s.ComponentClassName.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:s.ComponentClassName.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:s.ComponentClassName.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},HighlightMatch:{className:s.ComponentClassName.HighlightMatch,components:["HighlightMatch"],description:"Top level element that wraps the HighlightMatch primitive"},HighlightMatchHighlighted:{className:s.ComponentClassName.HighlightMatchHighlighted,components:["HighlightMatch"],description:"Class applied to the highlighted text of the HighlightMatch primitive"},Icon:{className:s.ComponentClassName.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:s.ComponentClassName.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:s.ComponentClassName.Input},Label:{className:s.ComponentClassName.Label},Link:{className:s.ComponentClassName.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:s.ComponentClassName.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:s.ComponentClassName.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:s.ComponentClassName.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:s.ComponentClassName.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuContentWrapper:{className:s.ComponentClassName.MenuContentWrapper,components:["Menu"],description:"Menu content wrapper"},MenuItem:{className:s.ComponentClassName.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:s.ComponentClassName.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:s.ComponentClassName.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:s.ComponentClassName.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:s.ComponentClassName.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:s.ComponentClassName.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:s.ComponentClassName.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:s.ComponentClassName.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:s.ComponentClassName.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:s.ComponentClassName.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:s.ComponentClassName.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:s.ComponentClassName.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:s.ComponentClassName.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:s.ComponentClassName.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:s.ComponentClassName.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:s.ComponentClassName.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:s.ComponentClassName.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:s.ComponentClassName.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:s.ComponentClassName.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:s.ComponentClassName.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:s.ComponentClassName.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:s.ComponentClassName.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:s.ComponentClassName.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:s.ComponentClassName.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:s.ComponentClassName.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:s.ComponentClassName.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:s.ComponentClassName.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:s.ComponentClassName.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:s.ComponentClassName.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:s.ComponentClassName.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:s.ComponentClassName.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:s.ComponentClassName.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:s.ComponentClassName.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:s.ComponentClassName.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:s.ComponentClassName.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},StorageManager:{className:s.ComponentClassName.StorageManager,components:["StorageManager"]},StorageManagerDropZone:{className:s.ComponentClassName.StorageManagerDropZone,components:["StorageManager"]},StorageManagerDropZoneIcon:{className:s.ComponentClassName.StorageManagerDropZoneIcon,components:["StorageManager"]},StorageManagerDropZoneText:{className:s.ComponentClassName.StorageManagerDropZoneText,components:["StorageManager"]},StorageManagerFilePicker:{className:s.ComponentClassName.StorageManagerFilePicker,components:["StorageManager"]},StorageManagerFile:{className:s.ComponentClassName.StorageManagerFile,components:["StorageManager"]},StorageManagerFileWrapper:{className:s.ComponentClassName.StorageManagerFileWrapper,components:["StorageManager"]},StorageManagerFileList:{className:s.ComponentClassName.StorageManagerFileList,components:["StorageManager"]},StorageManagerFileName:{className:s.ComponentClassName.StorageManagerFileName,components:["StorageManager"]},StorageManagerLoader:{className:s.ComponentClassName.StorageManagerLoader,components:["StorageManager"]},StorageManagerFileSize:{className:s.ComponentClassName.StorageManagerFileSize,components:["StorageManager"]},StorageManagerFileInfo:{className:s.ComponentClassName.StorageManagerFileInfo,components:["StorageManager"]},StorageManagerFileImage:{className:s.ComponentClassName.StorageManagerFileImage,components:["StorageManager"]},StorageManagerFileMain:{className:s.ComponentClassName.StorageManagerFileMain,components:["StorageManager"]},StorageManagerFileStatus:{className:s.ComponentClassName.StorageManagerFileStatus,components:["StorageManager"]},StorageManagerPreviewer:{className:s.ComponentClassName.StorageManagerPreviewer,components:["StorageManager"]},StorageManagerPreviewerText:{className:s.ComponentClassName.StorageManagerPreviewerText,components:["StorageManager"]},SwitchField:{className:s.ComponentClassName.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:s.ComponentClassName.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:s.ComponentClassName.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:s.ComponentClassName.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:s.ComponentClassName.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:s.ComponentClassName.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:s.ComponentClassName.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:s.ComponentClassName.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:s.ComponentClassName.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:s.ComponentClassName.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:s.ComponentClassName.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:s.ComponentClassName.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:s.ComponentClassName.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:s.ComponentClassName.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:s.ComponentClassName.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:s.ComponentClassName.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:s.ComponentClassName.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:s.ComponentClassName.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:s.ComponentClassName.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:s.ComponentClassName.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:s.ComponentClassName.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:s.ComponentClassName.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},u={Alert:g.Alert.className,AlertIcon:g.AlertIcon.className,AlertHeading:g.AlertHeading.className,AlertBody:g.AlertBody.className,AlertDismiss:g.AlertDismiss.className,Autocomplete:g.Autocomplete.className,AutocompleteMenu:g.AutocompleteMenu.className,AutocompleteMenuEmpty:g.AutocompleteMenuEmpty.className,AutocompleteMenuFooter:g.AutocompleteMenuFooter.className,AutocompleteMenuHeader:g.AutocompleteMenuHeader.className,AutocompleteMenuLoading:g.AutocompleteMenuLoading.className,AutocompleteMenuOption:g.AutocompleteMenuOption.className,AutocompleteMenuOptions:g.AutocompleteMenuOptions.className,Badge:g.Badge.className,Button:g.Button.className,ButtonGroup:g.ButtonGroup.className,ButtonLoaderWrapper:g.ButtonLoaderWrapper.className,Card:g.Card.className,Checkbox:g.Checkbox.className,CheckboxButton:g.CheckboxButton.className,CheckboxIcon:g.CheckboxIcon.className,CheckboxInput:g.CheckboxInput.className,CheckboxLabel:g.CheckboxLabel.className,CheckboxField:g.CheckboxField.className,Collection:g.Collection.className,CollectionItems:g.CollectionItems.className,CollectionSearch:g.CollectionSearch.className,CollectionPagination:g.CollectionPagination.className,CountryCodeSelect:g.CountryCodeSelect.className,DialCodeSelect:g.DialCodeSelect.className,Divider:g.Divider.className,DividerLabel:g.DividerLabel.className,Expander:g.Expander.className,ExpanderContent:g.ExpanderContent.className,ExpanderContentText:g.ExpanderContentText.className,ExpanderHeader:g.ExpanderHeader.className,ExpanderIcon:g.ExpanderIcon.className,ExpanderItem:g.ExpanderItem.className,ExpanderTrigger:g.ExpanderTrigger.className,Field:g.Field.className,FieldDescription:g.FieldDescription.className,FieldErrorMessage:g.FieldErrorMessage.className,FieldGroup:g.FieldGroup.className,FieldGroupControl:g.FieldGroupControl.className,FieldGroupOuterEnd:g.FieldGroupOuterEnd.className,FieldGroupOuterStart:g.FieldGroupOuterStart.className,FieldGroupInnerEnd:g.FieldGroupInnerEnd.className,FieldGroupInnerStart:g.FieldGroupInnerStart.className,FieldGroupIcon:g.FieldGroupIcon.className,FieldGroupIconButton:g.FieldGroupIconButton.className,FieldGroupHasInnerEnd:g.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:g.FieldGroupHasInnerStart.className,FieldShowPassword:g.FieldShowPassword.className,FieldGroupFieldWrapper:g.FieldGroupFieldWrapper.className,FileUploaderDropZone:g.FileUploaderDropZone.className,FileUploaderDropZoneIcon:g.FileUploaderDropZoneIcon.className,FileUploaderDropZoneText:g.FileUploaderDropZoneText.className,FileUploaderDropZoneButton:g.FileUploaderDropZoneButton.className,FileUploaderFile:g.FileUploaderFile.className,FileUploaderFileWrapper:g.FileUploaderFileWrapper.className,FileUploaderFileName:g.FileUploaderFileName.className,FileUploaderLoader:g.FileUploaderLoader.className,FileUploaderFileSize:g.FileUploaderFileSize.className,FileUploaderFileInfo:g.FileUploaderFileInfo.className,FileUploaderFileImage:g.FileUploaderFileImage.className,FileUploaderFileMain:g.FileUploaderFileMain.className,FileUploaderFileStatus:g.FileUploaderFileStatus.className,FileUploaderPreviewer:g.FileUploaderPreviewer.className,FileUploaderPreviewerText:g.FileUploaderPreviewerText.className,FileUploaderPreviewerBody:g.FileUploaderPreviewerBody.className,FileUploaderPreviewerFooter:g.FileUploaderPreviewerFooter.className,FileUploaderPreviewerFooterActions:g.FileUploaderPreviewerFooterActions.className,Flex:g.Flex.className,Grid:g.Grid.className,Heading:g.Heading.className,HighlightMatch:g.HighlightMatch.className,HighlightMatchHighlighted:g.HighlightMatchHighlighted.className,Icon:g.Icon.className,Image:g.Image.className,Input:g.Input.className,Label:g.Label.className,Link:g.Link.className,Loader:g.Loader.className,LoaderDeterminate:g.LoaderDeterminate.className,LoaderPercentageText:g.LoaderPercentageText.className,MenuContent:g.MenuContent.className,MenuContentWrapper:g.MenuContentWrapper.className,MenuItem:g.MenuItem.className,MenuTrigger:g.MenuTrigger.className,Pagination:g.Pagination.className,PaginationItemButton:g.PaginationItemButton.className,PaginationItemCurrent:g.PaginationItemCurrent.className,PaginationItemEllipsis:g.PaginationItemEllipsis.className,PasswordField:g.PasswordField.className,PhoneNumberField:g.PhoneNumberField.className,Placeholder:g.Placeholder.className,Radio:g.Radio.className,RadioButton:g.RadioButton.className,RadioInput:g.RadioInput.className,RadioLabel:g.RadioLabel.className,RadioGroupField:g.RadioGroupField.className,RadioGroup:g.RadioGroup.className,Rating:g.Rating.className,ScrollView:g.ScrollView.className,SearchField:g.SearchField.className,SearchFieldClear:g.SearchFieldClear.className,SearchFieldSearch:g.SearchFieldSearch.className,Select:g.Select.className,SelectField:g.SelectField.className,SelectWrapper:g.SelectWrapper.className,SelectIconWrapper:g.SelectIconWrapper.className,SliderField:g.SliderField.className,SliderFieldGroup:g.SliderFieldGroup.className,SliderFieldLabel:g.SliderFieldLabel.className,SliderFieldRange:g.SliderFieldRange.className,SliderFieldRoot:g.SliderFieldRoot.className,SliderFieldThumb:g.SliderFieldThumb.className,SliderFieldTrack:g.SliderFieldTrack.className,StepperField:g.StepperField.className,StepperFieldButtonDecrease:g.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:g.StepperFieldButtonIncrease.className,StepperFieldInput:g.StepperFieldInput.className,StorageManager:g.StorageManager.className,StorageManagerDropZone:g.StorageManagerDropZone.className,StorageManagerDropZoneIcon:g.StorageManagerDropZoneIcon.className,StorageManagerDropZoneText:g.StorageManagerDropZoneText.className,StorageManagerFilePicker:g.StorageManagerFilePicker.className,StorageManagerFile:g.StorageManagerFile.className,StorageManagerFileWrapper:g.StorageManagerFileWrapper.className,StorageManagerFileList:g.StorageManagerFileList.className,StorageManagerFileName:g.StorageManagerFileName.className,StorageManagerLoader:g.StorageManagerLoader.className,StorageManagerFileSize:g.StorageManagerFileSize.className,StorageManagerFileInfo:g.StorageManagerFileInfo.className,StorageManagerFileImage:g.StorageManagerFileImage.className,StorageManagerFileMain:g.StorageManagerFileMain.className,StorageManagerFileStatus:g.StorageManagerFileStatus.className,StorageManagerPreviewer:g.StorageManagerPreviewer.className,StorageManagerPreviewerText:g.StorageManagerPreviewerText.className,SwitchField:g.SwitchField.className,SwitchLabel:g.SwitchLabel.className,SwitchThumb:g.SwitchThumb.className,SwitchTrack:g.SwitchTrack.className,SwitchWrapper:g.SwitchWrapper.className,Table:g.Table.className,TableCaption:g.TableCaption.className,TableBody:g.TableBody.className,TableTd:g.TableTd.className,TableTh:g.TableTh.className,TableFoot:g.TableFoot.className,TableHead:g.TableHead.className,TableRow:g.TableRow.className,Tabs:g.Tabs.className,TabItems:g.TabItems.className,Text:g.Text.className,Textarea:g.Textarea.className,TextAreaField:g.TextAreaField.className,TextField:g.TextField.className,ToggleButton:g.ToggleButton.className,ToggleButtonGroup:g.ToggleButtonGroup.className,VisuallyHidden:g.VisuallyHidden.className},h={Alert:{dismissButtonLabel:"Dismiss alert"},Autocomplete:{emptyText:"No options found",loadingText:"Loading options..."},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},N={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},C=e=>"string"==typeof e&&0===e.length,F=e=>null==e||C(e),w=e=>Object.keys(e),S=(e,a,t)=>{if("string"!=typeof a)return a;if(a.includes(" "))return a.split(" ").map((a=>S(e,a,t))).join(" ");if(e in N){const o=a.split(".");let n=t[N[e]];for(let e=0;e<o.length&&n;e++)n=n[o[e]];return s.isDesignToken(n)?`var(--${s.cssNameTransform({path:[N[e],...o]})})`:a}return a},b="undefined"==typeof window?i.useEffect:i.useLayoutEffect,x=({breakpoints:e,defaultBreakpoint:a})=>{const t="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,o=i.useMemo((()=>(({breakpoints:e})=>{const a=w(e).sort(((a,t)=>e[t]-e[a]));return a.map(((t,o)=>{let s="";const n=e[t],l=a[o-1],r=l?e[l]-1:null;return n>=0&&(s=`(min-width: ${n}px)`),null!==r&&(s&&(s+=" and "),s+=`(max-width: ${r}px)`),{breakpoint:t,query:s,maxWidth:r,minWidth:n}}))})({breakpoints:e})),[e]),[s,n]=i.useState(a),l=i.useCallback(((e,a)=>{e&&n(a)}),[n]);return b((()=>{if(!t)return;const e=o.map((({query:e,breakpoint:a})=>{const o=t(e);l(o.matches,a);const s=e=>{e.matches&&n(a)};return o.addEventListener("change",s),()=>o.removeEventListener("change",s)}));return()=>{e.forEach((e=>e()))}}),[e,n,t,o]),i.useDebugValue(s,(e=>e)),s},v="undefined"!=typeof Symbol&&s.isFunction(Symbol.for)?Symbol.for("amplify_default"):"@@amplify_default",f={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlock:"marginBlock",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInline:"marginInline",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlock:"paddingBlock",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInline:"paddingInline",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},T=Object.keys(f),M=({breakpoint:e,breakpoints:a,values:t})=>{let o={};const n=w(a).sort(((e,t)=>a[e]-a[t]));var l;return Array.isArray(t)?t.forEach(((e,a)=>{o[n[a]]=e})):"object"==typeof t&&(o=w(l=t).reduce(((e,a)=>a in s.defaultTheme.breakpoints.values?Object.assign(Object.assign({},e),{[a]:l[a]}):e),{})),(({breakpoint:e,breakpoints:a,values:t})=>{const o=t[e];if(void 0!==o)return o;const s=w(a).sort(((e,t)=>a[t]-a[e])),n=s.slice(s.indexOf(e));for(const e of n){const a=t[e];if(void 0!==a)return a}return null})({breakpoint:e,breakpoints:a,values:o})},I=({value:e,propKey:a,tokens:t})=>s.isDesignToken(e)?e.toString():s.isString(e)?s.isString(a)?S(a,e,t):e:null,E=e=>"auto"===e?"auto":`span ${e}`,L=e=>(e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e)?E(e):Array.isArray(e)?e.map((e=>E(e))):"object"==typeof e&&null!=e?Object.entries(e).reduce(((e,[a,t])=>Object.assign(Object.assign({},e),{[a]:E(t)})),{}):null,y=({props:e={},style:a={},breakpoint:t,breakpoints:o,tokens:n})=>{const l={};return Object.keys(e).filter((a=>null!==e[a])).forEach((r=>{if(r in f){const l=e[r];if(!l||C(l))return;const i=f[r];let c="";s.isDesignToken(l)?c=l.toString():"string"==typeof l?c=S(r,l,n):"number"==typeof l?c=l:"object"==typeof l&&(c=I({propKey:r,tokens:n,value:M({values:l,breakpoint:t,breakpoints:o})})),a=Object.assign(Object.assign({},a),{[i]:c})}else void 0!==e[r]&&(l[r]=e[r])})),{propStyles:a,nonStyleProps:l}},B=(a,t)=>{const{breakpoints:{values:o,defaultBreakpoint:s},tokens:n}=d(),l=x({breakpoints:o,defaultBreakpoint:s}),r=(a=>{const{rowSpan:t,columnSpan:o,row:s,column:n}=a,l=e.__rest(a,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:r,columnFromSpanValue:c}=i.useMemo((()=>({rowFromSpanValue:L(t),columnFromSpanValue:L(o)})),[t,o]);return Object.assign({row:F(s)?r:s,column:F(n)?c:n},l)})(a);return i.useMemo((()=>y({props:r,style:t,breakpoint:l,breakpoints:o,tokens:n})),[r,t,o,l,n])},k=i.forwardRef(((a,t)=>{var{as:o="div",children:s,testId:n,ariaLabel:l,isDisabled:r,style:c,inert:p}=a,m=e.__rest(a,["as","children","testId","ariaLabel","isDisabled","style","inert"]);const{propStyles:d,nonStyleProps:g}=B(m,c);return i.createElement(o,Object.assign({"aria-label":l,"data-testid":n,disabled:r,ref:t,inert:p?"":null,style:d},g),s)}));k.displayName="View";const H=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})))},A=a=>{const{className:t,size:o}=a,s=e.__rest(a,["className","size"]);return i.createElement(k,Object.assign({as:"span",width:null!=o?o:"1em",height:null!=o?o:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:o?{width:o,height:o}:void 0},i.createElement("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})))},P=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})))},G=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})))},U=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})))},R=({variation:e,ariaHidden:a})=>{switch(e){case"info":return i.createElement(G,{"aria-hidden":a,className:u.AlertIcon});case"error":return i.createElement(P,{"aria-hidden":a,className:u.AlertIcon});case"warning":return i.createElement(U,{"aria-hidden":a,className:u.AlertIcon});case"success":return i.createElement(H,{"aria-hidden":a,className:u.AlertIcon});default:return null}};R.displayName="AlertIcon";const D=i.forwardRef(((a,t)=>{var{className:o,children:s,isVisible:n=!0,excludeFromTabOrder:l=!1}=a,r=e.__rest(a,["className","children","isVisible","excludeFromTabOrder"]);return n?i.createElement(k,Object.assign({className:c.default(u.FieldGroupIcon,o),ref:t,tabIndex:l?-1:void 0},r),s):null}));D.displayName="FieldGroupIcon";const O=i.forwardRef(((a,t)=>{var{className:o,children:s}=a,n=e.__rest(a,["className","children"]);return i.createElement(k,Object.assign({className:c.default(u.Flex,o),ref:t},n),s)}));O.displayName="Flex";const _=84*Math.PI,j=i.forwardRef(((a,t)=>{var{className:o,filledColor:n,emptyColor:l,size:r,variation:p,isDeterminate:m=!1,isPercentageTextHidden:d=!1,percentage:g=0}=a,h=e.__rest(a,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);g=Math.min(g,100);const N=`${g=Math.max(g,0)}%`,C=c.default(u.Loader,s.classNameModifier(u.Loader,r),s.classNameModifier(u.Loader,p),m?u.LoaderDeterminate:null,o),F=i.createElement("g",null,i.createElement("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(l)},"data-testid":"linear-empty"}),i.createElement("line",{x1:"0",x2:m?N:"100%",y1:"50%",y2:"50%",style:{stroke:m&&0===g?"none":n?String(n):void 0},"data-testid":"linear-filled"}),m?i.createElement("text",{"aria-live":"polite",className:c.default(u.LoaderPercentageText,d?u.VisuallyHidden:null),x:`${-1+g}%`,y:"200%"},N):null),w=i.createElement("g",null,i.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(l)},"data-testid":"circular-empty"}),i.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(n),strokeDasharray:m?`${_}% ${_}%`:void 0,strokeDashoffset:m?_-_*g/100+"%":void 0},"data-testid":"circular-filled"}),m?i.createElement("text",{"aria-live":"polite",className:c.default(u.LoaderPercentageText,d?u.VisuallyHidden:null),x:"130%",y:"80%"},N):null);return i.createElement(k,Object.assign({as:"svg",className:C,"data-size":r,"data-variation":p,ref:t,role:"img"},h),"linear"===p?F:w)}));j.displayName="Loader";const V=i.forwardRef(((a,t)=>{var o,{className:n,children:l,isFullWidth:r=!1,isDisabled:p,isLoading:m,loadingText:d="",size:g,type:h="button",variation:N}=a,C=e.__rest(a,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=c.default(u.Button,u.FieldGroupControl,s.classNameModifier(u.Button,N),s.classNameModifier(u.Button,g),s.classNameModifierByFlag(u.Button,"disabled",null!==(o=null!=p?p:m)&&void 0!==o?o:C.disabled),s.classNameModifierByFlag(u.Button,"loading",m),s.classNameModifierByFlag(u.Button,"fullwidth",r),n);return i.createElement(k,Object.assign({ref:t,as:"button",className:F,"data-fullwidth":r,"data-loading":m,"data-size":g,"data-variation":N,isDisabled:null!=p?p:m,type:h},C),m?i.createElement(O,{as:"span",className:u.ButtonLoaderWrapper},i.createElement(j,{size:g}),d||null):l)}));V.displayName="Button";const Z=i.forwardRef(((a,t)=>{var{children:o,className:s}=a,n=e.__rest(a,["children","className"]);return i.createElement(D,Object.assign({as:V,className:c.default(u.FieldGroupIconButton,s),ref:t},n),o)}));Z.displayName="FieldGroupIconButton";const W=h.Fields.clearButtonLabel,z=i.forwardRef(((a,t)=>{var{ariaLabel:o=W,size:s}=a,n=e.__rest(a,["ariaLabel","size"]);return i.createElement(Z,Object.assign({ariaLabel:o,size:s,ref:t},n),i.createElement(A,null))}));z.displayName="FieldClearButton";const q=i.forwardRef(((a,t)=>{var{as:o="p",className:n,children:l,isTruncated:r,variation:p}=a,m=e.__rest(a,["as","className","children","isTruncated","variation"]);const d=c.default(u.Text,s.classNameModifier(u.Text,p),s.classNameModifierByFlag(u.Text,"truncated",r),n);return i.createElement(k,Object.assign({as:o,className:d,"data-truncate":r,"data-variation":p,ref:t},m),l)}));q.displayName="Text";const $=a=>{var{descriptiveText:t,labelHidden:o}=a,s=e.__rest(a,["descriptiveText","labelHidden"]);return t?i.createElement(q,Object.assign({"data-testid":"qa-field-description",className:c.default(u.FieldDescription,{[u.VisuallyHidden]:o})},s),t):null};$.displayName="FieldDescription";const K=a=>{var{errorMessage:t,hasError:o}=a,s=e.__rest(a,["errorMessage","hasError"]);return o&&t?i.createElement(q,Object.assign({className:u.FieldErrorMessage},s),t):null};K.displayName="FieldErrorMessage";const Y=i.forwardRef(((a,t)=>{var{children:o,className:s,visuallyHidden:n}=a,l=e.__rest(a,["children","className","visuallyHidden"]);return i.createElement(k,Object.assign({as:"label",className:c.default(u.Label,s,{[u.VisuallyHidden]:n}),ref:t},l),o)}));Y.displayName="Label";const J=i.forwardRef(((a,t)=>{const{className:o,size:n,testId:l,children:r,label:p,labelHidden:m,errorMessage:d,hasError:g,descriptiveText:h}=a,N=e.__rest(a,["className","size","testId","children","label","labelHidden","errorMessage","hasError","descriptiveText"]);return i.createElement(O,Object.assign({className:c.default(u.Field,s.classNameModifier(u.Field,n),o),"data-size":n,testId:l,ref:t},N),p?i.createElement(Y,{visuallyHidden:m},p):null,i.createElement($,{labelHidden:m,descriptiveText:h}),r,d?i.createElement(K,{hasError:g,errorMessage:d}):null)}));J.displayName="Field",exports.AMPLIFY_SYMBOL=v,exports.ARROW_DOWN="ArrowDown",exports.ARROW_UP="ArrowUp",exports.AlertIcon=R,exports.AmplifyContext=p,exports.Button=V,exports.ComponentClassNames=u,exports.ComponentClassObject=g,exports.ComponentPropsToStylePropsMap=f,exports.ComponentPropsToStylePropsMapKeys=T,exports.ComponentText=h,exports.ENTER_KEY="Enter",exports.ESCAPE_KEY="Escape",exports.Field=J,exports.FieldClearButton=z,exports.FieldDescription=$,exports.FieldErrorMessage=K,exports.FieldGroupIcon=D,exports.FieldGroupIconButton=Z,exports.Flex=O,exports.IconAdd=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})))},exports.IconCheck=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})))},exports.IconCheckCircle=H,exports.IconChevronLeft=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})))},exports.IconChevronRight=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})))},exports.IconClose=A,exports.IconEdit=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M3 21h3.75L17.81 9.94l-3.75-3.75L3 17.25V21zm2-2.92l9.06-9.06.92.92L5.92 19H5v-.92zM18.37 3.29a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83a.996.996 0 000-1.41l-2.34-2.34z",fill:"currentColor"})))},exports.IconError=P,exports.IconExpandMore=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})))},exports.IconFile=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z",fill:"currentColor"})))},exports.IconIndeterminate=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},i.createElement("line",{x1:"4",x2:"20",y1:"12",y2:"12",stroke:"currentColor",strokeWidth:"3"})))},exports.IconInfo=G,exports.IconMenu=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})))},exports.IconRemove=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})))},exports.IconSearch=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})))},exports.IconStar=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})))},exports.IconUpload=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z",fill:"currentColor"})))},exports.IconVisibility=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})))},exports.IconVisibilityOff=a=>{const{className:t}=a,o=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z",fill:"currentColor"})))},exports.IconWarning=U,exports.Label=Y,exports.Loader=j,exports.Text=q,exports.View=k,exports.getConsecutiveIntArray=(e,a)=>{const t=a-e+1;return Array.from({length:t},((a,t)=>t+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(a=e)&&null!==a&&"message"in a&&"string"==typeof a.message)return e;var a;try{return new Error(JSON.stringify(e))}catch(a){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const a=new FormData(e.target);return Object.fromEntries(a)},exports.getStyleValue=I,exports.getThemeFromContext=m,exports.getValueAtCurrentBreakpoint=M,exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useAuth=()=>{const[a,s]=i.useState({error:void 0,isLoading:!0,user:void 0}),n=i.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){s((e=>Object.assign(Object.assign({},e),{isLoading:!0})));try{const e=yield o.Auth.currentAuthenticatedUser();s({user:e,isLoading:!1})}catch(e){s({error:e,isLoading:!1})}}))),[]),l=i.useCallback((({payload:e})=>{switch(e.event){case"signIn":case"signUp":case"autoSignIn":s({user:e.data,isLoading:!1});break;case"signOut":s({user:void 0,isLoading:!1});break;case"tokenRefresh_failure":case"signIn_failure":s({error:e.data,isLoading:!1});break;case"autoSignIn_failure":s({error:new Error(e.message),isLoading:!1});break;case"tokenRefresh":n()}}),[n]);return i.useEffect((()=>{const e=t.Hub.listen("auth",l,"useAuth");return n(),e}),[l,n]),Object.assign(Object.assign({},a),{fetch:n})},exports.useBreakpoint=x,exports.useStyles=B,exports.useTheme=d;
@@ -1 +1 @@
1
- import{__awaiter as e}from"tslib";import i from"react";import r from"lodash/isEqual.js";import{Logger as s}from"aws-amplify";import{getDefaultPasswordValidators as t,runFieldValidators as o,getDefaultConfirmPasswordValidators as m,translate as a,changePassword as n}from"@aws-amplify/ui";import{useAuth as l}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/storage";import"classnames";import"../../../primitives/shared/constants.mjs";import{View as p}from"../../../primitives/View/View.mjs";import"../../../helpers/constants.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as d}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as u}from"../constants.mjs";import c from"./defaults.mjs";const v=new s("ChangePassword");function w({onSuccess:s,onError:w,validators:j,components:g}){const[P,f]=i.useState(null),[F,b]=i.useState({}),[h,T]=i.useState({}),C=i.useRef([]),{user:B,isLoading:S}=l(),E=((e,i)=>{var r,s;const{currentPassword:t,newPassword:o,confirmPassword:m}=e;return!(t&&o&&m)||((null===(r=i.newPassword)||void 0===r?void 0:r.length)>0||(null===(s=i.confirmPassword)||void 0===s?void 0:s.length)>0)})(F,h),y=i.useMemo((()=>null!=j?j:t()),[j]),x=i.useCallback((({formValues:e,eventType:i})=>{const{newPassword:r}=e,s=C.current.includes("newPassword");return o({value:r,validators:y,eventType:i,hasBlurred:s})}),[y]),M=i.useCallback((({formValues:e,eventType:i})=>{const{newPassword:r,confirmPassword:s}=e,t=C.current.includes("confirmPassword"),a=m(r);return o({value:s,validators:a,eventType:i,hasBlurred:t})}),[]),G=i.useCallback((e=>{const i={newPassword:x(e),confirmPassword:M(e)};r(h,i)||T(i)}),[M,x,h]),V=a("Current Password"),R=a("New Password"),I=a("Confirm Password"),k=a("Update password"),{CurrentPasswordField:A,NewPasswordField:H,ConfirmPasswordField:N,SubmitButton:D,ErrorMessage:q}=i.useMemo((()=>Object.assign(Object.assign({},c),null!=g?g:{})),[g]),L=e=>{e.preventDefault();const{name:i,value:r}=e.target,s=Object.assign(Object.assign({},F),{[i]:r});G({formValues:s,eventType:"change"}),b(s)},O=e=>{e.preventDefault();const{name:i}=e.target;if(!C.current.includes(i)){const e=[...C.current,i];C.current=e,G({formValues:F,eventType:"blur"})}};return S?null:B?i.createElement(p,{as:"form",className:u.ChangePassword,onSubmit:i=>e(this,void 0,void 0,(function*(){if(i.preventDefault(),!B)return;const{currentPassword:e,newPassword:r}=F;P&&f(null);try{yield n({user:B,currentPassword:e,newPassword:r}),null==s||s()}catch(e){const i=e;i.message&&f(i.message),null==w||w(i)}}))},i.createElement(d,{direction:"column"},i.createElement(A,{autoComplete:"current-password",isRequired:!0,label:V,name:"currentPassword",onBlur:O,onChange:L}),i.createElement(H,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.newPassword,isRequired:!0,label:R,name:"newPassword",onBlur:O,onChange:L}),i.createElement(N,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.confirmPassword,isRequired:!0,label:I,name:"confirmPassword",onBlur:O,onChange:L}),i.createElement(D,{isDisabled:E,type:"submit"},k),P?i.createElement(q,null,P):null)):(v.warn("<ChangePassword /> requires user to be authenticated."),null)}w.CurrentPasswordField=c.CurrentPasswordField,w.NewPasswordField=c.NewPasswordField,w.ConfirmPasswordField=c.ConfirmPasswordField,w.SubmitButton=c.SubmitButton,w.ErrorMessage=c.ErrorMessage;export{w as default};
1
+ import{__awaiter as i}from"tslib";import e from"react";import r from"lodash/isEqual.js";import{Logger as t}from"aws-amplify";import{getDefaultPasswordValidators as s,runFieldValidators as o,getDefaultConfirmPasswordValidators as m,translate as a,changePassword as l}from"@aws-amplify/ui";import{useAuth as n}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/storage";import"../../ThemeProvider/AmplifyContext.mjs";import"../../../primitives/shared/constants.mjs";import"../../../helpers/constants.mjs";import"../../../primitives/Alert/AlertIcon.mjs";import"classnames";import{View as p}from"../../../primitives/View/View.mjs";import"../../../primitives/Field/FieldClearButton.mjs";import"../../../primitives/Field/FieldDescription.mjs";import"../../../primitives/Field/FieldErrorMessage.mjs";import"../../../primitives/Field/Field.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as d}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as u}from"../constants.mjs";import c from"./defaults.mjs";const v=new t("ChangePassword");function w({onSuccess:t,onError:w,validators:j,components:F}){const[g,P]=e.useState(null),[f,b]=e.useState({}),[h,T]=e.useState({}),C=e.useRef([]),{user:B,isLoading:S}=n(),E=((i,e)=>{var r,t;const{currentPassword:s,newPassword:o,confirmPassword:m}=i;return!(s&&o&&m)||((null===(r=e.newPassword)||void 0===r?void 0:r.length)>0||(null===(t=e.confirmPassword)||void 0===t?void 0:t.length)>0)})(f,h),y=e.useMemo((()=>null!=j?j:s()),[j]),x=e.useCallback((({formValues:i,eventType:e})=>{const{newPassword:r}=i,t=C.current.includes("newPassword");return o({value:r,validators:y,eventType:e,hasBlurred:t})}),[y]),M=e.useCallback((({formValues:i,eventType:e})=>{const{newPassword:r,confirmPassword:t}=i,s=C.current.includes("confirmPassword"),a=m(r);return o({value:t,validators:a,eventType:e,hasBlurred:s})}),[]),G=e.useCallback((i=>{const e={newPassword:x(i),confirmPassword:M(i)};r(h,e)||T(e)}),[M,x,h]),V=a("Current Password"),I=a("New Password"),R=a("Confirm Password"),A=a("Update password"),{CurrentPasswordField:k,NewPasswordField:D,ConfirmPasswordField:H,SubmitButton:N,ErrorMessage:q}=e.useMemo((()=>Object.assign(Object.assign({},c),null!=F?F:{})),[F]),L=i=>{i.preventDefault();const{name:e,value:r}=i.target,t=Object.assign(Object.assign({},f),{[e]:r});G({formValues:t,eventType:"change"}),b(t)},O=i=>{i.preventDefault();const{name:e}=i.target;if(!C.current.includes(e)){const i=[...C.current,e];C.current=i,G({formValues:f,eventType:"blur"})}};return S?null:B?e.createElement(p,{as:"form",className:u.ChangePassword,onSubmit:e=>i(this,void 0,void 0,(function*(){if(e.preventDefault(),!B)return;const{currentPassword:i,newPassword:r}=f;g&&P(null);try{yield l({user:B,currentPassword:i,newPassword:r}),null==t||t()}catch(i){const e=i;e.message&&P(e.message),null==w||w(e)}}))},e.createElement(d,{direction:"column"},e.createElement(k,{autoComplete:"current-password",isRequired:!0,label:V,name:"currentPassword",onBlur:O,onChange:L}),e.createElement(D,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.newPassword,isRequired:!0,label:I,name:"newPassword",onBlur:O,onChange:L}),e.createElement(H,{autoComplete:"new-password",fieldValidationErrors:null==h?void 0:h.confirmPassword,isRequired:!0,label:R,name:"confirmPassword",onBlur:O,onChange:L}),e.createElement(N,{isDisabled:E,type:"submit"},A),g?e.createElement(q,null,g):null)):(v.warn("<ChangePassword /> requires user to be authenticated."),null)}w.CurrentPasswordField=c.CurrentPasswordField,w.NewPasswordField=c.NewPasswordField,w.ConfirmPasswordField=c.ConfirmPasswordField,w.SubmitButton=c.SubmitButton,w.ErrorMessage=c.ErrorMessage;export{w as default};
@@ -1 +1 @@
1
- import{__awaiter as i}from"tslib";import e from"react";import{getLogger as t,translate as m,deleteUser as r}from"@aws-amplify/ui";import{useAuth as s}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/storage";import"classnames";import"../../../primitives/shared/constants.mjs";import"../../../primitives/View/View.mjs";import"aws-amplify";import"../../../helpers/constants.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as p}from"../constants.mjs";import l from"./defaults.mjs";const a=t("Auth");function n({components:t,onSuccess:n,onError:d,handleDelete:u}){const[j,v]=e.useState("IDLE"),[c,g]=e.useState(null),F=m("Delete Account"),{user:T,isLoading:b}=s(),{ErrorMessage:h,DeleteButton:E,WarningView:I}=e.useMemo((()=>Object.assign(Object.assign({},l),null!=t?t:{})),[t]),D=e.useCallback((()=>i(this,void 0,void 0,(function*(){if(T){v("DELETING"),c&&g(null);try{u?yield u(T):yield r(),v("DONE"),null==n||n()}catch(i){const e=i;v("ERROR"),g(e.message),null==d||d(e)}}}))),[c,u,d,n,T]),f=e.useCallback((()=>{v("IDLE")}),[]),w=e.useCallback((()=>{D()}),[D]);return b?null:T?"DONE"===j?null:e.createElement(o,{className:p.DeleteUser,direction:"column"},e.createElement(E,{isDisabled:"CONFIRMATION"===j||"DELETING"===j,onClick:i=>{i.preventDefault(),v("CONFIRMATION")}},F),"CONFIRMATION"===j||"DELETING"===j?e.createElement(I,{onCancel:f,isDisabled:"DELETING"===j,onConfirm:w}):null,c?e.createElement(h,null,c):null):(a.warn("<DeleteUser /> requires user to be authenticated."),null)}n.ErrorMessage=l.ErrorMessage,n.DeleteButton=l.DeleteButton,n.WarningView=l.WarningView;export{n as default};
1
+ import{__awaiter as i}from"tslib";import e from"react";import{getLogger as t,translate as m,deleteUser as r}from"@aws-amplify/ui";import{useAuth as s}from"../../../hooks/useAuth.mjs";import"@aws-amplify/datastore";import"@aws-amplify/storage";import"../../ThemeProvider/AmplifyContext.mjs";import"../../../primitives/shared/constants.mjs";import"aws-amplify";import"../../../helpers/constants.mjs";import"../../../primitives/Alert/AlertIcon.mjs";import"classnames";import"../../../primitives/View/View.mjs";import"../../../primitives/Field/FieldClearButton.mjs";import"../../../primitives/Field/FieldDescription.mjs";import"../../../primitives/Field/FieldErrorMessage.mjs";import"../../../primitives/Field/Field.mjs";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassName as p}from"../constants.mjs";import l from"./defaults.mjs";const a=t("Auth");function n({components:t,onSuccess:n,onError:d,handleDelete:u}){const[j,v]=e.useState("IDLE"),[c,F]=e.useState(null),g=m("Delete Account"),{user:T,isLoading:b}=s(),{ErrorMessage:h,DeleteButton:E,WarningView:I}=e.useMemo((()=>Object.assign(Object.assign({},l),null!=t?t:{})),[t]),D=e.useCallback((()=>i(this,void 0,void 0,(function*(){if(T){v("DELETING"),c&&F(null);try{u?yield u(T):yield r(),v("DONE"),null==n||n()}catch(i){const e=i;v("ERROR"),F(e.message),null==d||d(e)}}}))),[c,u,d,n,T]),f=e.useCallback((()=>{v("IDLE")}),[]),C=e.useCallback((()=>{D()}),[D]);return b?null:T?"DONE"===j?null:e.createElement(o,{className:p.DeleteUser,direction:"column"},e.createElement(E,{isDisabled:"CONFIRMATION"===j||"DELETING"===j,onClick:i=>{i.preventDefault(),v("CONFIRMATION")}},g),"CONFIRMATION"===j||"DELETING"===j?e.createElement(I,{onCancel:f,isDisabled:"DELETING"===j,onConfirm:C}):null,c?e.createElement(h,null,c):null):(a.warn("<DeleteUser /> requires user to be authenticated."),null)}n.ErrorMessage=l.ErrorMessage,n.DeleteButton=l.DeleteButton,n.WarningView=l.WarningView;export{n as default};
@@ -0,0 +1 @@
1
+ import{useTheme as e}from"./useTheme.mjs";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.mjs";const t=()=>{const{breakpoints:{values:t,defaultBreakpoint:o}}=e();return r({breakpoints:t,defaultBreakpoint:o})};export{t as useThemeBreakpoint};
@@ -1 +1 @@
1
- export{useAuth}from"./hooks/useAuth.mjs";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.mjs";export{useStorageURL}from"./hooks/useStorageURL.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{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{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";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{createDataStorePredicate}from"./primitives/shared/datastore.mjs";export{findChildOverrides}from"./studio/findChildOverrides.mjs";export{getOverridesFromVariants}from"./studio/getOverridesFromVariants.mjs";export{getOverrideProps}from"./studio/getOverrideProps.mjs";export{mergeVariantsAndOverrides}from"./studio/mergeVariantsAndOverrides.mjs";import"./primitives/Field/FieldClearButton.mjs";import"./primitives/Field/FieldDescription.mjs";import"./primitives/Field/FieldErrorMessage.mjs";export{Field}from"./primitives/Field/Field.mjs";export{PrimitiveCatalog}from"./PrimitiveCatalog.mjs";
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Checkbox as i}from"../Checkbox/Checkbox.mjs";import"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import{FieldErrorMessage as a}from"../Field/FieldErrorMessage.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{getTestId as m}from"../utils/getTestId.mjs";const d=r.forwardRef(((d,c)=>{var{className:n,errorMessage:p,hasError:b=!1,labelHidden:f=!1,labelPosition:F,testId:h,size:j}=d,x=e(d,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const E=m(h,t.Checkbox);return r.createElement(l,{className:s(t.Field,t.CheckboxField,o(t.Field,j),n),"data-size":j,testId:h},r.createElement(i,Object.assign({hasError:b,labelHidden:f,testId:E,labelPosition:F,ref:c},x)),r.createElement(a,{hasError:b,errorMessage:p}))}));d.displayName="CheckboxField";export{d as CheckboxField};
1
+ import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Checkbox as i}from"../Checkbox/Checkbox.mjs";import"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import{FieldErrorMessage as a}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{getTestId as m}from"../utils/getTestId.mjs";const d=r.forwardRef(((d,c)=>{var{className:n,errorMessage:p,hasError:F=!1,labelHidden:b=!1,labelPosition:f,testId:h,size:j}=d,x=e(d,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const E=m(h,t.Checkbox);return r.createElement(l,{className:s(t.Field,t.CheckboxField,o(t.Field,j),n),"data-size":j,testId:h},r.createElement(i,Object.assign({hasError:F,labelHidden:b,testId:E,labelPosition:f,ref:c},x)),r.createElement(a,{hasError:F,errorMessage:p}))}));d.displayName="CheckboxField";export{d as CheckboxField};
@@ -0,0 +1 @@
1
+ import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as a}from"../shared/constants.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{FieldDescription as i}from"./FieldDescription.mjs";import{FieldErrorMessage as m}from"./FieldErrorMessage.mjs";import{Label as o}from"../Label/Label.mjs";const d=r.forwardRef(((d,n)=>{const{className:c,size:p,testId:f,children:b,label:E,labelHidden:F,errorMessage:h,hasError:j,descriptiveText:x}=d,g=e(d,["className","size","testId","children","label","labelHidden","errorMessage","hasError","descriptiveText"]);return r.createElement(l,Object.assign({className:s(a.Field,t(a.Field,p),c),"data-size":p,testId:f,ref:n},g),E?r.createElement(o,{visuallyHidden:F},E):null,r.createElement(i,{labelHidden:F,descriptiveText:x}),b,h?r.createElement(m,{hasError:j,errorMessage:h}):null)}));d.displayName="Field";export{d as Field};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import i from"classnames";import{classNameModifier as a}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as l}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as t}from"../Field/FieldErrorMessage.mjs";import{Flex as o}from"../Flex/Flex.mjs";import{Label as d}from"../Label/Label.mjs";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.mjs";import{RadioGroupContext as n}from"./context.mjs";import{getTestId as u}from"../utils/getTestId.mjs";import{useStableId as p}from"../utils/useStableId.mjs";const c=r.forwardRef(((c,f)=>{var{children:b,className:E,defaultValue:F,descriptiveText:g,errorMessage:h,hasError:j=!1,id:R,isDisabled:v,isRequired:y,isReadOnly:x,label:H,labelHidden:I=!1,labelPosition:V,onChange:G,name:M,size:N,testId:z,value:C}=c,D=e(c,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","testId","value"]);const O=p(R),P=p(),T=g?P:void 0,q=u(z,s.RadioGroup),w=r.useMemo((()=>({currentValue:C,defaultValue:F,hasError:j,isRequired:y,isReadOnly:x,isGroupDisabled:v,onChange:G,size:N,name:M,labelPosition:V})),[F,j,v,y,x,G,N,M,C,V]);return r.createElement(o,Object.assign({as:"fieldset",className:i(s.Field,a(s.Field,N),s.RadioGroupField,E),"data-size":N,ref:f,role:"radiogroup",testId:z},D),r.createElement(m,{as:"legend"},H),r.createElement(d,{"aria-hidden":!0,visuallyHidden:I},H),r.createElement(l,{id:P,labelHidden:I,descriptiveText:g}),r.createElement(o,{"aria-describedby":T,className:s.RadioGroup,id:O,testId:q},r.createElement(n.Provider,{value:w},b)),r.createElement(t,{hasError:j,errorMessage:h}))}));c.displayName="RadioGroupField";export{c as RadioGroupField};
1
+ import{__rest as e}from"tslib";import*as i from"react";import r from"classnames";import{classNameModifier as a}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as l}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as t}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{Flex as d}from"../Flex/Flex.mjs";import{Label as o}from"../Label/Label.mjs";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.mjs";import{RadioGroupContext as n}from"./context.mjs";import{getTestId as u}from"../utils/getTestId.mjs";import{useStableId as p}from"../utils/useStableId.mjs";const c=i.forwardRef(((c,f)=>{var{children:b,className:F,defaultValue:j,descriptiveText:E,errorMessage:g,hasError:h=!1,id:R,isDisabled:v,isRequired:y,isReadOnly:x,label:H,labelHidden:I=!1,labelPosition:V,onChange:G,name:M,size:N,testId:z,value:C}=c,D=e(c,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","testId","value"]);const O=p(R),P=p(),T=E?P:void 0,q=u(z,s.RadioGroup),w=i.useMemo((()=>({currentValue:C,defaultValue:j,hasError:h,isRequired:y,isReadOnly:x,isGroupDisabled:v,onChange:G,size:N,name:M,labelPosition:V})),[j,h,v,y,x,G,N,M,C,V]);return i.createElement(d,Object.assign({as:"fieldset",className:r(s.Field,a(s.Field,N),s.RadioGroupField,F),"data-size":N,ref:f,role:"radiogroup",testId:z},D),i.createElement(m,{as:"legend"},H),i.createElement(o,{"aria-hidden":!0,visuallyHidden:I},H),i.createElement(l,{id:P,labelHidden:I,descriptiveText:E}),i.createElement(d,{"aria-describedby":T,className:s.RadioGroup,id:O,testId:q},i.createElement(n.Provider,{value:w},b)),i.createElement(t,{hasError:h,errorMessage:g}))}));c.displayName="RadioGroupField";export{c as RadioGroupField};
@@ -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{FieldGroupIcon as r}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as t}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as l}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 c}from"../shared/utils.mjs";const d=a.forwardRef(((d,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:b=!0,name:F="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:B,onClear:v,onSubmit:E,searchButtonRef:I,size:g,defaultValue:D,value:V}=d,w=e(d,["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(l,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(t.SearchField,f),labelHidden:b,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:c(x),onClick:z,size:g,variation:"link"}),isDisabled:h,name:F,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:x},w))}));d.displayName="SearchField";export{d 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 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: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 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import i from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as l}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as o}from"../Field/FieldErrorMessage.mjs";import{Flex as a}from"../Flex/Flex.mjs";import{Label as m}from"../Label/Label.mjs";import{Select as d}from"../Select/Select.mjs";import{splitPrimitiveProps as n}from"../utils/splitPrimitiveProps.mjs";import{useStableId as p}from"../utils/useStableId.mjs";const c=r.forwardRef(((c,f)=>{const{children:h,className:b,descriptiveText:u,errorMessage:F,hasError:j=!1,id:E,label:v,labelHidden:g=!1,options:y,size:S,testId:x,inputStyles:I}=c,z=e(c,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),H=p(E),M=p(),N=u?M:void 0,{styleProps:w,rest:P}=n(z);return r.createElement(a,Object.assign({className:i(s.Field,t(s.Field,S),s.SelectField,b),"data-size":S,testId:x},w),r.createElement(m,{htmlFor:H,visuallyHidden:g},v),r.createElement(l,{id:M,labelHidden:g,descriptiveText:u}),r.createElement(d,Object.assign({"aria-describedby":N,hasError:j,id:H,ref:f,size:S},P,I),(({children:e,options:i})=>e?((null==i?void 0:i.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==i?void 0:i.map(((e,i)=>r.createElement("option",{label:e,value:e,key:`${e}-${i}`},e))))({children:h,options:y})),r.createElement(o,{hasError:j,errorMessage:F}))}));c.displayName="SelectField";export{c as SelectField};
1
+ import{__rest as e}from"tslib";import*as r from"react";import i from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as l}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as o}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{Flex as m}from"../Flex/Flex.mjs";import{Label as a}from"../Label/Label.mjs";import{Select as d}from"../Select/Select.mjs";import{splitPrimitiveProps as n}from"../utils/splitPrimitiveProps.mjs";import{useStableId as p}from"../utils/useStableId.mjs";const c=r.forwardRef(((c,f)=>{const{children:F,className:h,descriptiveText:b,errorMessage:u,hasError:j=!1,id:E,label:v,labelHidden:g=!1,options:y,size:S,testId:x,inputStyles:I}=c,z=e(c,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),H=p(E),M=p(),N=b?M:void 0,{styleProps:w,rest:P}=n(z);return r.createElement(m,Object.assign({className:i(s.Field,t(s.Field,S),s.SelectField,h),"data-size":S,testId:x},w),r.createElement(a,{htmlFor:H,visuallyHidden:g},v),r.createElement(l,{id:M,labelHidden:g,descriptiveText:b}),r.createElement(d,Object.assign({"aria-describedby":N,hasError:j,id:H,ref:f,size:S},P,I),(({children:e,options:i})=>e?((null==i?void 0:i.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==i?void 0:i.map(((e,i)=>r.createElement("option",{label:e,value:e,key:`${e}-${i}`},e))))({children:F,options:y})),r.createElement(o,{hasError:j,errorMessage:u}))}));c.displayName="SelectField";export{c as SelectField};
@@ -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 l,isFunction as i,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{FieldGroup as n}from"../FieldGroup/FieldGroup.mjs";import{Flex as c}from"../Flex/Flex.mjs";import{Label as u}from"../Label/Label.mjs";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.mjs";import{View as b}from"../View/View.mjs";import{useStableId as f}from"../utils/useStableId.mjs";const{Range:F,Root:S,Thumb:g,Track:C}=l(t),E="slider-label",h="slider-root",k="slider-track",v="slider-range",T=a.forwardRef(((t,l)=>{var{ariaValuetext:E,className:h,defaultValue:k=0,descriptiveText:v,emptyTrackColor:T,errorMessage:j,filledTrackColor:y,formatValue:V,hasError:x=!1,id:N,isDisabled:R,isValueHidden:z=!1,label:H,labelHidden:w=!1,onChange:I,orientation:M="horizontal",outerEndComponent:D,outerStartComponent:G,testId:L,thumbColor:P,trackSize:O,value:B,size:q}=t,A=e(t,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","value","size"]);const J=f(N),K=f(),Q=f(),U=v?Q:void 0,{styleProps:W,rest:X}=p(A),Y=void 0!==B,[Z,$]=a.useState(Y?B:k),_=Y?[B]:void 0,ee=Y?void 0:[k],re=a.useCallback((e=>{$(e[0]),i(I)&&I(e[0])}),[I]),te=a.useMemo((()=>{const e=i(V)?V(Z):Z;return"string"==typeof V?a.createElement(b,{as:"span"},e):e}),[Z,V]),ae="vertical"===M,le=r(s.SliderFieldTrack,o(s.SliderFieldTrack,M),o(s.SliderFieldTrack,q)),ie=r(s.SliderFieldRoot,o(s.SliderFieldRoot,M),o(s.SliderFieldRoot,q),h);return a.createElement(c,Object.assign({className:r(s.Field,o(s.Field,q),s.SliderField),testId:L,"data-size":q},W),a.createElement(u,{className:s.SliderFieldLabel,id:K,testId:"slider-label",visuallyHidden:w},a.createElement(b,{as:"span"},H),z?null:te),a.createElement(d,{id:Q,labelHidden:w,descriptiveText:v}),a.createElement(n,{className:s.SliderFieldGroup,id:J,orientation:M,outerStartComponent:G,outerEndComponent:D},a.createElement(S,Object.assign({className:ie,"data-testid":"slider-root",disabled:R,defaultValue:ee,onValueChange:re,orientation:M,ref:l,value:_},X),a.createElement(C,{className:le,"data-testid":"slider-track",style:{backgroundColor:String(T),[""+(ae?"width":"height")]:O}},a.createElement(F,{className:r(s.SliderFieldRange,o(s.SliderFieldRange,M)),"data-testid":"slider-range",style:{backgroundColor:String(y)}})),a.createElement(g,{"aria-describedby":U,"aria-labelledby":K,"aria-valuetext":E,className:r(s.SliderFieldThumb,o(s.SliderFieldThumb,q)),style:{backgroundColor:String(P)}}))),a.createElement(m,{hasError:x,errorMessage:j}))}));T.displayName="SliderField";export{E as SLIDER_LABEL_TEST_ID,v as SLIDER_RANGE_TEST_ID,h as SLIDER_ROOT_TEST_ID,k as SLIDER_TRACK_TEST_ID,T as SliderField};
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 l,isFunction as i,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}=l(t),E="slider-label",h="slider-root",k="slider-track",v="slider-range",T=a.forwardRef(((t,l)=>{var{ariaValuetext:E,className:h,defaultValue:k=0,descriptiveText:v,emptyTrackColor:T,errorMessage:j,filledTrackColor:y,formatValue:V,hasError:x=!1,id:N,isDisabled:R,isValueHidden:z=!1,label:H,labelHidden:w=!1,onChange:I,orientation:M="horizontal",outerEndComponent:D,outerStartComponent:G,testId:L,thumbColor:P,trackSize:O,value:B,size:q}=t,A=e(t,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","value","size"]);const J=F(N),K=F(),Q=F(),U=v?Q:void 0,{styleProps:W,rest:X}=p(A),Y=void 0!==B,[Z,$]=a.useState(Y?B:k),_=Y?[B]:void 0,ee=Y?void 0:[k],re=a.useCallback((e=>{$(e[0]),i(I)&&I(e[0])}),[I]),te=a.useMemo((()=>{const e=i(V)?V(Z):Z;return"string"==typeof V?a.createElement(b,{as:"span"},e):e}),[Z,V]),ae="vertical"===M,le=r(s.SliderFieldTrack,o(s.SliderFieldTrack,M),o(s.SliderFieldTrack,q)),ie=r(s.SliderFieldRoot,o(s.SliderFieldRoot,M),o(s.SliderFieldRoot,q),h);return a.createElement(c,Object.assign({className:r(s.Field,o(s.Field,q),s.SliderField),testId:L,"data-size":q},W),a.createElement(u,{className:s.SliderFieldLabel,id:K,testId:"slider-label",visuallyHidden:w},a.createElement(b,{as:"span"},H),z?null:te),a.createElement(d,{id:Q,labelHidden:w,descriptiveText:v}),a.createElement(n,{className:s.SliderFieldGroup,id:J,orientation:M,outerStartComponent:G,outerEndComponent:D},a.createElement(S,Object.assign({className:ie,"data-testid":"slider-root",disabled:R,defaultValue:ee,onValueChange:re,orientation:M,ref:l,value:_},X),a.createElement(C,{className:le,"data-testid":"slider-track",style:{backgroundColor:String(T),[""+(ae?"width":"height")]:O}},a.createElement(f,{className:r(s.SliderFieldRange,o(s.SliderFieldRange,M)),"data-testid":"slider-range",style:{backgroundColor:String(y)}})),a.createElement(g,{"aria-describedby":U,"aria-labelledby":K,"aria-valuetext":E,className:r(s.SliderFieldThumb,o(s.SliderFieldThumb,q)),style:{backgroundColor:String(P)}}))),a.createElement(m,{hasError:x,errorMessage:j}))}));T.displayName="SliderField";export{E as SLIDER_LABEL_TEST_ID,v as SLIDER_RANGE_TEST_ID,h as SLIDER_ROOT_TEST_ID,k as SLIDER_TRACK_TEST_ID,T as SliderField};
@@ -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{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 I}from"../utils/splitPrimitiveProps.mjs";import{useStableId as h}from"../utils/useStableId.mjs";const j="decrease-icon",S="increase-icon",v=t.forwardRef(((j,S)=>{const{className:v,defaultValue:B,descriptiveText:E,errorMessage:g,hasError:D=!1,id:y,inputStyles:C,isDisabled:L,isReadOnly:O,isRequired:R,increaseButtonLabel:N=p.StepperField.increaseButtonLabel,decreaseButtonLabel:V=p.StepperField.decreaseButtonLabel,label:x,labelHidden:z=!1,onStepChange:G,size:w,testId:H,value:M,variation:$}=j,q=e(j,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),P=h(y),T=h(),k=E?T:void 0,{styleProps:W,rest:A}=I(q),{step:J,value:K,inputValue:Q,handleDecrease:U,handleIncrease:X,handleOnBlur:Y,handleOnChange:Z,handleOnWheel:_,setInputValue:ee,shouldDisableDecreaseButton:te,shouldDisableIncreaseButton:ae}=r(Object.assign(Object.assign({},j),{defaultValue:B,onStepChange:G}));return t.useEffect((()=>{void 0!==M&&ee(M)}),[M,ee]),t.createElement(n,Object.assign({className:a(m.Field,F(m.Field,w),m.StepperField,v),"data-size":w,"data-variation":$,testId:H},W),t.createElement(b,{htmlFor:P,visuallyHidden:z},x),t.createElement(i,{id:T,labelHidden:z,descriptiveText:E}),t.createElement(l,{outerStartComponent:t.createElement(o,{"aria-controls":P,ariaLabel:`${V} ${K-J}`,className:a(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,$),f(m.StepperFieldButtonDecrease,"disabled",te)),"data-invalid":D,isDisabled:te,onClick:U,size:w},t.createElement(c,{"data-testid":"decrease-icon"})),outerEndComponent:t.createElement(o,{"aria-controls":P,ariaLabel:`${N} ${K+J}`,className:a(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,$),f(m.StepperFieldButtonIncrease,"disabled",ae)),"data-invalid":D,isDisabled:ae,onClick:X,size:w},t.createElement(d,{"data-testid":"increase-icon"}))},t.createElement(u,Object.assign({"aria-describedby":k,className:m.StepperFieldInput,hasError:D,id:P,isDisabled:L,isReadOnly:O,isRequired:R,onBlur:Y,onChange:Z,onWheel:_,ref:S,size:w,variation:$,type:"number",value:Q},C,A))),t.createElement(s,{hasError:D,errorMessage:g}))}));v.displayName="StepperField";export{j as DECREASE_ICON,S as INCREASE_ICON,v as StepperField};
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(((h,S)=>{const{className:v,defaultValue:B,descriptiveText:E,errorMessage:g,hasError:D=!1,id:y,inputStyles:C,isDisabled:L,isReadOnly:O,isRequired:R,increaseButtonLabel:N=p.StepperField.increaseButtonLabel,decreaseButtonLabel:V=p.StepperField.decreaseButtonLabel,label:x,labelHidden:z=!1,onStepChange:G,size:w,testId:H,value:M,variation:$}=h,q=e(h,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),P=I(y),T=I(),k=E?T:void 0,{styleProps:W,rest:A}=j(q),{step:J,value:K,inputValue:Q,handleDecrease:U,handleIncrease:X,handleOnBlur:Y,handleOnChange:Z,handleOnWheel:_,setInputValue:ee,shouldDisableDecreaseButton:te,shouldDisableIncreaseButton:ae}=r(Object.assign(Object.assign({},h),{defaultValue:B,onStepChange:G}));return t.useEffect((()=>{void 0!==M&&ee(M)}),[M,ee]),t.createElement(n,Object.assign({className:a(m.Field,F(m.Field,w),m.StepperField,v),"data-size":w,"data-variation":$,testId:H},W),t.createElement(b,{htmlFor:P,visuallyHidden:z},x),t.createElement(i,{id:T,labelHidden:z,descriptiveText:E}),t.createElement(l,{outerStartComponent:t.createElement(o,{"aria-controls":P,ariaLabel:`${V} ${K-J}`,className:a(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,$),f(m.StepperFieldButtonDecrease,"disabled",te)),"data-invalid":D,isDisabled:te,onClick:U,size:w},t.createElement(c,{"data-testid":"decrease-icon"})),outerEndComponent:t.createElement(o,{"aria-controls":P,ariaLabel:`${N} ${K+J}`,className:a(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,$),f(m.StepperFieldButtonIncrease,"disabled",ae)),"data-invalid":D,isDisabled:ae,onClick:X,size:w},t.createElement(d,{"data-testid":"increase-icon"}))},t.createElement(u,Object.assign({"aria-describedby":k,className:m.StepperFieldInput,hasError:D,id:P,isDisabled:L,isReadOnly:O,isRequired:R,onBlur:Y,onChange:Z,onWheel:_,ref:S,size:w,variation:$,type:"number",value:Q},C,A))),t.createElement(s,{hasError:D,errorMessage:g}))}));v.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,v 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 o}from"../Flex/Flex.mjs";import"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.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:S,isLabelHidden:F,label:g,labelPosition:j,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:S}),O=m(C),P=F?p:h,W=r(t.SwitchTrack,s(t.SwitchTrack,"checked",M),s(t.SwitchTrack,"disabled",S),s(t.SwitchTrack,"focused",z),s(t.SwitchTrack,"error",x)),R=r(t.SwitchThumb,s(t.SwitchThumb,"checked",M),s(t.SwitchThumb,"disabled",S));return a.createElement(o,Object.assign({className:r(t.SwitchField,i(t.SwitchField,T),k),"data-size":T,"data-label-position":j,ref:u},I),a.createElement(p,null,a.createElement(c,{role:"switch",type:"checkbox",id:O,onChange:V,disabled:S,name:E,checked:M,value:v,onFocus:()=>{B(!0)},onBlur:()=>{B(!1)}})),a.createElement(d,{htmlFor:O,className:r(t.SwitchWrapper,i(t.SwitchWrapper,j)),"data-label-position":j},a.createElement(P,{as:"span",className:t.SwitchLabel},g),a.createElement(h,{as:"span",className:W,"data-checked":M,"data-disabled":S,"data-focused":z,backgroundColor:M?H:L},a.createElement(h,{as:"span",className:R,"data-checked":M,"data-disabled":S,backgroundColor:y}))),a.createElement(l,{hasError:x,errorMessage:D}))}));b.displayName="SwitchField";export{b as SwitchField};
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 +1 @@
1
- import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as a}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.mjs";import{Flex as m}from"../Flex/Flex.mjs";import{Label as o}from"../Label/Label.mjs";import{splitPrimitiveProps as d}from"../utils/splitPrimitiveProps.mjs";import{TextArea as p}from"../TextArea/TextArea.mjs";import{useStableId as n}from"../utils/useStableId.mjs";const c=3,f=r.forwardRef(((c,f)=>{const{className:b,descriptiveText:F,errorMessage:j,hasError:u=!1,id:x,label:E,labelHidden:y=!1,rows:z,size:T,testId:g,inputStyles:h,resize:v}=c,w=e(c,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),A=n(x),H=n(),I=F?H:void 0,{styleProps:M,rest:N}=d(w);return r.createElement(m,Object.assign({className:s(i.Field,t(i.Field,T),i.TextAreaField,b),"data-size":T,testId:g},M),r.createElement(o,{htmlFor:A,visuallyHidden:y},E),r.createElement(a,{id:H,labelHidden:y,descriptiveText:F}),r.createElement(p,Object.assign({"aria-describedby":I,hasError:u,id:A,ref:f,rows:null!=z?z:3,size:T,resize:v},N,h)),r.createElement(l,{hasError:u,errorMessage:j}))}));f.displayName="TextAreaField";export{c as DEFAULT_ROW_COUNT,f as TextAreaField};
1
+ import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{classNameModifier as i}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as l}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as a}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{Flex as m}from"../Flex/Flex.mjs";import{Label as o}from"../Label/Label.mjs";import{splitPrimitiveProps as d}from"../utils/splitPrimitiveProps.mjs";import{TextArea as p}from"../TextArea/TextArea.mjs";import{useStableId as n}from"../utils/useStableId.mjs";const c=3,f=r.forwardRef(((c,f)=>{const{className:F,descriptiveText:b,errorMessage:j,hasError:u=!1,id:x,label:E,labelHidden:y=!1,rows:z,size:T,testId:g,inputStyles:h,resize:v}=c,w=e(c,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),A=n(x),H=n(),I=b?H:void 0,{styleProps:M,rest:N}=d(w);return r.createElement(m,Object.assign({className:s(t.Field,i(t.Field,T),t.TextAreaField,F),"data-size":T,testId:g},M),r.createElement(o,{htmlFor:A,visuallyHidden:y},E),r.createElement(l,{id:H,labelHidden:y,descriptiveText:b}),r.createElement(p,Object.assign({"aria-describedby":I,hasError:u,id:A,ref:f,rows:null!=z?z:3,size:T,resize:v},N,h)),r.createElement(a,{hasError:u,errorMessage:j}))}));f.displayName="TextAreaField";export{c as DEFAULT_ROW_COUNT,f as TextAreaField};
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as n}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import{FieldGroup as m}from"../FieldGroup/FieldGroup.mjs";import{Flex as a}from"../Flex/Flex.mjs";import{Input as l}from"../Input/Input.mjs";import{Label as d}from"../Label/Label.mjs";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.mjs";import{useStableId as c}from"../utils/useStableId.mjs";const u=t.forwardRef(((u,f)=>{const{className:E,descriptiveText:F,errorMessage:b,hasError:C=!1,id:j,innerEndComponent:v,innerStartComponent:S,label:x,labelHidden:y=!1,outerEndComponent:g,outerStartComponent:h,size:I,testId:T,variation:z,inputStyles:H}=u,M=e(u,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),N=c(j),P=c(),w=F?P:void 0,{styleProps:G,rest:L}=p(M);return t.createElement(a,Object.assign({className:r(i.Field,o(i.Field,I),i.TextField,E),"data-size":I,testId:T},G),t.createElement(d,{htmlFor:N,visuallyHidden:y},x),t.createElement(n,{id:P,labelHidden:y,descriptiveText:F}),t.createElement(m,{outerStartComponent:h,outerEndComponent:g,innerStartComponent:S,innerEndComponent:v,variation:z},t.createElement(l,Object.assign({"aria-describedby":w,hasError:C,id:N,ref:f,size:I,variation:z},H,L))),t.createElement(s,{hasError:C,errorMessage:b}))}));u.displayName="TextField";export{u as TextField};
1
+ import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as n}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as m}from"../FieldGroup/FieldGroup.mjs";import{Flex as a}from"../Flex/Flex.mjs";import{Input as l}from"../Input/Input.mjs";import{Label as d}from"../Label/Label.mjs";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.mjs";import{useStableId as c}from"../utils/useStableId.mjs";const u=t.forwardRef(((u,f)=>{const{className:E,descriptiveText:F,errorMessage:b,hasError:j=!1,id:C,innerEndComponent:v,innerStartComponent:S,label:x,labelHidden:y=!1,outerEndComponent:g,outerStartComponent:h,size:I,testId:T,variation:z,inputStyles:H}=u,M=e(u,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),N=c(C),P=c(),w=F?P:void 0,{styleProps:G,rest:L}=p(M);return t.createElement(a,Object.assign({className:r(i.Field,o(i.Field,I),i.TextField,E),"data-size":I,testId:T},G),t.createElement(d,{htmlFor:N,visuallyHidden:y},x),t.createElement(n,{id:P,labelHidden:y,descriptiveText:F}),t.createElement(m,{outerStartComponent:h,outerEndComponent:g,innerStartComponent:S,innerEndComponent:v,variation:z},t.createElement(l,Object.assign({"aria-describedby":w,hasError:j,id:N,ref:f,size:I,variation:z},H,L))),t.createElement(s,{hasError:j,errorMessage:b}))}));u.displayName="TextField";export{u as TextField};
@@ -1 +1 @@
1
- const o="4.5.0";export{o as VERSION};
1
+ const o="4.6.0";export{o as VERSION};