@aws-amplify/ui-react 2.17.0 → 2.17.1

package/dist/esm/components/Geo/Geocoder/index.js

@@ -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 e}from"maplibre-gl-js-amplify";import{useRef as i,useEffect as n}from"react";import{useMap as s,useControl as m}from"react-map-gl";const p={maplibregl:t,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},l=r=>{const{current:t}=s();return o(t?c:a,Object.assign({},p,r))},c=o=>{var{position:t="top-right"}=o,i=r(o,["position"]);return m((()=>e(i)),{position:t}),null},a=r=>{const t=i(!1);return n((()=>{t.current||(e(r).addTo("#geocoder-container"),t.current=!0)}),[r]),o("div",{id:"geocoder-container"})};export{l as Geocoder};
+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 e}from"maplibre-gl-js-amplify";import{useRef as i,useEffect as s}from"react";import{useMap as n,useControl as m}from"react-map-gl/dist/es5";const p={maplibregl:t,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},l=r=>{const{current:t}=n();return o(t?c:a,Object.assign({},p,r))},c=o=>{var{position:t="top-right"}=o,i=r(o,["position"]);return m((()=>e(i)),{position:t}),null},a=r=>{const t=i(!1);return s((()=>{t.current||(e(r).addTo("#geocoder-container"),t.current=!0)}),[r]),o("div",{id:"geocoder-container"})};export{l as Geocoder};

package/dist/esm/components/Geo/MapView/index.js

@@ -1 +1 @@
-import{__rest as o,__awaiter as i}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"react/jsx-runtime";import{Amplify as t,Auth as r}from"aws-amplify";import l from"maplibre-gl";import{AmplifyMapLibreRequest as m}from"maplibre-gl-js-amplify";import{forwardRef as n,useMemo as a,useState as s,useEffect as p}from"react";import u from"react-map-gl";const v=n(((n,v)=>{var d,{mapLib:c,mapStyle:f,style:g}=n,b=o(n,["mapLib","mapStyle","style"]);const y=t.configure(),j=a((()=>{var o,i,e,t;return null!==(t=null!==(i=null===(o=y.geo)||void 0===o?void 0:o.amazon_location_service)&&void 0!==i?i:null===(e=y.geo)||void 0===e?void 0:e.AmazonLocationService)&&void 0!==t?t:{}}),[y]),[h,w]=s(),L=a((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},g)),[g]);return p((()=>{i(void 0,void 0,void 0,(function*(){const o=yield r.currentUserCredentials();if(o){const{region:i}=j,{transformRequest:e}=new m(o,i);w((()=>e))}}))}),[j]),h?e(u,Object.assign({},b,{mapLib:null!=c?c:l,mapStyle:null!=f?f:null===(d=j.maps)||void 0===d?void 0:d.default,ref:v,style:L,transformRequest:h})):null}));export{v as MapView};
+import{__rest as o,__awaiter as i}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"react/jsx-runtime";import{Amplify as t,Auth as r}from"aws-amplify";import l from"maplibre-gl";import{AmplifyMapLibreRequest as m}from"maplibre-gl-js-amplify";import{forwardRef as n,useMemo as a,useState as s,useEffect as p}from"react";import d from"react-map-gl/dist/es5";const u=n(((n,u)=>{var v,{mapLib:c,mapStyle:f,style:g}=n,b=o(n,["mapLib","mapStyle","style"]);const y=t.configure(),j=a((()=>{var o,i,e,t;return null!==(t=null!==(i=null===(o=y.geo)||void 0===o?void 0:o.amazon_location_service)&&void 0!==i?i:null===(e=y.geo)||void 0===e?void 0:e.AmazonLocationService)&&void 0!==t?t:{}}),[y]),[h,w]=s(),L=a((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},g)),[g]);return p((()=>{i(void 0,void 0,void 0,(function*(){const o=yield r.currentUserCredentials();if(o){const{region:i}=j,{transformRequest:e}=new m(o,i);w((()=>e))}}))}),[j]),h?e(d,Object.assign({},b,{mapLib:null!=c?c:l,mapStyle:null!=f?f:null===(v=j.maps)||void 0===v?void 0:v.default,ref:u,style:L,transformRequest:h})):null}));export{u as MapView};

