@aws-amplify/ui-react 4.3.5 → 4.3.7

package/dist/esm/primitives/Tabs/Tabs.mjs

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import a from"classnames";import*as r from"@radix-ui/react-tabs";import*as t from"react";import{sanitizeNamespaceImport as i}from"@aws-amplify/ui";import{ComponentClassNames as n}from"../shared/constants.mjs";import{Flex as s}from"../Flex/Flex.mjs";import{View as l}from"../View/View.mjs";const{Root:o,List:m,Trigger:c,Content:d}=i(r),f=e=>t.isValidElement(e),p=t.forwardRef(((r,i)=>{var{ariaLabel:l,children:c,className:p,defaultIndex:u=0,currentIndex:g,onChange:b,indicatorPosition:h,spacing:x}=r,N=e(r,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const C={defaultValue:u.toString(),value:null!=g?g.toString():void 0,onValueChange:b},E=t.Children.toArray(c).filter((e=>!!e));return t.createElement(o,Object.assign({},C),t.createElement(m,{"aria-label":l},t.createElement(s,Object.assign({className:a(n.Tabs,p),"data-indicator-position":h,ref:i},N),t.Children.map(E,((e,a)=>{if(f(e))return t.cloneElement(e,{"data-spacing":x,key:a,value:`${a}`})})))),t.Children.map(E,((e,a)=>{if(f(e))return t.createElement(d,{key:a,value:`${a}`},e.props.children)})))})),u=t.forwardRef(((r,i)=>{var{className:s,title:o}=r,m=e(r,["className","title"]);return t.createElement(l,Object.assign({as:c,className:a(n.TabItems,s),ref:i},m),o)}));p.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,p as Tabs};

package/dist/esm/primitives/Text/Text.mjs

@@ -0,0 +1 @@
+import{__rest as a}from"tslib";import*as t from"react";import r from"classnames";import{classNameModifier as e,classNameModifierByFlag as s}from"../shared/utils.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";const o=t.forwardRef(((o,n)=>{var{as:c="p",className:d,children:l,isTruncated:f,variation:p}=o,u=a(o,["as","className","children","isTruncated","variation"]);const T=r(i.Text,e(i.Text,p),s(i.Text,"truncated",f),d);return t.createElement(m,Object.assign({as:c,className:T,"data-truncate":f,"data-variation":p,ref:n},u),l)}));o.displayName="Text";export{o as Text};

package/dist/esm/primitives/TextArea/TextArea.mjs

@@ -0,0 +1 @@
+import{__rest as a}from"tslib";import*as r from"react";import e from"classnames";import{classNameModifier as s,classNameModifierByFlag as i}from"../shared/utils.mjs";import{ComponentClassNames as t}from"../shared/constants.mjs";import{View as o}from"../View/View.mjs";const m=r.forwardRef(((m,n)=>{var{className:d,isReadOnly:l,isRequired:c,size:f,hasError:p=!1,variation:x}=m,u=a(m,["className","isReadOnly","isRequired","size","hasError","variation"]);const v=e(t.Textarea,t.FieldGroupControl,s(t.Textarea,x),s(t.Textarea,f),i(t.Textarea,"error",p),d);return r.createElement(o,Object.assign({"aria-invalid":p,as:"textarea",className:v,"data-size":f,"data-variation":x,readOnly:l,ref:n,required:c},u))}));m.displayName="TextArea";export{m as TextArea};

package/dist/esm/primitives/TextAreaField/TextAreaField.mjs

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{classNameModifier as t}from"../shared/utils.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as a}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.mjs";import{Flex as m}from"../Flex/Flex.mjs";import{Label as o}from"../Label/Label.mjs";import{splitPrimitiveProps as d}from"../utils/splitPrimitiveProps.mjs";import{TextArea as p}from"../TextArea/TextArea.mjs";import{useStableId as n}from"../utils/useStableId.mjs";const c=3,f=r.forwardRef(((c,f)=>{const{className:b,descriptiveText:F,errorMessage:j,hasError:u=!1,id:x,label:E,labelHidden:h=!1,rows:z,size:T,testId:g,inputStyles:v,resize:y}=c,w=e(c,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),A=n(x),H=n(),I=F?H:void 0,{styleProps:M,rest:N}=d(w);return r.createElement(m,Object.assign({className:s(i.Field,t(i.Field,T),i.TextAreaField,b),"data-size":T,testId:g},M),r.createElement(o,{htmlFor:A,visuallyHidden:h},E),r.createElement(a,{id:H,labelHidden:h,descriptiveText:F}),r.createElement(p,Object.assign({"aria-describedby":I,hasError:u,id:A,ref:f,rows:null!=z?z:3,size:T,resize:y},N,v)),r.createElement(l,{hasError:u,errorMessage:j}))}));f.displayName="TextAreaField";export{c as DEFAULT_ROW_COUNT,f as TextAreaField};

