@aws-amplify/ui-react 4.0.1 → 4.0.2

package/dist/esm/components/Authenticator/Authenticator.js

@@ -1 +1 @@
-import{jsx as e,Fragment as s}from"react/jsx-runtime";import*as i from"react";import{AuthenticatorProvider as o,useAuthenticator as t}from"@aws-amplify/ui-react-core";import{CustomComponentsContext as r}from"./hooks/useCustomComponents/index.js";import"../../primitives/View/View.js";import{Router as n}from"./Router/Router.js";import{SetupTOTP as m}from"./SetupTOTP/SetupTOTP.js";import{SignIn as a}from"./SignIn/SignIn.js";import{SignUp as u}from"./SignUp/SignUp.js";import{ForceNewPassword as c}from"./ForceNewPassword/ForceNewPassword.js";import"./ResetPassword/ConfirmResetPassword.js";import{ResetPassword as p}from"./ResetPassword/ResetPassword.js";import{defaultComponents as f}from"./hooks/useCustomComponents/defaultComponents.js";function d({children:o,className:m,components:a,formFields:u,hideSignUp:c,initialState:p,loginMechanisms:d,signUpAttributes:g,services:l,socialProviders:j,variation:P}){const{route:w,signOut:S,user:h}=t((({route:e,signOut:s,user:i})=>[e,s,i]));!function(e){const{route:s,initializeMachine:o}=t((({route:e})=>[e])),r=i.useRef(!1);i.useEffect((()=>{r.current||"setup"!==s||(o(e),r.current=!0)}),[o,s,e])}({initialState:p,loginMechanisms:d,services:l,signUpAttributes:g,socialProviders:j,formFields:u});const O=i.useMemo((()=>({components:Object.assign(Object.assign({},f),a)})),[a]);return"authenticated"===w||"signOut"===w?o?e(s,{children:"function"==typeof o?o({signOut:S,user:h}):o}):null:e(r.Provider,Object.assign({value:O},{children:e(n,{className:m,hideSignUp:c,variation:P})}))}function g(s){return e(o,{children:e(d,Object.assign({},s))})}g.Provider=o,g.ResetPassword=p,g.SetupTOTP=m,g.SignIn=a,g.SignUp=u,g.ForceNewPassword=c;export{g as Authenticator,d as AuthenticatorInternal};
+import{jsx as s,Fragment as e}from"react/jsx-runtime";import*as i from"react";import{AuthenticatorProvider as o,useAuthenticator as r,useAuthenticatorInitMachine as t}from"@aws-amplify/ui-react-core";import{CustomComponentsContext as n}from"./hooks/useCustomComponents/index.js";import"../../primitives/View/View.js";import{Router as m}from"./Router/Router.js";import{SetupTOTP as a}from"./SetupTOTP/SetupTOTP.js";import{SignIn as p}from"./SignIn/SignIn.js";import{SignUp as u}from"./SignUp/SignUp.js";import{ForceNewPassword as c}from"./ForceNewPassword/ForceNewPassword.js";import"./ResetPassword/ConfirmResetPassword.js";import{ResetPassword as d}from"./ResetPassword/ResetPassword.js";import{defaultComponents as f}from"./hooks/useCustomComponents/defaultComponents.js";function g({children:o,className:a,components:p,formFields:u,hideSignUp:c,initialState:d,loginMechanisms:g,signUpAttributes:l,services:j,socialProviders:P,variation:w}){const{route:S,signOut:h,user:O}=r((({route:s,signOut:e,user:i})=>[s,e,i]));t({initialState:d,loginMechanisms:g,services:j,signUpAttributes:l,socialProviders:P,formFields:u});const v=i.useMemo((()=>({components:Object.assign(Object.assign({},f),p)})),[p]);return"authenticated"===S||"signOut"===S?o?s(e,{children:"function"==typeof o?o({signOut:h,user:O}):o}):null:s(n.Provider,Object.assign({value:v},{children:s(m,{className:a,hideSignUp:c,variation:w})}))}function l(e){return s(o,{children:s(g,Object.assign({},e))})}l.Provider=o,l.ResetPassword=d,l.SetupTOTP=a,l.SignIn=p,l.SignUp=u,l.ForceNewPassword=c;export{l as Authenticator,g as AuthenticatorInternal};

package/dist/esm/hooks/useBreakpointValue.js

