@aws-amplify/ui-react 4.3.4 → 4.3.6

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{ComponentClassNames as t}from"../shared/constants.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as i}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as a}from"../Field/FieldErrorMessage.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{Label as o}from"../Label/Label.mjs";import{splitPrimitiveProps as m}from"../utils/splitPrimitiveProps.mjs";import{TextArea as d}from"../TextArea/TextArea.mjs";import{useStableId as p}from"../utils/useStableId.mjs";const n=3,c=r.forwardRef(((n,c)=>{const{className:f,descriptiveText:b,errorMessage:F,hasError:j=!1,id:x,label:E,labelHidden:u=!1,rows:z,size:T,testId:g,inputStyles:h,resize:v}=n,y=e(n,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),w=p(x),A=p(),H=b?A:void 0,{styleProps:I,rest:M}=m(y);return r.createElement(l,Object.assign({className:s(t.Field,t.TextAreaField,f),"data-size":T,testId:g},I),r.createElement(o,{htmlFor:w,visuallyHidden:u},E),r.createElement(i,{id:A,labelHidden:u,descriptiveText:b}),r.createElement(d,Object.assign({"aria-describedby":H,hasError:j,id:w,ref:c,rows:null!=z?z:3,size:T,resize:v},M,h)),r.createElement(a,{hasError:j,errorMessage:F}))}));c.displayName="TextAreaField";export{n as DEFAULT_ROW_COUNT,c 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 s from"classnames";import*as o 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";const l=o.forwardRef(((l,n)=>{var{children:t,className:m,isExclusive:u,isSelectionRequired:c,onChange:p,size:d,value:g,variation:v}=l,f=e(l,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const h=a({onChange:p,value:g,isExclusive:u,isSelectionRequired:c});return o.createElement(r,Object.assign({className:s(i.ToggleButtonGroup,m),ref:n,role:"group"},f),o.Children.map(t,(e=>o.isValidElement(e)?o.cloneElement(e,{isPressed:u?g===e.props.value:g.includes(e.props.value),onChange:h,size:d,variation:v}):e)))}));l.displayName="ToggleButtonGroup";export{l 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/datastore.mjs

@@ -0,0 +1 @@
+const r=r=>n=>r.map((r=>r(n)));const n=o=>{const{and:t,or:a,field:e,operator:i,operand:u}=o;if(Array.isArray(t)){const o=t.map((r=>n(r)));return n=>n.and(r(o))}if(Array.isArray(a)){const o=a.map((r=>n(r)));return n=>n.or(r(o))}return r=>{var n;return function(r){return!!r}(e)&&(r=>!!r)(i)&&(null===(n=null==r?void 0:r[e])||void 0===n?void 0:n[i])?r[e][i](u):r}};export{n as createDataStorePredicate};

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{isDesignToken as t}from"@aws-amplify/ui";import{getCSSVariableIfValueIsThemeKey as r}from"../utils.mjs";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.mjs

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

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

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

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.6";export{o as VERSION};