package/dist/esm/primitives/TextField/TextField.mjs

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{classNameModifier as o}from"../shared/utils.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as n}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import{FieldGroup as m}from"../FieldGroup/FieldGroup.mjs";import{Flex as a}from"../Flex/Flex.mjs";import{Input as l}from"../Input/Input.mjs";import{Label as d}from"../Label/Label.mjs";import{splitPrimitiveProps as p}from"../utils/splitPrimitiveProps.mjs";import{useStableId as c}from"../utils/useStableId.mjs";const u=t.forwardRef(((u,E)=>{const{className:f,descriptiveText:F,errorMessage:b,hasError:j=!1,id:C,innerEndComponent:v,innerStartComponent:S,label:x,labelHidden:h=!1,outerEndComponent:g,outerStartComponent:y,size:I,testId:T,variation:z,inputStyles:H}=u,M=e(u,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),N=c(C),P=c(),G=F?P:void 0,{styleProps:L,rest:O}=p(M);return t.createElement(a,Object.assign({className:r(i.Field,o(i.Field,I),i.TextField,f),"data-size":I,testId:T},L),t.createElement(d,{htmlFor:N,visuallyHidden:h},x),t.createElement(n,{id:P,labelHidden:h,descriptiveText:F}),t.createElement(m,{outerStartComponent:y,outerEndComponent:g,innerStartComponent:S,innerEndComponent:v,variation:z},t.createElement(l,Object.assign({"aria-describedby":G,hasError:j,id:N,ref:E,size:I,variation:z},H,O))),t.createElement(s,{hasError:j,errorMessage:b}))}));u.displayName="TextField";export{u as TextField};

package/dist/esm/primitives/ToggleButton/ToggleButton.mjs

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import s from"classnames";import*as o from"react";import{classNameModifier as t,classNameModifierByFlag as a}from"../shared/utils.mjs";import{Button as r}from"../Button/Button.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import{useToggleButton as n}from"./useToggleButton.mjs";const l=o.forwardRef(((l,m)=>{var{className:d,children:c,defaultPressed:u=!1,isDisabled:g,isPressed:f,onChange:p,onClick:h,size:C,value:v,variation:B}=l,P=e(l,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:b,handleClick:j}=n({isPressed:f,defaultPressed:u,onChange:p,onClick:h,value:v}),k=s(i.ToggleButton,t(i.ToggleButton,B),a(i.ToggleButton,"pressed",b),d);return o.createElement(r,Object.assign({"aria-pressed":b,className:k,isDisabled:g,onClick:j,ref:m,size:C,type:"button",variation:B},P),c)}));l.displayName="ToggleButton";export{l as ToggleButton};

package/dist/esm/primitives/ToggleButton/useToggleButton.mjs

@@ -0,0 +1 @@
+import*as e from"react";import{isFunction as s}from"../shared/utils.mjs";const r=({isPressed:r,defaultPressed:t,onClick:a,onChange:o,value:i})=>{const l=void 0!==r,[d,n]=e.useState(t);return{isPressed:r=l?r:d,handleClick:e.useCallback((e=>{s(a)&&a(e),l||n(!d),l&&s(o)&&o(i)}),[l,a,o,d,i])}};export{r as useToggleButton};