package/dist/esm/primitives/Button/Button.js

@@ -1 +1 @@
-import{__rest as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import s from"classnames";import*as o from"react";import{classNameModifier as e,classNameModifierByFlag as r}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Loader as d}from"../Loader/Loader.js";import{View as m}from"../View/View.js";const u=o.forwardRef(((o,u)=>{var{className:p,children:c,isFullWidth:f=!1,isDisabled:b,isLoading:h,loadingText:j="",size:g,type:B="button",variation:x}=o,w=t(o,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=s(n.Button,n.FieldGroupControl,e(n.Button,x),e(n.Button,g),r(n.Button,"disabled",b||h),r(n.Button,"loading",h),r(n.Button,"fullwidth",f),p);return i(m,Object.assign({ref:u,as:"button",className:F,"data-fullwidth":f,"data-loading":h,"data-size":g,"data-variation":x,isDisabled:b||h,type:B},w,{children:h&&j?a(l,Object.assign({as:"span",className:n.ButtonLoaderWrapper},{children:[i(d,{size:g}),j]})):c}))}));u.displayName="Button";export{u as Button};
+import{__rest as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import s from"classnames";import*as o from"react";import{classNameModifier as e,classNameModifierByFlag as r}from"../shared/utils.js";import{ComponentClassNames as d}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Loader as n}from"../Loader/Loader.js";import{View as m}from"../View/View.js";const u=o.forwardRef(((o,u)=>{var{className:p,children:c,isFullWidth:f=!1,isDisabled:b,isLoading:h,loadingText:j="",size:g,type:B="button",variation:x}=o,w=t(o,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=s(d.Button,d.FieldGroupControl,e(d.Button,x),e(d.Button,g),r(d.Button,"disabled",b||h||w.disabled),r(d.Button,"loading",h),r(d.Button,"fullwidth",f),p);return i(m,Object.assign({ref:u,as:"button",className:F,"data-fullwidth":f,"data-loading":h,"data-size":g,"data-variation":x,isDisabled:b||h,type:B},w,{children:h&&j?a(l,Object.assign({as:"span",className:d.ButtonLoaderWrapper},{children:[i(n,{size:g}),j]})):c}))}));u.displayName="Button";export{u as Button};

package/dist/esm/primitives/FieldGroup/FieldGroup.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import*as t from"react";import o from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as a}from"../shared/constants.js";import{Flex as s}from"../Flex/Flex.js";import{View as l}from"../View/View.js";const d=t.forwardRef(((t,d)=>{var{children:m,className:p,innerEndComponent:c,innerStartComponent:u,orientation:F="horizontal",outerEndComponent:j,outerStartComponent:f}=t,h=e(t,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent"]);const G=null!=c,N=null!=u?a.FieldGroupHasInnerStart:null,b=G?a.FieldGroupHasInnerEnd:null,C=o(a.FieldGroup,N,b,i(a.FieldGroup,F),p);return r(s,Object.assign({className:C,"data-orientation":F,ref:d},h,{children:[f&&n(l,Object.assign({className:a.FieldGroupOuterStart},{children:f})),r(l,Object.assign({className:o(a.FieldGroupFieldWrapper,i(a.FieldGroupFieldWrapper,F)),"data-orientation":F},{children:[u&&n(l,Object.assign({className:a.FieldGroupInnerStart},{children:u})),m,c&&n(l,Object.assign({className:a.FieldGroupInnerEnd},{children:c}))]})),j&&n(l,Object.assign({className:a.FieldGroupOuterEnd},{children:j}))]}))}));d.displayName="FieldGroup";export{d as FieldGroup};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import*as t from"react";import o from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as a}from"../shared/constants.js";import{Flex as s}from"../Flex/Flex.js";import{View as l}from"../View/View.js";const d=t.forwardRef(((t,d)=>{var{children:m,className:p,innerEndComponent:u,innerStartComponent:c,orientation:F="horizontal",outerEndComponent:G,outerStartComponent:j,variation:f}=t,h=e(t,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const O=null!=u,N=null!=c?a.FieldGroupHasInnerStart:null,b=O?a.FieldGroupHasInnerEnd:null,C=o(a.FieldGroup,N,b,i(a.FieldGroup,F),p);return r(s,Object.assign({className:C,"data-orientation":F,ref:d},h,{children:[j&&n(l,Object.assign({className:o(a.FieldGroupOuterStart,i(a.FieldGroupOuterStart,f))},{children:j})),r(l,Object.assign({className:o(a.FieldGroupFieldWrapper,i(a.FieldGroupFieldWrapper,F)),"data-orientation":F},{children:[c&&n(l,Object.assign({className:a.FieldGroupInnerStart},{children:c})),m,u&&n(l,Object.assign({className:a.FieldGroupInnerEnd},{children:u}))]})),G&&n(l,Object.assign({className:o(a.FieldGroupOuterEnd,i(a.FieldGroupOuterEnd,f))},{children:G}))]}))}));d.displayName="FieldGroup";export{d as FieldGroup};

package/dist/esm/primitives/TextField/TextField.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import*as i 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,y=(i,C)=>{const{className:y,descriptiveText:E,errorMessage:S,hasError:T=!1,id:w,label:M,labelHidden:v=!1,outerEndComponent:I,outerStartComponent:z,innerStartComponent:O,innerEndComponent:H,isMultiline:N,type:A,size:L,testId:P,bottom:D,height:G,left:W,padding:k,position:B,right:R,top:U,width:_}=i,q=e(i,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","bottom","height","left","padding","position","right","top","width"]),J=F(w),K=F(),Q=E?K:void 0,{flexContainerStyleProps:V,baseStyleProps:X,rest:Y}=a(q);x({shouldWarn:i.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let Z=null;if(u(i)){const{rows:e}=i;Z=t(g,Object.assign({"aria-describedby":Q,hasError:T,id:J,ref:h(i)?C:void 0,rows:null!=e?e:3,size:L},X,Y))}else if(b(i)){const{type:e="text"}=i;Z=t(c,Object.assign({"aria-describedby":Q,hasError:T,id:J,ref:j(i)?C:void 0,size:L,type:e},X,Y))}return r(p,Object.assign({className:o(n.Field,s(n.Field,L),n.TextField,y),bottom:D,"data-size":L,height:G,left:W,padding:k,position:B,right:R,testId:P,top:U,width:_},V,{children:[t(f,Object.assign({htmlFor:J,visuallyHidden:v},{children:M})),t(l,{id:K,labelHidden:v,descriptiveText:E}),t(m,Object.assign({outerStartComponent:z,outerEndComponent:I,innerStartComponent:O,innerEndComponent:H},{children:Z})),t(d,{hasError:T,errorMessage:S})]}))},E=i.forwardRef(y);y.displayName="TextField";export{C as DEFAULT_ROW_COUNT,E as TextField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";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:_,width:q}=r,J=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"]),K=F(T),Q=F(),V=y?Q:void 0,{flexContainerStyleProps:X,baseStyleProps:Y,rest:Z}=a(J);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":V,hasError:S,id:K,ref:h(r)?C:void 0,rows:null!=e?e:3,size:L,variation:D},Y,Z))}else if(b(r)){const{type:e="text"}=r;$=t(c,Object.assign({"aria-describedby":V,hasError:S,id:K,ref:j(r)?C:void 0,size:L,type:e,variation:D},Y,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:_,width:q},X,{children:[t(f,Object.assign({htmlFor:K,visuallyHidden:M},{children:w})),t(l,{id:Q,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};

package/dist/esm/primitives/View/View.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import*as s from"react";import{useStyles as t}from"../shared/styleUtils.js";const a=s.forwardRef(((a,i)=>{var{as:r="div",children:l,testId:d,ariaLabel:o,isDisabled:b,style:n}=a,m=e(a,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=t(m,n);return s.createElement(r,Object.assign({"aria-label":o,"data-testid":d,disabled:b,isDisabled:b,ref:i,style:p},c),l)}));a.displayName="View";export{a as View};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";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};