@aws-amplify/ui-react 3.3.0 → 3.4.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.
- package/dist/IconWarning-47c8dc76.js +1 -0
- package/dist/esm/PrimitiveCatalog.js +1 -1
- package/dist/esm/components/Authenticator/SetupTOTP/SetupTOTP.js +1 -1
- package/dist/esm/components/Authenticator/shared/FormField.js +1 -1
- package/dist/esm/components/Geo/LocationSearch/index.js +1 -1
- package/dist/esm/components/Geo/MapView/index.js +1 -1
- package/dist/esm/hooks/actions/useAuthSignOutAction.js +1 -1
- package/dist/esm/hooks/actions/useDataStoreCreateAction.js +1 -1
- package/dist/esm/hooks/actions/useDataStoreDeleteAction.js +1 -1
- package/dist/esm/hooks/actions/useDataStoreUpdateAction.js +1 -1
- package/dist/esm/internal.js +1 -1
- package/dist/esm/primitives/Alert/Alert.js +1 -1
- package/dist/esm/primitives/Alert/AlertIcon.js +1 -1
- package/dist/esm/primitives/Badge/Badge.js +1 -1
- package/dist/esm/primitives/Button/Button.js +1 -1
- package/dist/esm/primitives/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/esm/primitives/Card/Card.js +1 -1
- package/dist/esm/primitives/Checkbox/Checkbox.js +1 -1
- package/dist/esm/primitives/CheckboxField/CheckboxField.js +1 -1
- package/dist/esm/primitives/Collection/Collection.js +1 -1
- package/dist/esm/primitives/Divider/Divider.js +1 -1
- package/dist/esm/primitives/Expander/Expander.js +1 -1
- package/dist/esm/primitives/Expander/ExpanderItem.js +1 -1
- package/dist/esm/primitives/Field/FieldClearButton.js +1 -1
- package/dist/esm/primitives/Field/FieldDescription.js +1 -1
- package/dist/esm/primitives/Field/FieldErrorMessage.js +1 -1
- package/dist/esm/primitives/FieldGroup/FieldGroup.js +1 -1
- package/dist/esm/primitives/FieldGroupIcon/FieldGroupIcon.js +1 -1
- package/dist/esm/primitives/FieldGroupIcon/FieldGroupIconButton.js +1 -1
- package/dist/esm/primitives/Flex/Flex.js +1 -1
- package/dist/esm/primitives/Grid/Grid.js +1 -1
- package/dist/esm/primitives/Heading/Heading.js +1 -1
- package/dist/esm/primitives/Icon/Icon.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconAdd.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconCheck.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconCheckCircle.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconCheckCircleOutline.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconChevronLeft.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconChevronRight.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconClose.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconError.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconExpandMore.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconFiberManualRecord.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconHighlightOff.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconIndeterminate.js +1 -0
- package/dist/esm/primitives/Icon/icons/IconInfo.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconMenu.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconRemove.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconSearch.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconStar.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconVisibility.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconVisibilityOff.js +1 -1
- package/dist/esm/primitives/Icon/icons/IconWarning.js +1 -1
- package/dist/esm/primitives/Image/Image.js +1 -1
- package/dist/esm/primitives/Input/Input.js +1 -1
- package/dist/esm/primitives/Label/Label.js +1 -1
- package/dist/esm/primitives/Link/Link.js +1 -1
- package/dist/esm/primitives/Loader/Loader.js +1 -1
- package/dist/esm/primitives/Menu/Menu.js +1 -1
- package/dist/esm/primitives/Menu/MenuButton.js +1 -1
- package/dist/esm/primitives/Menu/MenuItem.js +1 -1
- package/dist/esm/primitives/Pagination/Pagination.js +1 -1
- package/dist/esm/primitives/Pagination/PaginationItem.js +1 -1
- package/dist/esm/primitives/PasswordField/PasswordField.js +1 -1
- package/dist/esm/primitives/PasswordField/ShowPasswordButton.js +1 -1
- package/dist/esm/primitives/PhoneNumberField/CountryCodeSelect.js +1 -1
- package/dist/esm/primitives/PhoneNumberField/PhoneNumberField.js +1 -1
- package/dist/esm/primitives/Placeholder/Placeholder.js +1 -1
- package/dist/esm/primitives/Radio/Radio.js +1 -1
- package/dist/esm/primitives/RadioGroupField/RadioGroupField.js +1 -1
- package/dist/esm/primitives/Rating/Rating.js +1 -1
- package/dist/esm/primitives/ScrollView/ScrollView.js +1 -1
- package/dist/esm/primitives/SearchField/SearchField.js +1 -1
- package/dist/esm/primitives/SearchField/SearchFieldButton.js +1 -1
- package/dist/esm/primitives/Select/Select.js +1 -1
- package/dist/esm/primitives/SelectField/SelectField.js +1 -1
- package/dist/esm/primitives/SliderField/SliderField.js +1 -1
- package/dist/esm/primitives/StepperField/StepperField.js +1 -1
- package/dist/esm/primitives/SwitchField/SwitchField.js +1 -1
- package/dist/esm/primitives/Table/Table.js +1 -1
- package/dist/esm/primitives/Table/TableBody.js +1 -1
- package/dist/esm/primitives/Table/TableCell.js +1 -1
- package/dist/esm/primitives/Table/TableFoot.js +1 -1
- package/dist/esm/primitives/Table/TableHead.js +1 -1
- package/dist/esm/primitives/Table/TableRow.js +1 -1
- package/dist/esm/primitives/Tabs/Tabs.js +1 -1
- package/dist/esm/primitives/Text/Text.js +1 -1
- package/dist/esm/primitives/TextArea/TextArea.js +1 -1
- package/dist/esm/primitives/TextAreaField/TextAreaField.js +1 -1
- package/dist/esm/primitives/TextField/TextField.js +1 -1
- package/dist/esm/primitives/ToggleButton/ToggleButton.js +1 -1
- package/dist/esm/primitives/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/dist/esm/primitives/View/View.js +1 -1
- package/dist/esm/primitives/VisuallyHidden/VisuallyHidden.js +1 -1
- package/dist/esm/primitives/shared/styleUtils.js +1 -1
- package/dist/esm/primitives/shared/utils.js +1 -1
- package/dist/esm/studio/findChildOverrides.js +1 -0
- package/dist/esm/studio/getOverrideProps.js +1 -0
- package/dist/esm/studio/getOverridesFromVariants.js +1 -0
- package/dist/esm/studio/mergeVariantsAndOverrides.js +1 -0
- package/dist/index.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/styles.css +19 -1
- package/dist/types/internal.d.ts +1 -1
- package/dist/types/primitives/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/primitives/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/types/primitives/Icon/icons/IconIndeterminate.d.ts +4 -0
- package/dist/types/primitives/Icon/icons/index.d.ts +1 -0
- package/dist/types/primitives/shared/utils.d.ts +1 -50
- package/dist/types/primitives/types/checkbox.d.ts +6 -0
- package/dist/types/studio/findChildOverrides.d.ts +18 -0
- package/dist/types/studio/getOverrideProps.d.ts +18 -0
- package/dist/types/studio/getOverridesFromVariants.d.ts +20 -0
- package/dist/types/studio/index.d.ts +5 -0
- package/dist/types/studio/mergeVariantsAndOverrides.d.ts +18 -0
- package/dist/types/studio/types.d.ts +18 -0
- package/package.json +5 -4
- package/dist/IconWarning-281e9bf4.js +0 -1
- package/dist/esm/node_modules/tslib/tslib.es6.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as t}from"
|
|
1
|
+
import{__rest as t}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as s from"react";import i from"classnames";import{Button as e}from"../Button/Button.js";import{classNameModifier as r}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{useStyles as l}from"../shared/styleUtils.js";const n=s.forwardRef(((s,n)=>{var{ariaLabel:d,className:m,children:p,isFullWidth:u=!1,isDisabled:c,isLoading:f,loadingText:y="",size:b,style:h,type:g="button",variation:j,testId:B}=s,v=t(s,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:x,nonStyleProps:L}=l(v,h),N=i(o.Button,r(o.Button,b),r(o.Button,j),m);return a(e,Object.assign({ref:n,className:N,"data-fullwidth":u,"data-loading":f,"data-size":b,"data-variation":j,disabled:c||f,type:g,"data-testid":B,"aria-label":d,style:x},L,{children:p}))}));n.displayName="MenuButton";export{n as MenuButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import*as t from"react";import i from"classnames";import{DropdownMenuItem as a}from"@radix-ui/react-dropdown-menu";import{ComponentClassNames as m}from"../shared/constants.js";import{MenuButton as s}from"./MenuButton.js";const n="amplify-menu-item-test-id",o=t.forwardRef(((t,n)=>{var{children:o,className:c,variation:d}=t,l=r(t,["children","className","variation"]);return e(a,Object.assign({asChild:!0,ref:n},{children:e(s,Object.assign({className:i(m.MenuItem,c),testId:"amplify-menu-item-test-id"},l,{variation:"menu"},{children:o}))}))}));o.displayName="MenuItem";export{n as MENU_ITEM_TEST_ID,o as MenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as r from"react";import t from"classnames";import{Flex as s}from"../Flex/Flex.js";import{View as n}from"../View/View.js";import{usePaginationItems as o}from"./usePaginationItems.js";import{ComponentClassNames as i}from"../shared/constants.js";const l=r.forwardRef(((r,l)=>{var{className:m,currentPage:g=1,totalPages:c,hasMorePages:p=!1,siblingCount:u,currentPageLabel:b,pageLabel:P,previousLabel:f,nextLabel:h,onNext:j,onPrevious:x,onChange:L}=r,v=e(r,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const N=o(g,c,p,u,b,P,f,h,j,x,L);return a(n,Object.assign({as:"nav",className:t(i.Pagination,m),ref:l},v,{children:a(s,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:N}))}))}));l.displayName="Pagination";export{l as Pagination};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"
|
|
1
|
+
import{__rest as i}from"tslib";import{jsx as a,jsxs as e}from"react/jsx-runtime";import*as t from"react";import n from"classnames";import{Button as s}from"../Button/Button.js";import{Flex as r}from"../Flex/Flex.js";import{ComponentClassNames as l,ComponentText as o}from"../shared/constants.js";import{View as c}from"../View/View.js";import{IconChevronLeft as m}from"../Icon/icons/IconChevronLeft.js";import{IconChevronRight as g}from"../Icon/icons/IconChevronRight.js";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.js";import{classNameModifier as b,classNameModifierByFlag as d}from"../shared/utils.js";const p="current",j="ellipsis",I=p=>{var{type:j,page:I,currentPage:P,currentPageLabel:h=o.PaginationItem.currentPageLabel,isDisabled:k,onClick:f,ariaLabel:C}=p,B=i(p,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const L=t.useCallback((()=>{f(I,P)}),[I,P,f]),O=t.useCallback((()=>{f()}),[f]),v=t.useCallback((()=>{f()}),[f]),N=n(l.PaginationItemButton,b(l.PaginationItemButton,"link"),d(l.PaginationItemButton,"disabled",k)),x=n(l.PaginationItemButton,b(l.PaginationItemButton,"link"),d(l.PaginationItemButton,"disabled",k));switch(j){case"page":return a(c,Object.assign({as:"li"},{children:I===P?e(r,Object.assign({"aria-current":"page",as:"button",className:l.PaginationItemCurrent,testId:"current"},B,{children:[e(u,{children:[h,":"]}),I]})):a(s,Object.assign({className:n(l.PaginationItemButton,b(l.PaginationItemButton,"link")),size:"small",variation:"link",onClick:L,ariaLabel:C},B,{children:I}))}));case"next":return a(c,Object.assign({as:"li"},{children:a(s,Object.assign({className:N,size:"small",variation:"link",isDisabled:k,onClick:v,ariaLabel:C},B,{children:a(g,{size:"large"})}))}));case"previous":return a(c,Object.assign({as:"li"},{children:a(s,Object.assign({className:x,size:"small",variation:"link",isDisabled:k,onClick:O,ariaLabel:C},B,{children:a(m,{size:"large"})}))}));case"ellipsis":return a(c,Object.assign({as:"li"},{children:a(r,Object.assign({as:"span",className:l.PaginationItemEllipsis,testId:"ellipsis"},B,{children:"…"}))}))}return a(c,{as:"li"})};I.displayName="PaginationItem";export{p as PAGINATION_CURRENT_TEST_ID,j as PAGINATION_ELLIPSIS_TEST_ID,I as PaginationItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as s}from"
|
|
1
|
+
import{__rest as s}from"tslib";import{jsx as o}from"react/jsx-runtime";import e from"classnames";import*as a from"react";import{ComponentClassNames as r}from"../shared/constants.js";import{ShowPasswordButton as t}from"./ShowPasswordButton.js";import{TextField as d}from"../TextField/TextField.js";const l=a.forwardRef(((l,w)=>{var{autoComplete:i="current-password",label:n,className:p,hideShowPassword:m=!1,passwordIsHiddenLabel:u,passwordIsShownLabel:b,showPasswordButtonLabel:f,showPasswordButtonRef:h,size:c}=l,P=s(l,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[L,S]=a.useState("password"),B=a.useCallback((()=>{S("password"===L?"text":"password")}),[S,L]);return o(d,Object.assign({autoComplete:i,isMultiline:!1,outerEndComponent:m?null:o(t,{fieldType:L,onClick:B,passwordIsHiddenLabel:u,passwordIsShownLabel:b,ref:h,size:c,showPasswordButtonLabel:f}),size:c,type:L,label:n,className:e(r.PasswordField,p),ref:w},P))}));l.displayName="PasswordField";export{l as PasswordField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as s}from"
|
|
1
|
+
import{__rest as s}from"tslib";import{jsxs as o,jsx as i}from"react/jsx-runtime";import*as r from"react";import{Button as a}from"../Button/Button.js";import{VisuallyHidden as e}from"../VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as d,ComponentText as t}from"../shared/constants.js";import"classnames";import"../View/View.js";import{IconVisibilityOff as n}from"../Icon/icons/IconVisibilityOff.js";import{IconVisibility as w}from"../Icon/icons/IconVisibility.js";const{passwordIsHidden:l,passwordIsShown:p,showPassword:m}=t.PasswordField,c=r.forwardRef(((r,t)=>{var{fieldType:c,passwordIsHiddenLabel:f=l,passwordIsShownLabel:h=p,showPasswordButtonLabel:b=m,size:I}=r,j=s(r,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return o(a,Object.assign({"aria-checked":"password"!==c,ariaLabel:b,className:d.FieldShowPassword,ref:t,role:"switch",size:I},j,{children:[i(e,Object.assign({"aria-live":"polite"},{children:"password"===c?f:h})),i("password"===c?w:n,{size:I})]}))}));c.displayName="ShowPasswordButton";export{c as ShowPasswordButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as o from"react";import s from"classnames";import{countryDialCodes as t}from"@aws-amplify/ui";import{ComponentClassNames as r}from"../shared/constants.js";import{SelectField as i}from"../SelectField/SelectField.js";const l=o.forwardRef(((l,m)=>{var{className:d,dialCodeList:c,isReadOnly:n}=l,p=e(l,["className","dialCodeList","isReadOnly"]);const f=null!=c?c:t,u=o.useMemo((()=>f.map((e=>a("option",Object.assign({value:e,disabled:n},{children:e}),e)))),[f,n]);return a(i,Object.assign({"aria-disabled":n,autoComplete:"tel-country-code",className:s(r.CountryCodeSelect,d),labelHidden:!0,ref:m},p,{children:u}))}));l.displayName="CountryCodeSelect";export{l as CountryCodeSelect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as a from"react";import t from"classnames";import{ComponentClassNames as r,ComponentText as i}from"../shared/constants.js";import{CountryCodeSelect as n}from"./CountryCodeSelect.js";import{TextField as s}from"../TextField/TextField.js";const l=a.forwardRef(((a,l)=>{var{autoComplete:d="tel-national",className:m,countryCodeName:u,countryCodeLabel:C=i.PhoneNumberField.countryCodeLabel,defaultCountryCode:y,hasError:p,isDisabled:c,isReadOnly:f,onCountryCodeChange:b,onInput:h,size:N,type:R,variation:L,countryCodeRef:j,dialCodeList:v}=a,F=e(a,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","isReadOnly","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return o(s,Object.assign({outerStartComponent:o(n,{defaultValue:y,dialCodeList:v,className:m,hasError:p,isDisabled:c,isReadOnly:f,label:C,name:u,onChange:b,ref:j,size:N,variation:L}),autoComplete:d,className:t(r.PhoneNumberField,m),hasError:p,isDisabled:c,isReadOnly:f,isMultiline:!1,onInput:h,ref:l,size:N,type:"tel",variation:L},F))}));l.displayName="PhoneNumberField";export{l as PhoneNumberField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as e,Fragment as s}from"react/jsx-runtime";import*as a from"react";import o from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as m}from"../shared/constants.js";import{View as t}from"../View/View.js";const l=a.forwardRef(((a,l)=>{var{className:c,children:d,isLoaded:f,size:n}=a,p=r(a,["className","children","isLoaded","size"]);return f?e(s,{children:d}):e(t,Object.assign({className:o(m.Placeholder,i(m.Placeholder,n),c),"data-size":n,ref:l},p))}));l.displayName="Placeholder";export{l as Placeholder};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"
|
|
1
|
+
import{__rest as i}from"tslib";import{jsxs as a,jsx as e}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{classNameModifierByFlag as o,classNameModifier as d}from"../shared/utils.js";import{ComponentClassNames as r}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Input as n}from"../Input/Input.js";import{Text as m}from"../Text/Text.js";import{useRadioGroupContext as p}from"../RadioGroupField/context.js";const c=(t,c)=>{var{children:h,className:u,id:b,isDisabled:f,testId:g,value:R,labelPosition:j,height:v,width:x,bottom:N,left:I,position:y,padding:O,right:w,top:D}=t,C=i(t,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:F,defaultValue:P,name:V,hasError:k,isGroupDisabled:q,isRequired:z,isReadOnly:B,onChange:E,size:G,labelPosition:T}=p(),H=q||f||B&&P!==R,L=void 0!==F?R===F:void 0,A=void 0!==P?R===P:void 0,J=j||T;return a(l,Object.assign({as:"label",className:s(r.Radio,o(r.Radio,"disabled",H),u),"data-disabled":H,"data-label-position":J,width:x,bottom:N,top:D,right:w,left:I,position:y,padding:O},{children:[h&&e(m,Object.assign({as:"span",className:r.RadioLabel,"data-disabled":H},{children:h})),e(n,Object.assign({checked:L,className:s(r.VisuallyHidden,r.RadioInput),defaultChecked:A,hasError:k,id:b,isDisabled:H,isReadOnly:B,isRequired:z,onChange:E,ref:c,type:"radio",name:V,value:R},C)),e(l,{"aria-hidden":"true",as:"span",className:s(r.RadioButton,d(r.RadioButton,G)),"data-size":G,testId:g})]}))},h=t.forwardRef(c);h.displayName="Radio";export{h as Radio,c as RadioPrimitive};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as a from"react";import s from"classnames";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as t}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{RadioGroupContext as m}from"./context.js";import{useStableId as c}from"../utils/useStableId.js";const u=a.forwardRef(((u,b)=>{var{children:p,className:f,defaultValue:h,descriptiveText:j,errorMessage:g,hasError:F=!1,id:v,isDisabled:R,isRequired:x,isReadOnly:y,label:O,labelHidden:E=!1,labelPosition:M,onChange:N,name:z,size:C,value:D}=u,G=e(u,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const H=c(v),P=c(),V=c(),q=j?V:void 0,T=a.useMemo((()=>({currentValue:D,defaultValue:h,hasError:F,isRequired:x,isReadOnly:y,isGroupDisabled:R,onChange:N,size:C,name:z,labelPosition:M})),[h,F,R,x,y,N,C,z,D,M]);return i(t,Object.assign({className:s(l.Field,l.RadioGroupField,f),"data-size":C,ref:b},G,{children:[r(n,Object.assign({id:P,visuallyHidden:E},{children:O})),r(o,{id:V,labelHidden:E,descriptiveText:j}),r(t,Object.assign({"aria-describedby":q,"aria-labelledby":P,className:l.RadioGroup,id:H,role:"radiogroup"},{children:r(m.Provider,Object.assign({value:T},{children:p}))})),r(d,{hasError:F,errorMessage:g})]}))}));u.displayName="RadioGroupField";export{u as RadioGroupField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o}from"
|
|
1
|
+
import{__rest as o}from"tslib";import{jsx as i,jsxs as r}from"react/jsx-runtime";import*as t from"react";import a from"classnames";import{classNameModifier as l}from"../shared/utils.js";import{ComponentClassNames as e}from"../shared/constants.js";import{Flex as m}from"../Flex/Flex.js";import"../View/View.js";import{IconStar as s}from"../Icon/icons/IconStar.js";import{isIconFilled as n,isIconEmpty as c,isIconMixed as f}from"./utils.js";import{RatingIcon as p}from"./RatingIcon.js";import{RatingMixedIcon as d}from"./RatingMixedIcon.js";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.js";const y=5,g=0,j=t.forwardRef(((t,j)=>{var{className:I,emptyColor:x,emptyIcon:C,fillColor:N,icon:R=i(s,{}),maxValue:V=y,size:h,value:v=g}=t,w=o(t,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const S=new Array(Math.ceil(V)).fill(1).map(((o,r)=>{const t=r+1;return n(t,v)?i(p,{icon:R,fill:N,className:"amplify-rating-icon-filled"},r.toString()):c(t,v)?i(p,{icon:C||R,fill:x,className:"amplify-rating-icon-empty"},r.toString()):f(t,v)?i(d,{fillIcon:R,emptyIcon:C||R,value:v,fillColor:N,emptyColor:x},r.toString()):void 0}));return r(m,Object.assign({className:a(e.Rating,l(e.Rating,h),I),"data-size":h,ref:j},w,{children:[S,r(u,{children:[v," out of ",V," rating"]})]}))}));j.displayName="Rating";export{j as Rating};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as e from"react";import i from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as a}from"../shared/constants.js";import{View as s}from"../View/View.js";const m=e.forwardRef(((e,m)=>{var{children:l,className:n,orientation:c}=e,f=r(e,["children","className","orientation"]);return o(s,Object.assign({className:i(a.ScrollView,t(a.ScrollView,c),n),"data-orientation":c,ref:m},f,{children:l}))}));m.displayName="ScrollView";export{m as ScrollView};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import i from"classnames";import*as r from"react";import{ComponentClassNames as a}from"../shared/constants.js";import{FieldClearButton as t}from"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import"../Field/FieldErrorMessage.js";import{strHasLength as l}from"../shared/utils.js";import{SearchFieldButton as s}from"./SearchFieldButton.js";import{TextField as n}from"../TextField/TextField.js";import{useSearchField as m}from"./useSearchField.js";const d=r.forwardRef(((r,d)=>{var{autoComplete:c="off",className:p,isDisabled:u,clearButtonLabel:f,labelHidden:b=!0,name:C="q",onSubmit:F,onClear:j,searchButtonRef:h,size:D}=r,S=e(r,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:x,onClearHandler:B,onInput:z,onKeyDown:R,onClick:k,composedRefs:v}=m({onSubmit:F,onClear:j,externalRef:d});return o(n,Object.assign({autoComplete:c,className:i(a.SearchField,p),labelHidden:b,innerEndComponent:o(t,{ariaLabel:f,excludeFromTabOrder:!0,isVisible:l(x),onClick:B,size:D,variation:"link"}),isDisabled:u,isMultiline:!1,name:C,onInput:z,onKeyDown:R,outerEndComponent:o(s,{isDisabled:u,onClick:k,ref:h,size:D}),ref:v,size:D,value:x},S))}));d.displayName="SearchField";export{d as SearchField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import*as e from"react";import{ComponentClassNames as o,ComponentText as i}from"../shared/constants.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import*as e from"react";import{ComponentClassNames as o,ComponentText as i}from"../shared/constants.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as t}from"../FieldGroupIcon/FieldGroupIconButton.js";import"tslib";import"classnames";import"../View/View.js";import{IconSearch as s}from"../Icon/icons/IconSearch.js";const a=i.SearchField.searchButtonLabel,c=e.forwardRef(((e,i)=>r(t,Object.assign({ariaLabel:a,className:o.SearchFieldSearch,ref:i,type:"submit"},e,{children:r(s,{size:e.size})}))));c.displayName="SearchFieldButton";export{c as SearchFieldButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as r,jsxs as a}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as s,classNameModifierByFlag as l}from"../shared/utils.js";import{ComponentClassNames as t}from"../shared/constants.js";import{Flex as c}from"../Flex/Flex.js";import{View as n}from"../View/View.js";import{IconExpandMore as m}from"../Icon/icons/IconExpandMore.js";const d=o.forwardRef(((o,d)=>{var{autoComplete:p,className:u,size:f,variation:h,value:v,defaultValue:j,hasError:b,icon:S=r(m,{}),iconColor:C,children:N,placeholder:x,isDisabled:V,isRequired:g}=o,O=e(o,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const q=void 0===v&&void 0===j&&x,w=i(t.Select,t.FieldGroupControl,s(t.Select,f),s(t.Select,h),l(t.Select,"error",b),u);return a(n,Object.assign({className:t.SelectWrapper},{children:[a(n,Object.assign({"aria-invalid":b,as:"select",autoComplete:p,value:v,defaultValue:q?"":j,isDisabled:V,required:g,"data-size":f,"data-variation":h,className:w,ref:d},O,{children:[x&&r("option",Object.assign({value:""},{children:x})),N]})),r(c,Object.assign({className:t.SelectIconWrapper,color:C},{children:S}))]}))}));d.displayName="Select";export{d as Select};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as l}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as a}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{Select as m}from"../Select/Select.js";import{splitPrimitiveProps as c}from"../shared/styleUtils.js";import{useStableId as p}from"../utils/useStableId.js";const h=({children:e,options:r})=>e?((null==r?void 0:r.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==r?void 0:r.map(((e,r)=>i("option",Object.assign({label:e,value:e},{children:e}),`${e}-${r}`))),f=s.forwardRef(((s,f)=>{const{children:b,className:j,descriptiveText:F,errorMessage:g,hasError:u=!1,id:v,label:x,labelHidden:S=!1,options:y,size:E,testId:I}=s,z=e(s,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),H=p(v),M=p(),N=F?M:void 0,{flexContainerStyleProps:O,baseStyleProps:T,rest:w}=c(z);return r(a,Object.assign({className:t(o.Field,o.SelectField,j),"data-size":E,testId:I},T,O,{children:[i(n,Object.assign({htmlFor:H,visuallyHidden:S},{children:x})),i(l,{id:M,labelHidden:S,descriptiveText:F}),i(m,Object.assign({"aria-describedby":N,hasError:u,id:H,ref:f,size:E},w,{children:h({children:b,options:y})})),i(d,{hasError:u,errorMessage:g})]}))}));f.displayName="SelectField";export{f as SelectField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"classnames";import{Root as l,Track as t,Range as o,Thumb as s}from"@radix-ui/react-slider";import*as d from"react";import{isFunction as n,classNameModifier as m}from"../shared/utils.js";import{ComponentClassNames as c}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as u}from"../Field/FieldDescription.js";import{FieldErrorMessage as p}from"../Field/FieldErrorMessage.js";import{FieldGroup as b}from"../FieldGroup/FieldGroup.js";import{Flex as f}from"../Flex/Flex.js";import{Label as g}from"../Label/Label.js";import{splitPrimitiveProps as S}from"../shared/styleUtils.js";import{View as F}from"../View/View.js";import{useStableId as h}from"../utils/useStableId.js";const C="slider-label",j="slider-root",k="slider-track",v="slider-range",y=d.forwardRef(((C,j)=>{var{ariaValuetext:k,className:v,defaultValue:y,descriptiveText:x,emptyTrackColor:T,errorMessage:V,filledTrackColor:N,formatValue:E,hasError:O=!1,id:z,isDisabled:H,isValueHidden:R=!1,label:I,labelHidden:M=!1,onChange:w,orientation:D="horizontal",outerEndComponent:G,outerStartComponent:L,testId:P,thumbColor:B,trackSize:U,dir:q,value:A,size:J}=C,K=e(C,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const Q=h(z),W=h(),X=h(),Y=x?X:void 0,{flexContainerStyleProps:Z,baseStyleProps:$,rest:_}=S(K),ee=void 0!==A,[re,ie]=d.useState(ee?A:y),ae=ee?[A]:void 0,le=ee?void 0:[y],te=d.useCallback((e=>{ie(e[0]),n(w)&&w(e[0])}),[w]),oe=d.useMemo((()=>{const e=n(E)?E(re):re;return"string"==typeof E?r(F,Object.assign({as:"span"},{children:e})):e}),[re,E]),se="vertical"===D,de=a(c.SliderFieldTrack,m(c.SliderFieldTrack,D),m(c.SliderFieldTrack,J)),ne=a(c.SliderFieldRoot,m(c.SliderFieldRoot,D),m(c.SliderFieldRoot,J),v);return i(f,Object.assign({className:a(c.Field,c.SliderField),testId:P,"data-size":J},$,Z,{children:[i(g,Object.assign({className:c.SliderFieldLabel,id:W,testId:"slider-label",visuallyHidden:M},{children:[r(F,Object.assign({as:"span"},{children:I})),R?null:oe]})),r(u,{id:X,labelHidden:M,descriptiveText:x}),r(b,Object.assign({className:c.SliderFieldGroup,id:Q,orientation:D,outerStartComponent:L,outerEndComponent:G},{children:i(l,Object.assign({className:ne,"data-testid":"slider-root",disabled:H,defaultValue:le,onValueChange:te,orientation:D,ref:j,value:ae},_,{children:[r(t,Object.assign({className:de,"data-testid":"slider-track",style:{backgroundColor:String(T),[""+(se?"width":"height")]:U}},{children:r(o,{className:a(c.SliderFieldRange,m(c.SliderFieldRange,D)),"data-testid":"slider-range",style:{backgroundColor:String(N)}})})),r(s,{"aria-describedby":Y,"aria-labelledby":W,"aria-valuetext":k,className:a(c.SliderFieldThumb,m(c.SliderFieldThumb,J)),style:{backgroundColor:String(B)}})]}))})),r(p,{hasError:O,errorMessage:V})]}))}));y.displayName="SliderField";export{C as SLIDER_LABEL_TEST_ID,v as SLIDER_RANGE_TEST_ID,j as SLIDER_ROOT_TEST_ID,k as SLIDER_TRACK_TEST_ID,y as SliderField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as i,jsx as t}from"react/jsx-runtime";import*as r from"react";import s from"classnames";import{useStepper as a}from"./useStepper.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{FieldGroup as n}from"../FieldGroup/FieldGroup.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as d}from"../FieldGroupIcon/FieldGroupIconButton.js";import{Flex as p}from"../Flex/Flex.js";import{IconAdd as c}from"../Icon/icons/IconAdd.js";import{ComponentClassNames as m,ComponentText as u}from"../shared/constants.js";import"../View/View.js";import{IconRemove as b}from"../Icon/icons/IconRemove.js";import{Input as h}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{classNameModifier as F,classNameModifierByFlag as j}from"../shared/utils.js";import{splitPrimitiveProps as g}from"../shared/styleUtils.js";import{useStableId as I}from"../utils/useStableId.js";const B="decrease-icon",S="increase-icon",v=r.forwardRef(((B,S)=>{const{className:v,descriptiveText:D,defaultValue:O,errorMessage:y,hasError:C=!1,id:L,isDisabled:x,isReadOnly:R,isRequired:E,increaseButtonLabel:N=u.StepperField.increaseButtonLabel,decreaseButtonLabel:w=u.StepperField.decreaseButtonLabel,label:z,labelHidden:G=!1,onStepChange:V,size:H,variation:M,testId:$,bottom:q,height:T,left:k,padding:P,position:W,right:A,top:U,width:J,value:K}=B,Q=e(B,["className","descriptiveText","defaultValue","errorMessage","hasError","id","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","variation","testId","bottom","height","left","padding","position","right","top","width","value"]),X=I(L),Y=I(),Z=D?Y:void 0,{baseStyleProps:_,flexContainerStyleProps:ee,rest:ie}=g(Q),{step:te,value:re,inputValue:se,handleDecrease:ae,handleIncrease:oe,handleOnBlur:le,handleOnChange:ne,handleOnWheel:de,setInputValue:pe,shouldDisableDecreaseButton:ce,shouldDisableIncreaseButton:me}=a(B);return r.useEffect((()=>{void 0!==K&&pe(K)}),[K,pe]),i(p,Object.assign({className:s(m.Field,F(m.Field,H),m.StepperField,v),"data-size":H,"data-variation":M,testId:$,width:J,height:T,position:W,padding:P,top:U,right:A,left:k,bottom:q},ee,{children:[t(f,Object.assign({htmlFor:X,visuallyHidden:G},{children:z})),t(o,{id:Y,labelHidden:G,descriptiveText:D}),t(n,Object.assign({outerStartComponent:t(d,Object.assign({"aria-controls":X,ariaLabel:`${w} ${re-te}`,className:s(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,M),j(m.StepperFieldButtonDecrease,"disabled",ce)),"data-invalid":C,isDisabled:ce,onClick:ae,size:H},{children:t(b,{"data-testid":"decrease-icon"})})),outerEndComponent:t(d,Object.assign({"aria-controls":X,ariaLabel:`${N} ${re+te}`,className:s(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,M),j(m.StepperFieldButtonIncrease,"disabled",me)),"data-invalid":C,isDisabled:me,onClick:oe,size:H},{children:t(c,{"data-testid":"increase-icon"})}))},{children:t(h,Object.assign({"aria-describedby":Z,className:m.StepperFieldInput,hasError:C,id:X,isDisabled:x,isReadOnly:R,isRequired:E,onBlur:le,onChange:ne,onWheel:de,ref:S,size:H,variation:M,type:"number",value:se},_,ie))})),t(l,{hasError:C,errorMessage:y})]}))}));v.displayName="StepperField";export{B as DECREASE_ICON,S as INCREASE_ICON,v as StepperField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as a,jsx as s}from"react/jsx-runtime";import*as i from"react";import c from"classnames";import{classNameModifierByFlag as o,classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as l}from"../shared/constants.js";import{Flex as r}from"../Flex/Flex.js";import{Input as d}from"../Input/Input.js";import{Label as h}from"../Label/Label.js";import{useStableId as n}from"../utils/useStableId.js";import{useSwitch as m}from"./useSwitch.js";import{View as b}from"../View/View.js";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.js";const p=i.forwardRef(((i,p)=>{var{className:k,defaultChecked:f,id:C,isChecked:w,isDisabled:S,isLabelHidden:j,label:g,labelPosition:F,name:N,onChange:T,size:x,thumbColor:H,trackCheckedColor:L,trackColor:O,value:v}=i,y=e(i,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:I,changeHandler:V,isFocused:z,setIsFocused:D}=m({onChange:T,isChecked:w,defaultChecked:f,isDisabled:S}),P=n(C),W=j?u:b,B=c(l.SwitchTrack,o(l.SwitchTrack,"checked",I),o(l.SwitchTrack,"disabled",S),o(l.SwitchTrack,"focused",z)),R=c(l.SwitchThumb,o(l.SwitchThumb,"checked",I),o(l.SwitchThumb,"disabled",S));return a(r,Object.assign({className:c(l.SwitchField,t(l.SwitchField,x),k),"data-size":x,"data-label-position":F,ref:p},y,{children:[s(u,{children:s(d,{role:"switch",type:"checkbox",id:P,onChange:V,disabled:S,name:N,checked:I,value:v,onFocus:()=>{D(!0)},onBlur:()=>{D(!1)}})}),a(h,Object.assign({htmlFor:P,className:c(l.SwitchWrapper,t(l.SwitchWrapper,F)),"data-label-position":F},{children:[s(W,Object.assign({as:"span",className:l.SwitchLabel},{children:g})),s(b,Object.assign({as:"span",className:B,"data-checked":I,"data-disabled":S,"data-focused":z,backgroundColor:I?L:O},{children:s(b,{as:"span",className:R,"data-checked":I,"data-disabled":S,backgroundColor:H})}))]}))]}))}));p.displayName="SwitchField";export{p as SwitchField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as a}from"
|
|
1
|
+
import{__rest as a}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as n}from"../View/View.js";const l=e.forwardRef(((e,l)=>{var{caption:m,children:c,className:h,highlightOnHover:p=!1,size:d,variation:f}=e,b=a(e,["caption","children","className","highlightOnHover","size","variation"]);const g=s(o.Table,t(o.Table,d),t(o.Table,f),h);return i(n,Object.assign({as:"table",className:g,"data-highlightonhover":p,"data-size":d,"data-variation":f,ref:l},b,{children:[m&&r(n,Object.assign({as:"caption",className:o.TableCaption},{children:m})),c]}))}));l.displayName="Table";export{l as Table};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as s}from"react/jsx-runtime";import*as a from"react";import e from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import{View as m}from"../View/View.js";const t=a.forwardRef(((a,t)=>{var{children:i,className:c}=a,l=r(a,["children","className"]);return s(m,Object.assign({as:"tbody",className:e(o.TableBody,c),ref:t},l,{children:i}))}));t.displayName="TableBody";export{t as TableBody};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as s from"react";import e from"classnames";import{ComponentClassNames as m}from"../shared/constants.js";import{View as t}from"../View/View.js";const o=s.forwardRef(((s,o)=>{var{as:i="td",children:l,className:c}=s,n=r(s,["as","children","className"]);return a(t,Object.assign({as:i,className:e("td"===i?m.TableTd:m.TableTh,c),ref:o},n,{children:l}))}));o.displayName="TableCell";export{o as TableCell};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as s from"react";import a from"classnames";import{ComponentClassNames as e}from"../shared/constants.js";import{View as t}from"../View/View.js";const m=s.forwardRef(((s,m)=>{var{children:i,className:c}=s,l=r(s,["children","className"]);return o(t,Object.assign({as:"tfoot",className:a(e.TableFoot,c),ref:m},l,{children:i}))}));m.displayName="TableFoot";export{m as TableFoot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{ComponentClassNames as m}from"../shared/constants.js";import{View as t}from"../View/View.js";const o=e.forwardRef(((e,o)=>{var{children:i,className:c}=e,l=r(e,["children","className"]);return a(t,Object.assign({as:"thead",className:s(m.TableHead,c),ref:o},l,{children:i}))}));o.displayName="TableHead";export{o as TableHead};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as s}from"react/jsx-runtime";import a from"classnames";import*as e from"react";import{ComponentClassNames as m}from"../shared/constants.js";import{View as o}from"../View/View.js";const t=e.forwardRef(((e,t)=>{var{children:i,className:c}=e,l=r(e,["children","className"]);return s(o,Object.assign({as:"tr",className:a(m.TableRow,c),ref:t},l,{children:i}))}));t.displayName="TableRow";export{t as TableRow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as a}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"classnames";import{Root as n,List as s,Content as i,Trigger as l}from"@radix-ui/react-tabs";import*as o from"react";import{ComponentClassNames as c}from"../shared/constants.js";import{Flex as m}from"../Flex/Flex.js";import{View as d}from"../View/View.js";const p=a=>null!==a&&"object"==typeof a&&a.hasOwnProperty("props")&&null!=a.props.title,f=o.forwardRef(((l,d)=>{var{ariaLabel:f,children:u,className:b,defaultIndex:h=0,currentIndex:g,onChange:j,indicatorPosition:x,spacing:y}=l,I=a(l,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const N=o.Children.map(u,(a=>null===a||"string"==typeof a&&/\s/.test(a)?{}:p(a)?a.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),v={defaultValue:h.toString(),value:null!=g?g.toString():void 0,onValueChange:j};return e(n,Object.assign({},v,{children:[r(s,Object.assign({"aria-label":f},{children:r(m,Object.assign({className:t(c.Tabs,b),"data-indicator-position":x,ref:d},I,{children:o.Children.map(u,((a,e)=>p(a)?o.cloneElement(a,{"data-spacing":y,key:e,value:`${e}`}):null))}))})),N.map(((a,e)=>r(i,Object.assign({value:`${e}`},{children:a.children}),e)))]}))})),u=o.forwardRef(((e,n)=>{var{className:s,title:i}=e,o=a(e,["className","title"]);return r(d,Object.assign({as:l,className:t(c.TabItems,s),ref:n},o,{children:i}))}));f.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,f as Tabs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as a}from"
|
|
1
|
+
import{__rest as a}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{classNameModifier as e,classNameModifierByFlag as i}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as m}from"../View/View.js";const n=t.forwardRef(((t,n)=>{var{as:c="p",className:d,children:f,isTruncated:l,variation:p}=t,u=a(t,["as","className","children","isTruncated","variation"]);const x=s(o.Text,e(o.Text,p),i(o.Text,"truncated",l),d);return r(m,Object.assign({as:c,className:x,"data-truncate":l,"data-variation":p,ref:n},u,{children:f}))}));n.displayName="Text";export{n as Text};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{classNameModifier as i,classNameModifierByFlag as t}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as m}from"../View/View.js";const n=e.forwardRef(((e,n)=>{var{className:d,isReadOnly:l,isRequired:c,size:f,hasError:p=!1,variation:x}=e,u=r(e,["className","isReadOnly","isRequired","size","hasError","variation"]);const j=s(o.Textarea,o.FieldGroupControl,i(o.Textarea,x),i(o.Textarea,f),t(o.Textarea,"error",p),d);return a(m,Object.assign({"aria-invalid":p,as:"textarea",className:j,"data-size":f,"data-variation":x,readOnly:l,ref:n,required:c},u))}));n.displayName="TextArea";export{n as TextArea};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as i from"react";import s from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as a}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as l}from"../Flex/Flex.js";import{Label as m}from"../Label/Label.js";import{splitPrimitiveProps as p}from"../shared/styleUtils.js";import{TextArea as n}from"../TextArea/TextArea.js";import{useStableId as h}from"../utils/useStableId.js";const c=3,f=i.forwardRef(((i,c)=>{const{className:f,descriptiveText:b,errorMessage:g,hasError:j=!1,id:x,label:F,labelHidden:u=!1,rows:w,size:T,testId:y,bottom:v,height:E,left:z,padding:A,position:H,right:I,top:M,width:N}=i,O=e(i,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),S=h(x),C=h(),L=b?C:void 0,{flexContainerStyleProps:P,baseStyleProps:B,rest:D}=p(O);return r(l,Object.assign({className:s(o.Field,o.TextAreaField,f),"data-size":T,height:E,testId:y,width:N,bottom:v,left:z,right:I,top:M,position:H,padding:A},P,{children:[t(m,Object.assign({htmlFor:S,visuallyHidden:u},{children:F})),t(a,{id:C,labelHidden:u,descriptiveText:b}),t(n,Object.assign({"aria-describedby":L,hasError:j,id:S,ref:c,rows:null!=w?w:3,size:T},B,D)),t(d,{hasError:j,errorMessage:g})]}))}));f.displayName="TextAreaField";export{c as DEFAULT_ROW_COUNT,f as TextAreaField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import*as r from"react";import o from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import{splitPrimitiveProps as a}from"../shared/styleUtils.js";import"../Field/FieldClearButton.js";import{FieldDescription as l}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{FieldGroup as m}from"../FieldGroup/FieldGroup.js";import{Flex as p}from"../Flex/Flex.js";import{Input as c}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{isTextAreaField as u,isTextAreaRef as h,isInputField as b,isInputRef as j}from"./utils.js";import{TextArea as g}from"../TextArea/TextArea.js";import{useStableId as F}from"../utils/useStableId.js";import{useDeprecationWarning as x}from"../../hooks/useDeprecationWarning.js";const C=3,v=(r,C)=>{const{className:v,descriptiveText:y,errorMessage:E,hasError:S=!1,id:T,label:w,labelHidden:M=!1,outerEndComponent:I,outerStartComponent:z,innerStartComponent:O,innerEndComponent:H,isMultiline:N,type:A,size:L,testId:P,variation:D,bottom:G,height:W,left:k,padding:B,position:R,right:U,top:q,width:J}=r,K=e(r,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","variation","bottom","height","left","padding","position","right","top","width"]),Q=F(T),V=F(),X=y?V:void 0,{flexContainerStyleProps:Y,baseStyleProps:Z,rest:$}=a(K);x({shouldWarn:r.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let _=null;if(u(r)){const{rows:e}=r;_=t(g,Object.assign({"aria-describedby":X,hasError:S,id:Q,ref:h(r)?C:void 0,rows:null!=e?e:3,size:L,variation:D},Z,$))}else if(b(r)){const{type:e="text"}=r;_=t(c,Object.assign({"aria-describedby":X,hasError:S,id:Q,ref:j(r)?C:void 0,size:L,type:e,variation:D},Z,$))}return i(p,Object.assign({className:o(n.Field,s(n.Field,L),n.TextField,v),bottom:G,"data-size":L,height:W,left:k,padding:B,position:R,right:U,testId:P,top:q,width:J},Y,{children:[t(f,Object.assign({htmlFor:Q,visuallyHidden:M},{children:w})),t(l,{id:V,labelHidden:M,descriptiveText:y}),t(m,Object.assign({outerStartComponent:z,outerEndComponent:I,innerStartComponent:O,innerEndComponent:H,variation:D},{children:_})),t(d,{hasError:S,errorMessage:E})]}))},y=r.forwardRef(v);v.displayName="TextField";export{C as DEFAULT_ROW_COUNT,y as TextField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as s}from"react/jsx-runtime";import o from"classnames";import*as r from"react";import{classNameModifier as t,classNameModifierByFlag as i}from"../shared/utils.js";import{Button as a}from"../Button/Button.js";import{ComponentClassNames as n}from"../shared/constants.js";import{useToggleButton as l}from"./useToggleButton.js";const d=r.forwardRef(((r,d)=>{var{className:m,children:c,defaultPressed:u=!1,isDisabled:f,isPressed:g,onChange:p,onClick:h,size:C,value:v,variation:B}=r,P=e(r,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:b,handleClick:j}=l({isPressed:g,defaultPressed:u,onChange:p,onClick:h,value:v}),k=o(n.ToggleButton,t(n.ToggleButton,B),i(n.ToggleButton,"pressed",b),m);return s(a,Object.assign({"aria-pressed":b,className:k,isDisabled:f,onClick:j,ref:d,size:C,type:"button",variation:B},P,{children:c}))}));d.displayName="ToggleButton";export{d as ToggleButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"classnames";import*as s from"react";import{ComponentClassNames as i}from"../shared/constants.js";import{Flex as a}from"../Flex/Flex.js";import{useToggleButtonGroup as t}from"./useToggleButtonGroup.js";const n=s.forwardRef(((n,l)=>{var{children:m,className:c,isExclusive:u,isSelectionRequired:p,onChange:d,size:g,value:f,variation:v}=n,h=e(n,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const x=t(d,f,u,p);return r(a,Object.assign({className:o(i.ToggleButtonGroup,c),ref:l,role:"group"},h,{children:s.Children.map(m,(e=>s.isValidElement(e)?s.cloneElement(e,{isPressed:u?f===e.props.value:f.includes(e.props.value),onChange:x,size:g,variation:v}):e))}))}));n.displayName="ToggleButtonGroup";export{n as ToggleButtonGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"
|
|
1
|
+
import{__rest as e}from"tslib";import*as s from"react";import{useStyles as t}from"../shared/styleUtils.js";const a=s.forwardRef(((a,r)=>{var{as:i="div",children:l,testId:d,ariaLabel:o,isDisabled:n,style:b}=a,m=e(a,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=t(m,b);return s.createElement(i,Object.assign({"aria-label":o,"data-testid":d,disabled:n,ref:r,style:p},c),l)}));a.displayName="View";export{a as View};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as s}from"
|
|
1
|
+
import{__rest as s}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as a from"react";import e from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import{View as m}from"../View/View.js";const o=a.forwardRef(((a,o)=>{var{as:t="span",children:l,className:n}=a,c=s(a,["as","children","className"]);return r(m,Object.assign({as:t,className:e(i.VisuallyHidden,n),ref:o},c,{children:l}))}));o.displayName="VisuallyHidden";export{o as VisuallyHidden};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o}from"
|
|
1
|
+
import{__rest as o}from"tslib";import*as n from"react";import{ComponentPropsToStylePropsMap as t}from"../types/style.js";import{getValueAtCurrentBreakpoint as r}from"./responsive/utils.js";import{useBreakpoint as e}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as i}from"../../hooks/useTheme.js";import{isEmptyString as a,isNullOrEmptyString as p}from"./utils.js";const s=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),l=o=>"auto"===o?"auto":`span ${o}`,m=o=>{if(s(o))return l(o);if(Array.isArray(o))return o.map((o=>l(o)));if("object"==typeof o&&null!=o){const n={};return Object.entries(o).forEach((([o,t])=>{n[o]=l(t)})),n}return null},c=t=>{const{rowSpan:r,columnSpan:e,row:i,column:a}=t,s=o(t,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:c}=n.useMemo((()=>({rowFromSpanValue:m(r),columnFromSpanValue:m(e)})),[r,e]);return Object.assign({row:p(i)?l:i,column:p(a)?c:a},s)},g=({props:o={},style:n={},breakpoint:e,breakpoints:i})=>{const p={};return Object.keys(o).filter((n=>null!=o[n])).forEach((s=>{if(s in t){if(!a(o[s])){const a=o[s],p=t[s];n=Object.assign(Object.assign({},n),{[p]:r({values:a,breakpoint:e,breakpoints:i,propKey:s})})}}else p[s]=o[s]})),{propStyles:n,nonStyleProps:p}},u=(o,t)=>{const{breakpoints:{values:r,defaultBreakpoint:a}}=i(),p=e({breakpoints:r,defaultBreakpoint:a}),s=c(o);return n.useMemo((()=>g({props:s,style:t,breakpoint:p,breakpoints:r})),[s,t,r,p])},d={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},f={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},S=o=>{const n={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((t=>{t in d?n.flexContainerStyleProps[t]=o[t]:t in f?n.baseStyleProps[t]=o[t]:n.rest[t]=o[t]})),n};export{m as convertGridSpan,g as convertStylePropsToStyleObj,l as getGridSpan,s as isSpanPrimitiveValue,S as splitPrimitiveProps,u as useStyles,c as useTransformStyleProps};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defaultTheme as t,isDesignToken as
|
|
1
|
+
import{defaultTheme as t,isDesignToken as n,cssNameTransform as r}from"@aws-amplify/ui";import{stylePropsToThemeKeys as o}from"./constants.js";const e=t=>"string"==typeof t&&t.length>0,l=t=>"function"==typeof t,i=t=>"string"==typeof t&&0===t.length,s=t=>null==t||i(t),f=(t,n)=>{const r=n-t+1;return Array.from({length:r},((n,r)=>r+t))},p=(t,n)=>n?`${t}--${n}`:null,u=(t,n,r)=>r?`${t}--${n}`:null,a=(e,l)=>{if("string"!=typeof l)return l;if(l.includes(" "))return l.split(" ").map((t=>a(e,t))).join(" ");const i=l.split("."),s=o[e];let f=t.tokens[s];for(let t=0;t<i.length&&f;t++)f=f[i[t]];return n(f)?`var(--${r({path:[o[e],...i]})})`:l};export{p as classNameModifier,u as classNameModifierByFlag,a as getCSSVariableIfValueIsThemeKey,f as getConsecutiveIntArray,i as isEmptyString,l as isFunction,s as isNullOrEmptyString,e as strHasLength};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const r=(r,t)=>{if(!r)return null;const e=Object.entries(r).filter((r=>r[0].startsWith(t)));return Object.assign({},...Array.from(e,(([r,e])=>({[r.replace(t,"")]:e}))))};export{r as findChildOverrides};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t=(t,e)=>{if(!t)return null;const r=Object.entries(t).filter((([t])=>t===e)).flatMap((([,t])=>Object.entries(t))).filter((t=>null==t?void 0:t[0]));return Object.fromEntries(r)};export{t as getOverrideProps};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e,t){const s=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],n=Object.keys(t).filter((e=>s.includes(e)&&t[e])).reduce(((e,s)=>(e[s]=t[s],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(n).length&&Object.entries(e).every((([e,t])=>n[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})}export{e as getOverridesFromVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const s=new Set(Object.keys(t)),n=Object.keys(e).filter((e=>s.has(e))),r=Object.fromEntries(n.map((s=>[s,Object.assign(Object.assign({},e[s]),t[s])])));return Object.assign(Object.assign(Object.assign({},e),t),r)};export{e as mergeVariantsAndOverrides};
|