@aws-amplify/ui-react 2.19.1 → 2.20.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/esm/components/Geo/LocationSearch/index.js +1 -1
- package/dist/esm/components/Geo/MapView/index.js +1 -1
- package/dist/esm/components/ThemeProvider/index.js +1 -1
- package/dist/esm/hooks/actions/shared/useTypeCastFields.js +1 -1
- package/dist/esm/hooks/useBreakpointValue.js +1 -1
- package/dist/esm/hooks/useTheme.js +1 -1
- package/dist/esm/primitives/shared/responsive/utils.js +1 -1
- package/dist/esm/primitives/shared/styleUtils.js +1 -1
- package/dist/esm/primitives/shared/utils.js +1 -1
- package/dist/esm/primitives/types/theme.js +1 -0
- package/dist/index.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/styles.css +30 -30
- package/dist/types/components/Geo/LocationSearch/index.d.ts +1 -171
- package/dist/types/components/Geo/MapView/index.d.ts +6 -2
- package/dist/types/hooks/actions/useDataStoreCreateAction.d.ts +1 -1
- package/dist/types/hooks/actions/useDataStoreDeleteAction.d.ts +1 -1
- package/dist/types/hooks/actions/useDataStoreUpdateAction.d.ts +1 -1
- package/dist/types/hooks/actions/useNavigateAction.d.ts +1 -1
- package/dist/types/hooks/useBreakpointValue.d.ts +1 -1
- package/dist/types/hooks/useControllable.d.ts +2 -1
- package/dist/types/hooks/useStorageURL.d.ts +1 -4
- package/dist/types/hooks/useTheme.d.ts +5 -5
- package/dist/types/primitives/shared/responsive/utils.d.ts +1 -1
- package/dist/types/primitives/shared/utils.d.ts +1 -0
- package/dist/types/primitives/types/style.d.ts +41 -40
- package/dist/types/primitives/types/theme.d.ts +78 -0
- package/dist/utils-beb5a80b.js +1 -0
- package/package.json +2 -2
- package/dist/utils-55cbae67.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as r}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import t from"maplibre-gl";import{createAmplifyGeocoder as
|
|
1
|
+
import{__rest as r}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as e}from"react";import i from"maplibre-gl";import{createAmplifyGeocoder as n}from"maplibre-gl-js-amplify";import{useMap as s,useControl as m}from"react-map-gl";const p={maplibregl:i,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},l=o=>{var{position:t="top-right"}=o,e=r(o,["position"]);return m((()=>n(e)),{position:t}),null},c=r=>{const i=t(!1);return e((()=>{i.current||(n(r).addTo("#geocoder-container"),i.current=!0)}),[r]),o("div",{id:"geocoder-container"})},a=r=>{const{current:t}=s();return o(t?l:c,Object.assign({},p,r))},u=a;export{u as Geocoder,a as LocationSearch};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as i,__awaiter as o}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useMemo as r,useState as l,useEffect as a}from"react";import m from"maplibre-gl";import{AmplifyMapLibreRequest as n}from"maplibre-gl-js-amplify";import s from"react-map-gl";import{Amplify as p,Auth as d}from"aws-amplify";const u=t(((t,u)=>{var v,{mapLib:c,mapStyle:f,style:g}=t,y=i(t,["mapLib","mapStyle","style"]);const b=p.configure(),j=r((()=>{var i,o,e,t;return null!==(t=null!==(o=null===(i=b.geo)||void 0===i?void 0:i.amazon_location_service)&&void 0!==o?o:null===(e=b.geo)||void 0===e?void 0:e.AmazonLocationService)&&void 0!==t?t:{}}),[b]),[w,h]=l(),L=r((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},g)),[g]);return a((()=>{o(void 0,void 0,void 0,(function*(){const i=yield d.currentUserCredentials();if(i){const{region:o}=j,{transformRequest:e}=new n(i,o);h((()=>e))}}))}),[j]),w?e(s,Object.assign({},y,{mapLib:null!=c?c:m,mapStyle:null!=f?f:null===(v=j.maps)||void 0===v?void 0:v.default,ref:u,style:L,transformRequest:w})):null}));u.displayName="MapView";export{u as MapView};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import*as m from"react";import{createTheme as o}from"@aws-amplify/ui";import{AmplifyContext as n}from"./AmplifyContext.js";function d({children:d,colorMode:i,theme:a,nonce:c}){const l=m.useMemo((()=>({theme:o(a)})),[a]),{theme:{name:r,cssText:u}}=l;return m.useEffect((()=>{var e;if(document&&document.documentElement){const t=null!==(e=document.documentElement.getAttribute("data-amplify-theme"))&&void 0!==e?e:r,m=document.documentElement.getAttribute("data-amplify-color-mode")||i;return document.documentElement.setAttribute("data-amplify-theme",r),document.documentElement.setAttribute("data-amplify-color-mode",i||m),function(){document.documentElement.setAttribute("data-amplify-theme",t),document.documentElement.setAttribute("data-amplify-color-mode",m)}}}),[r,i]),e(n.Provider,Object.assign({value:l},{children:[t("div",Object.assign({"data-amplify-theme":r,"data-amplify-color-mode":i},{children:d})),void 0===a||/<\/style/i.test(u)?null:t("style",{id:`amplify-theme-${r}`,dangerouslySetInnerHTML:{__html:u},nonce:c})]}))}const i=d;export{d as AmplifyProvider,i as ThemeProvider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{isAlreadyTyped as o}from"./types.js";const a=({fields:a,modelName:
|
|
1
|
+
import*as e from"react";import{isAlreadyTyped as o}from"./types.js";const a=({fields:a,modelName:s,schema:t})=>e.useMemo((()=>{if(o(a,t))return a;const e={};return Object.keys(a).forEach((o=>{var r,l,i;const n=a[o];switch(null===(i=null===(l=null===(r=null==t?void 0:t.models[s])||void 0===r?void 0:r.fields)||void 0===l?void 0:l[o])||void 0===i?void 0:i.type){case"AWSTimestamp":case"Float":e[o]=Number(n);break;case"Boolean":e[o]=Boolean(n);break;case"Int":e[o]=parseInt(n);break;default:e[o]=n}})),e}),[a,t,s]);export{a as useTypeCastFields};
|
|
@@ -1 +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){const{breakpoints:{values:
|
|
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(i,n,p,t)}export{i as useBreakpointValue};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as o from"react";import{createTheme as t}from"@aws-amplify/ui";import{AmplifyContext as e}from"../components/ThemeProvider/AmplifyContext.js";const m=
|
|
1
|
+
import*as o from"react";import{createTheme as t}from"@aws-amplify/ui";import{AmplifyContext as e}from"../components/ThemeProvider/AmplifyContext.js";const m=o=>void 0===o||void 0===o.theme?t():o.theme,r=()=>{const t=o.useContext(e);return m(t)};export{m as getThemeFromContext,r as useTheme};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isDesignToken as r}from"@aws-amplify/ui";const
|
|
1
|
+
import{isDesignToken as r}from"@aws-amplify/ui";import{getCSSVariableIfValueIsThemeKey as t}from"../utils.js";const o=(o,e,s,i)=>{if(r(o))return o.toString();if("object"!=typeof o)return t(i,o);let f={};const c=Object.keys(s).sort(((r,t)=>s[r]-s[t]));return Array.isArray(o)?o.map(((r,t)=>{f[c[t]]=r})):f=o,n(i,f,e,s)},n=(o,n,e,s)=>{if(n.hasOwnProperty(e)){const s=n[e];return r(s)?s.toString():t(o,s)}const i=Object.keys(s).sort(((r,t)=>s[t]-s[r])),f=i.slice(i.indexOf(e));for(const e of f)if(n.hasOwnProperty(e)){const s=n[e];return r(s)?s.toString():t(o,s)}return null};export{o as getValueAtCurrentBreakpoint};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as t from"react";import{
|
|
1
|
+
import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as t from"react";import{ComponentPropsToStylePropsMap as n}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{isNullOrEmptyString as a,isEmptyString as s}from"./utils.js";const p=n=>{const{rowSpan:r,columnSpan:e,row:i,column:s}=n,p=o(n,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:m}=t.useMemo((()=>({rowFromSpanValue:u(r),columnFromSpanValue:u(e)})),[r,e]);return Object.assign({row:a(i)?l:i,column:a(s)?m:s},p)},l=(o,n)=>{const{breakpoints:{values:r,defaultBreakpoint:a}}=i(),s=e({breakpoints:r,defaultBreakpoint:a}),l=p(o);return t.useMemo((()=>d({props:l,style:n,breakpoint:s,breakpoints:r})),[l,n,r,s])},m=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),u=o=>{if(m(o))return c(o);if(Array.isArray(o))return o.map((o=>c(o)));if("object"==typeof o&&null!=o){const t={};return Object.entries(o).forEach((([o,n])=>{t[o]=c(n)})),t}return null},c=o=>"auto"===o?"auto":`span ${o}`,d=({props:o={},style:t={},breakpoint:e,breakpoints:i})=>{const a={};return Object.keys(o).filter((t=>null!=o[t])).forEach((p=>{if(p in n){if(!s(o[p])){let a=o[p];a=r(a,e,i,p);const s=n[p];t=Object.assign(Object.assign({},t),{[s]:a})}}else a[p]=o[p]})),{propStyles:t,nonStyleProps:a}},g={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,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!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,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!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 t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((n=>{n in g?t.flexContainerStyleProps[n]=o[n]:n in f?t.baseStyleProps[n]=o[n]:t.rest[n]=o[n]})),t};export{u as convertGridSpan,d as convertStylePropsToStyleObj,c as getGridSpan,m as isSpanPrimitiveValue,S as splitPrimitiveProps,l as useStyles,p as useTransformStyleProps};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
import{isDesignToken as e,cssNameTransform as t,defaultTheme as r}from"@aws-amplify/ui";import{stylePropsToThemeKeys as n}from"../types/theme.js";const s=e=>"string"==typeof e&&e.length>0,i=e=>"function"==typeof e,l=e=>"string"==typeof e&&0===e.length,c=e=>null==e||l(e),a=(e,t)=>{const r=t-e+1;return Array.from({length:r},((t,r)=>r+e))},f=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(r,(([e,r])=>({[e.replace(t,"")]:r}))))},o=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(r)};function u(e,t){const r=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],n=Object.keys(t).filter((e=>r.includes(e)&&t[e])).reduce(((e,r)=>(e[r]=t[r],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)),{})}const j=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const r=new Set(Object.keys(t)),n=Object.keys(e).filter((e=>r.has(e))),s=Object.fromEntries(n.map((r=>[r,Object.assign(Object.assign({},e[r]),t[r])])));return Object.assign(Object.assign(Object.assign({},e),t),s)},b=(e,t)=>t?`${e}--${t}`:null,O=(e,t,r)=>r?`${e}--${t}`:null,g=(s,i)=>{if("string"!=typeof i)return i;const l=i.split(".");let{tokens:c}=r;c=c[n[s]];for(let e=0;e<l.length&&c;e++)c=c[l[e]];return e(c)?`var(--${t({path:[n[s],...l]})})`:i};export{b as classNameModifier,O as classNameModifierByFlag,f as findChildOverrides,g as getCSSVariableIfValueIsThemeKey,a as getConsecutiveIntArray,o as getOverrideProps,u as getOverridesFromVariants,l as isEmptyString,i as isFunction,c as isNullOrEmptyString,j as mergeVariantsAndOverrides,s as strHasLength};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const a={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",marginBlockEnd:"space",marginBlockStart:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"};export{a as stylePropsToThemeKeys};
|