@@ -1 +1 @@
-import{getValueAtCurrentBreakpoint as e}from"../primitives/shared/responsive/utils.js";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.js";import{useTheme as s}from"./useTheme.js";function i(i,o,t){const{breakpoints:{values:p}}=s(),n=r({breakpoints:p,defaultBreakpoint:o});return e({breakpoint:n,breakpoints:p,propKey:t,values:i})}export{i as useBreakpointValue};
+import{getValueAtCurrentBreakpoint as e}from"../primitives/shared/responsive/utils.js";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.js";import{useTheme as s}from"./useTheme.js";function o(o,i,t){const{breakpoints:{values:p},tokens:n}=s(),a=r({breakpoints:p,defaultBreakpoint:i});return e({breakpoint:a,breakpoints:p,propKey:t,values:o,tokens:n})}export{o as useBreakpointValue};

package/dist/esm/primitives/Autocomplete/Autocomplete.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import t from"classnames";import*as i from"react";import{AutocompleteOption as a}from"./AutocompleteOption.js";import{AutocompleteMenu as l}from"./AutocompleteMenu.js";import{useAutocomplete as s}from"./useAutocomplete.js";import{HighlightMatch as r}from"../HighlightMatch/HighlightMatch.js";import{SearchField as c}from"../SearchField/SearchField.js";import{View as u}from"../View/View.js";import{isFunction as d}from"../shared/utils.js";import{ComponentClassNames as m}from"../shared/constants.js";const p=(i,p)=>{var{className:h,defaultValue:f,value:O,isLoading:g=!1,menuSlots:C={},options:b,optionFilter:j,onBlur:v,onChange:I,onClear:S,onClick:F,onFocus:M,onSelect:w,onSubmit:x,renderOption:A,testId:B}=i,V=o(i,["className","defaultValue","value","isLoading","menuSlots","options","optionFilter","onBlur","onChange","onClear","onClick","onFocus","onSelect","onSubmit","renderOption","testId"]);const{activeOptionId:k,autocompleteId:y,composedValue:D,filteredOptions:N,handleOnBlur:L,handleOnClear:H,handleOnClick:K,handleOnFocus:$,handleOnChange:q,handleOnKeyDown:R,isControlled:z,isCustomFiltering:E,isMenuOpen:G,listboxId:J,menuId:P,optionBaseId:Q,setActiveOption:T,setIsMenuOpen:U,setInternalValue:W}=s({defaultValue:f,value:O,options:b,optionFilter:j,onBlur:v,onChange:I,onClear:S,onClick:F,onFocus:M,onSelect:w,onSubmit:x}),X={role:"combobox","aria-activedescendant":k,"aria-autocomplete":"list","aria-controls":G?P:void 0,"aria-expanded":G,"aria-haspopup":"listbox","aria-owns":G?P:void 0},Y=N.map(((n,t)=>{const{id:i,label:l}=n,s=o(n,["id","label"]),c=null!=i?i:`${Q}-option-${t}`,u=c===k;return e(a,Object.assign({isActive:u,id:c,onClick:()=>{U(!1),T(null),z||W(l),d(w)&&w(n)},onMouseDown:o=>{o.preventDefault()},onMouseMove:()=>{T(n)}},s,{children:d(A)?A(n,D):E?l:e(r,Object.assign({query:D},{children:l}))}),c)}));return n(u,Object.assign({className:t(m.Autocomplete,h),id:y,testId:B},{children:[e(c,Object.assign({hasSearchButton:!1,hasSearchIcon:!0,onBlur:L,onChange:q,onClear:H,onClick:K,onFocus:$,onKeyDown:R,ref:p,value:D},X,V)),G?e(l,Object.assign({id:P,isLoading:g,listboxId:J},C,{children:Y})):null]}))},h=i.forwardRef(p);h.displayName="Autocomplete";export{h as Autocomplete,p as AutocompletePrimitive};
+import{__rest as e}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import t from"classnames";import*as i from"react";import{AutocompleteOption as a}from"./AutocompleteOption.js";import{AutocompleteMenu as l}from"./AutocompleteMenu.js";import{useAutocomplete as r}from"./useAutocomplete.js";import{HighlightMatch as s}from"../HighlightMatch/HighlightMatch.js";import{SearchField as c}from"../SearchField/SearchField.js";import{View as u}from"../View/View.js";import{isFunction as m}from"../shared/utils.js";import{ComponentClassNames as d}from"../shared/constants.js";const p=(i,p)=>{var{className:h,defaultValue:f,value:g,isLoading:C=!1,menuSlots:O={},options:b,optionFilter:j,onBlur:v,onChange:I,onClear:S,onClick:M,onSelect:w,onSubmit:x,renderOption:A,testId:B}=i,V=e(i,["className","defaultValue","value","isLoading","menuSlots","options","optionFilter","onBlur","onChange","onClear","onClick","onSelect","onSubmit","renderOption","testId"]);const{activeOptionId:k,autocompleteId:F,composedValue:y,filteredOptions:D,handleOnBlur:N,handleOnClear:L,handleOnClick:H,handleOnChange:K,handleOnKeyDown:$,isControlled:q,isCustomFiltering:R,isMenuOpen:z,listboxId:E,menuId:G,optionBaseId:J,setActiveOption:P,setIsMenuOpen:Q,setInternalValue:T}=r({defaultValue:f,value:g,options:b,optionFilter:j,onBlur:v,onChange:I,onClear:S,onClick:M,onSelect:w,onSubmit:x}),U={role:"combobox","aria-activedescendant":k,"aria-autocomplete":"list","aria-controls":z?G:void 0,"aria-expanded":z,"aria-haspopup":"listbox","aria-owns":z?G:void 0},W=D.map(((n,t)=>{const{id:i,label:l}=n,r=e(n,["id","label"]),c=null!=i?i:`${J}-option-${t}`,u=c===k;return o(a,Object.assign({isActive:u,id:c,onClick:()=>{Q(!1),P(null),q||T(l),m(w)&&w(n)},onMouseDown:e=>{e.preventDefault()},onMouseMove:()=>{P(n)}},r,{children:m(A)?A(n,y):R?l:o(s,Object.assign({query:y},{children:l}))}),c)}));return n(u,Object.assign({className:t(d.Autocomplete,h),id:F,testId:B},{children:[o(c,Object.assign({hasSearchButton:!1,hasSearchIcon:!0,onBlur:N,onChange:K,onClear:L,onClick:H,onKeyDown:$,ref:p,value:y},U,V)),z?o(l,Object.assign({id:G,isLoading:C,listboxId:E},O,{children:W})):null]}))},h=i.forwardRef(p);h.displayName="Autocomplete";export{h as Autocomplete,p as AutocompletePrimitive};