package/dist/esm/primitives/ToggleButtonGroup/ToggleButtonGroup.mjs

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import o from"classnames";import*as s from"react";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as r}from"../Flex/Flex.mjs";import{useToggleButtonGroup as a}from"./useToggleButtonGroup.mjs";import{isString as l}from"@aws-amplify/ui";const n=s.forwardRef(((n,t)=>{var{children:m,className:u,isExclusive:p,isSelectionRequired:c,onChange:v,size:d,value:g,variation:f}=n,h=e(n,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const x=a({onChange:v,value:g,isExclusive:p,isSelectionRequired:c});return s.createElement(r,Object.assign({className:o(i.ToggleButtonGroup,u),ref:t,role:"group"},h),s.Children.map(m,(e=>s.isValidElement(e)?s.cloneElement(e,{isPressed:p?g===e.props.value:l(e.props.value)&&g.includes(e.props.value),onChange:x,size:d,variation:f}):e)))}));n.displayName="ToggleButtonGroup";export{n as ToggleButtonGroup};

package/dist/esm/primitives/ToggleButtonGroup/useToggleButtonGroup.mjs

@@ -0,0 +1 @@
+import*as e from"react";import{isFunction as r}from"../shared/utils.mjs";const s=({onChange:s,value:l,isExclusive:t=!1,isSelectionRequired:i=!1})=>{const a=e.useCallback((e=>{if(!r(s)||!Array.isArray(l))return;const t=l.indexOf(e);let a;t>=0?(a=[...l],(!i||a.length>1)&&a.splice(t,1)):a=[...l,e],s(a)}),[s,l,i]),n=e.useCallback((e=>{r(s)&&s(l!==e||i?e:null)}),[s,l,i]);return t?n:a};export{s as useToggleButtonGroup};

package/dist/esm/primitives/View/View.mjs

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

package/dist/esm/primitives/VisuallyHidden/VisuallyHidden.mjs

@@ -0,0 +1 @@
+import{__rest as s}from"tslib";import*as a from"react";import e from"classnames";import{ComponentClassNames as r}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";const i=a.forwardRef(((i,t)=>{var{as:o="span",children:l,className:n}=i,c=s(i,["as","children","className"]);return a.createElement(m,Object.assign({as:o,className:e(r.VisuallyHidden,n),ref:t},c),l)}));i.displayName="VisuallyHidden";export{i as VisuallyHidden};

package/dist/esm/primitives/index.mjs

@@ -0,0 +1 @@
+export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{Image}from"./Image/Image.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{View}from"./View/View.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";

package/dist/esm/primitives/shared/getStyleValue.mjs

@@ -0,0 +1 @@
+import{isDesignToken as o,isString as t}from"@aws-amplify/ui";import{getCSSVariableIfValueIsThemeKey as r}from"./utils.mjs";const i=({value:i,propKey:m,tokens:p})=>o(i)?i.toString():t(i)?t(m)?r(m,i,p):i:null;export{i as getStyleValue};

package/dist/esm/primitives/shared/responsive/getMediaQueries.mjs

@@ -0,0 +1 @@
+import{objectKeys as t}from"../utils.mjs";const n=({breakpoints:n})=>{const r=t(n).sort(((t,r)=>n[r]-n[t]));return r.map(((t,i)=>{let o="";const m=n[t],e=r[i-1],p=e?n[e]-1:null;return m>=0&&(o=`(min-width: ${m}px)`),null!==p&&(o&&(o+=" and "),o+=`(max-width: ${p}px)`),{breakpoint:t,query:o,maxWidth:p,minWidth:m}}))};export{n as getMediaQueries};

package/dist/esm/primitives/shared/responsive/useBreakpoint.mjs

@@ -0,0 +1 @@
+import*as e from"react";import{getMediaQueries as t}from"./getMediaQueries.mjs";const n="undefined"==typeof window?e.useEffect:e.useLayoutEffect,o=({breakpoints:o,defaultBreakpoint:a})=>{const r="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,i=e.useMemo((()=>t({breakpoints:o})),[o]),[s,u]=e.useState(a),c=e.useCallback(((e,t)=>{e&&u(t)}),[u]);return n((()=>{if(!r)return;const e=i.map((({query:e,breakpoint:t})=>{const n=r(e);c(n.matches,t);const o=e=>{e.matches&&u(t)};return n.addEventListener("change",o),()=>n.removeEventListener("change",o)}));return()=>{e.forEach((e=>e()))}}),[o,u,r,i]),e.useDebugValue(s,(e=>e)),s};export{o as useBreakpoint};

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

@@ -0,0 +1 @@
+import{defaultTheme as r}from"@aws-amplify/ui";import{objectKeys as t}from"../utils.mjs";const o=({breakpoint:o,breakpoints:e,values:s})=>{let i={};const n=t(e).sort(((r,t)=>e[r]-e[t]));var a;return Array.isArray(s)?s.forEach(((r,t)=>{i[n[t]]=r})):"object"==typeof s&&(i=t(a=s).reduce(((t,o)=>o in r.breakpoints.values?Object.assign(Object.assign({},t),{[o]:a[o]}):t),{})),(({breakpoint:r,breakpoints:o,values:e})=>{const s=e[r];if(void 0!==s)return s;const i=t(o).sort(((r,t)=>o[t]-o[r])),n=i.slice(i.indexOf(r));for(const r of n){const t=e[r];if(void 0!==t)return t}return null})({breakpoint:o,breakpoints:e,values:i})};export{o as getValueAtCurrentBreakpoint};

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

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

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

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

package/dist/esm/primitives/types/theme.mjs

@@ -0,0 +1 @@
+import{stylePropsToThemeKeys as o}from"../shared/constants.mjs";const s=s=>s in o;export{s as isThemeStylePropKey};

package/dist/esm/primitives/utils/splitPrimitiveProps.mjs

@@ -0,0 +1 @@
+import{ComponentPropsToStylePropsMap as s}from"../types/style.mjs";const t=t=>{const e={styleProps:{},rest:{}};return Object.keys(t).forEach((r=>{(t=>t in s)(r)?e.styleProps=Object.assign(Object.assign({},e.styleProps),{[r]:t[r]}):e.rest=Object.assign(Object.assign({},e.rest),{[r]:t[r]})})),e};export{t as splitPrimitiveProps};

package/dist/esm/primitives/utils/useStableId.mjs

@@ -0,0 +1 @@
+import*as t from"react";import{useLayoutEffect as o}from"./useLayoutEffect.mjs";const r="amplify-id",e=t["useId".toString()]||(()=>{});let i=0;const s=r=>{const[s,m]=t.useState(e());return o((()=>{r||m((t=>null!=t?t:String(i++)))}),[r]),r||(s?`amplify-id-${s}`:"")};export{r as AUTO_GENERATED_ID_PREFIX,s as useStableId};

package/dist/esm/version.mjs

@@ -0,0 +1 @@
+const o="4.3.7";export{o as VERSION};