package/dist/esm/primitives/Autocomplete/useAutocomplete.js

@@ -1 +1 @@
-import*as e from"react";import{ARROW_UP as t,ARROW_DOWN as n,ENTER_KEY as o,ESCAPE_KEY as l}from"../shared/constants.js";import{isFunction as s}from"../shared/utils.js";import{useStableId as i}from"../utils/useStableId.js";const c=new Set([n,t,o,l]),u=({defaultValue:u="",value:a,options:d,optionFilter:r,onBlur:m,onChange:f,onClear:h,onClick:p,onFocus:g,onSelect:b,onSubmit:C})=>{const I=void 0!==a,[k,v]=e.useState(u),O=I?a:k,[B,E]=e.useState(!1),[w,y]=e.useState(null),S=s(r),T=e.useMemo((()=>{const e=S?e=>r(e,O):e=>{const{label:t}=e;return null==t?void 0:t.includes(O)};return(null==d?void 0:d.filter(e))||[]}),[O,r,S,d]),H=i(),F=i(),M=i(),V=i(),j=T.findIndex((e=>e===w)),x=(null==w?void 0:w.id)||(-1!==j?`${V}-option-${j}`:void 0),D=e.useCallback((e=>{E(!1),y(null),s(m)&&m(e)}),[m]),R=e.useCallback((e=>{y(null),E(!0),I||v(e.target.value),s(f)&&f(e)}),[I,f]),$=e.useCallback((()=>{I||v(""),s(h)&&h()}),[I,h]),A=e.useCallback((e=>{E(!0),s(p)&&p(e)}),[p]),K=e.useCallback((e=>{E(!0),s(g)&&g(e)}),[g]);return e.useEffect((()=>{const e=document.getElementById(H),t=document.getElementById(M);if(t&&B){const{bottom:n}=t.getBoundingClientRect(),{offsetParent:o,offsetTop:l}=e;o===document.body&&n>document.documentElement.clientHeight&&window.scrollTo({top:Math.min(n-document.documentElement.clientHeight+window.scrollY+20,l),behavior:"smooth"})}}),[H,B,M]),e.useEffect((()=>{const e=document.getElementById(F),t=document.getElementById(x);if(t&&e){const{scrollTop:n,clientHeight:o}=e,{offsetHeight:l,offsetTop:s}=t,{top:i,bottom:c}=t.getBoundingClientRect();n>s&&(e.scrollTop=s),n+o<s+l&&(e.scrollTop=s+l-o),(i<0||c>document.documentElement.clientHeight)&&t.scrollIntoView({behavior:"smooth",block:"nearest"})}}),[x,F]),{activeOptionId:x,autocompleteId:H,composedValue:O,filteredOptions:T,handleOnBlur:D,handleOnClear:$,handleOnClick:A,handleOnFocus:K,handleOnChange:R,handleOnKeyDown:e=>{const{key:i}=e;if(c.has(i))switch(e.preventDefault(),i){case l:B?(E(!1),y(null)):$();break;case o:if(w){const{label:e}=w;I||v(e),s(b)&&b(w)}else s(C)&&C(O);E(!1),y(null);break;case n:{if(T.length<=0)return;E(!0);const e=j>=T.length-1?0:j+1;y(T[e]);break}case t:{if(T.length<=0)return;E(!0);const e=j<=0?T.length-1:j-1;y(T[e])}}},isControlled:I,isCustomFiltering:S,isMenuOpen:B,listboxId:F,menuId:M,optionBaseId:V,setActiveOption:y,setIsMenuOpen:E,setInternalValue:v}};export{u as useAutocomplete};
+import*as e from"react";import{ARROW_UP as t,ARROW_DOWN as o,ENTER_KEY as n,ESCAPE_KEY as l}from"../shared/constants.js";import{isFunction as s}from"../shared/utils.js";import{useStableId as i}from"../utils/useStableId.js";const c=new Set([o,t,n,l]),a=({defaultValue:a="",value:u,options:r,optionFilter:d,onBlur:m,onChange:f,onClear:h,onClick:p,onSelect:g,onSubmit:b})=>{const C=void 0!==u,[I,v]=e.useState(a),k=C?u:I,[w,O]=e.useState(!1),[B,E]=e.useState(null),y=s(d),S=e.useMemo((()=>{const e=y?e=>d(e,k):e=>{const{label:t}=e;return null==t?void 0:t.toLocaleLowerCase().includes(null==k?void 0:k.toLocaleLowerCase())};return(null==r?void 0:r.filter(e))||[]}),[k,d,y,r]),T=i(),H=i(),L=i(),M=i(),V=S.findIndex((e=>e===B)),j=(null==B?void 0:B.id)||(-1!==V?`${M}-option-${V}`:void 0),x=e.useCallback((e=>{O(!1),E(null),s(m)&&m(e)}),[m]),D=e.useCallback((e=>{E(null),O(!0),C||v(e.target.value),s(f)&&f(e)}),[C,f]),F=e.useCallback((()=>{C||v(""),s(h)&&h()}),[C,h]),R=e.useCallback((e=>{O(!0),s(p)&&p(e)}),[p]);return e.useEffect((()=>{const e=document.getElementById(T),t=document.getElementById(L);if(t&&w){const{bottom:o}=t.getBoundingClientRect(),{offsetParent:n,offsetTop:l}=e;n===document.body&&o>document.documentElement.clientHeight&&window.scrollTo({top:Math.min(o-document.documentElement.clientHeight+window.scrollY+20,l),behavior:"smooth"})}}),[T,w,L]),e.useEffect((()=>{const e=document.getElementById(H),t=document.getElementById(j);if(t&&e){const{scrollTop:o,clientHeight:n}=e,{offsetHeight:l,offsetTop:s}=t,{top:i,bottom:c}=t.getBoundingClientRect();o>s&&(e.scrollTop=s),o+n<s+l&&(e.scrollTop=s+l-n),(i<0||c>document.documentElement.clientHeight)&&t.scrollIntoView({behavior:"smooth",block:"nearest"})}}),[j,H]),{activeOptionId:j,autocompleteId:T,composedValue:k,filteredOptions:S,handleOnBlur:x,handleOnClear:F,handleOnClick:R,handleOnChange:D,handleOnKeyDown:e=>{const{key:i}=e;if(c.has(i))switch(e.preventDefault(),i){case l:w?(O(!1),E(null)):F();break;case n:if(B){const{label:e}=B;C||v(e),s(g)&&g(B)}else s(b)&&b(k);O(!1),E(null);break;case o:{if(S.length<=0)return;O(!0);const e=V>=S.length-1?0:V+1;E(S[e]);break}case t:{if(S.length<=0)return;O(!0);const e=V<=0?S.length-1:V-1;E(S[e])}}},isControlled:C,isCustomFiltering:y,isMenuOpen:w,listboxId:H,menuId:L,optionBaseId:M,setActiveOption:E,setIsMenuOpen:O,setInternalValue:v}};export{a as useAutocomplete};

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

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

package/dist/esm/primitives/shared/responsive/utils.js

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

package/dist/esm/primitives/shared/styleUtils.js

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

package/dist/esm/primitives/shared/utils.js

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