@aws-amplify/ui-react 5.1.1 → 5.2.0

package/dist/styles.css

@@ -113,6 +113,7 @@
   --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
   --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
   --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
+  --amplify-components-button-background-color: transparent;
   --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
   --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
   --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
@@ -1528,7 +1529,9 @@ strong.amplify-text {
  * Button base styles
  */
 .amplify-button {
-  --amplify-internal-button-background-color: transparent;
+  --amplify-internal-button-background-color: var(
+    --amplify-components-button-background-color
+  );
   --amplify-internal-button-border-color: var(
     --amplify-components-button-border-color
   );
@@ -3132,6 +3135,7 @@ strong.amplify-text {
 
 .amplify-alert__icon {
   font-size: var(--amplify-components-alert-icon-size);
+  line-height: 1;
 }
 
 .amplify-alert__heading {
@@ -3460,6 +3464,9 @@ strong.amplify-text {
 }
 
 .amplify-checkbox__icon {
+  line-height: 1;
+  width: 1em;
+  height: 1em;
   background-color: var(--amplify-components-checkbox-icon-background-color);
   opacity: var(--amplify-components-checkbox-icon-opacity);
   transform: var(--amplify-components-checkbox-icon-transform);
@@ -3721,6 +3728,7 @@ strong.amplify-text {
 .amplify-field-group__outer-start,
 .amplify-field-group__outer-end {
   display: flex;
+  flex-shrink: 0;
   align-items: var(--amplify-components-fieldgroup-outer-align-items);
 }
 .amplify-field-group__outer-start .amplify-field-group__control,
@@ -4575,6 +4583,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-rating-icon {
   width: 1em;
   height: 1em;
+  display: block;
 }
 
 .amplify-rating-icon-filled {

package/dist/types/components/Authenticator/hooks/useCustomComponents/index.d.ts

@@ -1,7 +1 @@
-import * as React from 'react';
-import { DefaultComponents } from './defaultComponents';
-export interface ComponentsProviderProps {
-    components?: DefaultComponents;
-}
-export declare const CustomComponentsContext: React.Context<ComponentsProviderProps>;
-export declare const useCustomComponents: () => ComponentsProviderProps;
+export { ComponentsProviderProps, CustomComponentsContext, useCustomComponents, } from './useCustomComponents';

package/dist/types/components/Authenticator/hooks/useCustomComponents/useCustomComponents.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { DefaultComponents } from './defaultComponents';
+export interface ComponentsProviderProps {
+    components?: DefaultComponents;
+}
+export declare const CustomComponentsContext: React.Context<ComponentsProviderProps>;
+export declare const useCustomComponents: () => ComponentsProviderProps;

package/dist/types/components/Storage/FileUploader/UploadDropZone/UploadDropZone.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { UploadDropZoneProps } from '../types';
+export declare function UploadDropZone({ children, inDropZone, onDragStart, onDragEnter, onDragLeave, onDrop, onDragOver, }: UploadDropZoneProps): JSX.Element;

package/dist/types/components/Storage/FileUploader/UploadDropZone/index.d.ts

@@ -1,3 +1 @@
-/// <reference types="react" />
-import { UploadDropZoneProps } from '../types';
-export declare function UploadDropZone({ children, inDropZone, onDragStart, onDragEnter, onDragLeave, onDrop, onDragOver, }: UploadDropZoneProps): JSX.Element;
+export { UploadDropZone } from './UploadDropZone';

package/dist/types/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PreviewerProps } from '../types';
+export declare function UploadPreviewer({ aggregatePercentage, children, dropZone, fileStatuses, isLoading, isSuccessful, hasMaxFilesError, maxFileCount, onClear, onFileClick, }: PreviewerProps): JSX.Element;

package/dist/types/components/Storage/FileUploader/UploadPreviewer/index.d.ts

@@ -1,3 +1 @@
-/// <reference types="react" />
-import { PreviewerProps } from '../types';
-export declare function UploadPreviewer({ aggregatePercentage, children, dropZone, fileStatuses, isLoading, isSuccessful, hasMaxFilesError, maxFileCount, onClear, onFileClick, }: PreviewerProps): JSX.Element;
+export { UploadPreviewer } from './UploadPreviewer';

package/dist/types/components/Storage/FileUploader/UploadTracker/UploadTracker.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TrackerProps } from '../types';
+export declare function UploadTracker({ errorMessage, file, fileState, hasImage, name, onCancel, onCancelEdit, onPause, onResume, onSaveEdit, onStartEdit, percentage, isResumable, showImage, }: TrackerProps): JSX.Element | null;

package/dist/types/components/Storage/FileUploader/UploadTracker/index.d.ts

@@ -1,3 +1 @@
-/// <reference types="react" />
-import { TrackerProps } from '../types';
-export declare function UploadTracker({ errorMessage, file, fileState, hasImage, name, onCancel, onCancelEdit, onPause, onResume, onSaveEdit, onStartEdit, percentage, isResumable, showImage, }: TrackerProps): JSX.Element | null;
+export { UploadTracker } from './UploadTracker';

package/dist/types/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Theme, WebTheme } from '@aws-amplify/ui';
+export type ColorMode = 'system' | 'light' | 'dark';
+export type Direction = 'ltr' | 'rtl';
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    /**
+     * Changes the color mode applied to the theme
+     */
+    colorMode?: ColorMode;
+    /**
+     * Controls the language direction in the app
+     * @default: 'ltr'
+     */
+    direction?: Direction;
+    /**
+     * Provide a server generated nonce which matches your CSP `style-src` rule.
+     * This will be attached to the generated <style> tag.
+     * @see: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src
+     */
+    nonce?: string;
+    /**
+     * Custom theme
+     */
+    theme?: Theme | WebTheme;
+}
+export declare function AmplifyProvider({ children, colorMode, direction, nonce, theme, }: ThemeProviderProps): JSX.Element;
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
+ */
+export declare const ThemeProvider: typeof AmplifyProvider;
+export {};

package/dist/types/components/ThemeProvider/index.d.ts

@@ -1,32 +1 @@
-import * as React from 'react';
-import { Theme, WebTheme } from '@aws-amplify/ui';
-export type ColorMode = 'system' | 'light' | 'dark';
-export type Direction = 'ltr' | 'rtl';
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    /**
-     * Changes the color mode applied to the theme
-     */
-    colorMode?: ColorMode;
-    /**
-     * Controls the language direction in the app
-     * @default: 'ltr'
-     */
-    direction?: Direction;
-    /**
-     * Provide a server generated nonce which matches your CSP `style-src` rule.
-     * This will be attached to the generated <style> tag.
-     * @see: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src
-     */
-    nonce?: string;
-    /**
-     * Custom theme
-     */
-    theme?: Theme | WebTheme;
-}
-export declare function AmplifyProvider({ children, colorMode, direction, nonce, theme, }: ThemeProviderProps): JSX.Element;
-/**
- * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
- */
-export declare const ThemeProvider: typeof AmplifyProvider;
-export {};
+export { ColorMode, Direction, AmplifyProvider, ThemeProvider, } from './ThemeProvider';

package/dist/types/primitives/Icon/context/IconsContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+type ComponentIcons<Keys extends string> = {
+    [Key in Keys]?: React.ReactNode;
+};
+export type IconsContextInterface = {
+    alert?: ComponentIcons<'close' | 'info' | 'error' | 'success' | 'warning'>;
+    checkbox?: ComponentIcons<'indeterminate' | 'checked'>;
+    expander?: ComponentIcons<'more'>;
+    field?: ComponentIcons<'clear'>;
+    menu?: ComponentIcons<'menu'>;
+    pagination?: ComponentIcons<'previous' | 'next'>;
+    passwordField?: ComponentIcons<'visibility' | 'visibilityOff'>;
+    rating?: ComponentIcons<'filled' | 'empty'>;
+    searchField?: ComponentIcons<'search'>;
+    select?: ComponentIcons<'expand'>;
+    stepperField?: ComponentIcons<'add' | 'remove'>;
+    storageManager?: ComponentIcons<'upload' | 'remove' | 'error' | 'success' | 'file'>;
+};
+export declare const IconsContext: React.Context<IconsContextInterface | undefined>;
+export {};

package/dist/types/primitives/Icon/context/IconsProvider.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { IconsContextInterface } from './IconsContext';
+interface IconProviderProps {
+    children: React.ReactNode;
+    icons?: IconsContextInterface;
+}
+export { IconsContextInterface };
+export declare function IconsProvider({ children, icons, }: IconProviderProps): JSX.Element;

package/dist/types/primitives/Icon/context/index.d.ts

@@ -0,0 +1,2 @@
+export { IconsProvider, IconsContextInterface } from './IconsProvider';
+export { useIcons } from './useIcons';

package/dist/types/primitives/Icon/context/useIcons.d.ts

@@ -0,0 +1,2 @@
+import { IconsContextInterface } from './IconsContext';
+export declare function useIcons<Key extends keyof IconsContextInterface>(component?: Key): IconsContextInterface[Key] | undefined;

package/dist/types/primitives/Icon/index.d.ts

@@ -1 +1,3 @@
 export { Icon } from './Icon';
+export { IconsProvider, IconsContextInterface, useIcons } from './context';
+export * from './icons';

package/dist/types/primitives/Icon/internal.d.ts

@@ -1 +1,2 @@
 export * from './icons';
+export { useIcons } from './context/useIcons';

package/dist/types/primitives/Rating/RatingIcon.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Property } from 'csstype';
 import { StyleToken } from '../types/style';
 interface RatingIconProps {
-    icon: JSX.Element;
+    icon: React.ReactNode;
     fill?: StyleToken<Property.Color>;
     className: string;
 }

package/dist/types/primitives/Rating/RatingMixedIcon.d.ts

@@ -3,9 +3,9 @@ import { Property } from 'csstype';
 import { StyleToken } from '../types/style';
 interface RatingMixedIconProps {
     emptyColor?: StyleToken<Property.Color>;
-    emptyIcon: JSX.Element;
+    emptyIcon: React.ReactNode;
     fillColor?: StyleToken<Property.Color>;
-    fillIcon: JSX.Element;
+    fillIcon: React.ReactNode;
     value: number;
 }
 export declare const RatingMixedIcon: React.FC<RatingMixedIconProps>;

package/dist/types/primitives/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export * from './hooks';
 export * from './shared';
 export * from './types';
+export { IconsProvider, IconsContextInterface } from './Icon';

package/dist/types/primitives/types/checkbox.d.ts

@@ -25,7 +25,7 @@ export interface BaseCheckboxProps extends BaseFlexProps, BaseInputProps {
      * The submitted value when checked
      * Shows on form submission as key pair `name:value`
      */
-    value: string;
+    value?: string;
     /**
      * @description
      * Sets the position of label in relation to the CheckboxField,

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.1.1";
+export declare const VERSION = "5.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,8 +47,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.7.1",
-    "@aws-amplify/ui-react-core": "2.1.30",
+    "@aws-amplify/ui": "5.7.2",
+    "@aws-amplify/ui-react-core": "2.1.31",
     "@radix-ui/react-accordion": "1.0.0",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",

package/dist/esm/components/Storage/FileUploader/UploadDropZone/index.mjs

@@ -1 +0,0 @@
-import i from"react";import e from"classnames";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as r}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{View as m}from"../../../../primitives/View/View.mjs";import"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as t}from"../../../../primitives/shared/constants.mjs";import{classNameModifier as o,translate as p}from"@aws-amplify/ui";import"tslib";import{IconUpload as s}from"../../../../primitives/Icon/icons/IconUpload.mjs";function l({children:l,inDropZone:a,onDragStart:n,onDragEnter:d,onDragLeave:v,onDrop:j,onDragOver:c}){return i.createElement(m,{className:e(a&&o(t.FileUploaderDropZone,"active"),t.FileUploaderDropZone),onDragStart:n,onDragEnter:d,onDragLeave:v,onDrop:j,onDragOver:c},i.createElement(s,{"aria-hidden":!0,className:t.FileUploaderDropZoneIcon}),i.createElement(r,{className:t.FileUploaderDropZoneText},p("Drop files here or")),l)}export{l as UploadDropZone};

package/dist/esm/components/Storage/FileUploader/UploadPreviewer/index.mjs

@@ -1 +0,0 @@
-import i from"react";import{translate as e,ComponentClassName as t}from"@aws-amplify/ui";import{FileState as r}from"../types.mjs";import{Alert as m}from"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as o}from"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import{Loader as s}from"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as l}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{View as p}from"../../../../primitives/View/View.mjs";import"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as a}from"../../../../primitives/shared/constants.mjs";function n({aggregatePercentage:n,children:d,dropZone:v,fileStatuses:c,isLoading:j,isSuccessful:u,hasMaxFilesError:F,maxFileCount:g,onClear:T,onFileClick:h}){const E=`${e("Cannot choose more than")} ${g}`,b=()=>c.filter((i=>(null==i?void 0:i.fileState)===r.SUCCESS)).length,f=c.length-b(),x=`${f} ${e(1===f?"file":"files")}`,S=`${b()} ${1===b()?e("file uploaded"):e("files uploaded")}`,C=c.some((i=>[r.ERROR,r.EDITING].includes(null==i?void 0:i.fileState)))||0===f||F;return i.createElement(p,{className:a.FileUploaderPreviewer},i.createElement(p,{className:a.FileUploaderPreviewerBody},v,i.createElement(l,{className:a.FileUploaderPreviewerText},u?S:i.createElement(i.Fragment,null,`${x} ${e("selected")}`)),d),i.createElement(p,{className:a.FileUploaderPreviewerFooter},i.createElement(p,null,j&&i.createElement(i.Fragment,null,i.createElement(l,null,e("Uploading"),n>0?`: ${n}%`:""),i.createElement(s,{className:a.FileUploaderLoader,variation:"linear",percentage:n,isPercentageTextHidden:!0,isDeterminate:!0}))),i.createElement(p,{className:t.FileUploaderPreviewerFooterActions},!j&&!u&&i.createElement(i.Fragment,null,i.createElement(o,{size:"small",variation:"link",onClick:T},e("Clear all")),i.createElement(o,{disabled:C,size:"small",variation:"primary",onClick:h},`${e("Upload")} ${x}`)),u&&i.createElement(o,{size:"small",onClick:T},e("Done")))),F&&i.createElement(m,{variation:"error",heading:E}))}export{n as UploadPreviewer};

package/dist/esm/components/Storage/FileUploader/UploadTracker/index.mjs

@@ -1 +0,0 @@
-import e,{useCallback as i}from"react";import{translate as t,humanFileSize as m}from"@aws-amplify/ui";import{FileState as r}from"../types.mjs";import"../../../../primitives/Alert/Alert.mjs";import"../../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../../primitives/Badge/Badge.mjs";import"../../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as l}from"../../../../primitives/Button/Button.mjs";import"../../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../../primitives/Card/Card.mjs";import"../../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../../primitives/Collection/Collection.mjs";import"../../../../primitives/Divider/Divider.mjs";import"../../../../primitives/Expander/Expander.mjs";import"../../../../primitives/Expander/ExpanderItem.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../../primitives/Flex/Flex.mjs";import"../../../../primitives/Grid/Grid.mjs";import"../../../../primitives/Heading/Heading.mjs";import"../../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../../primitives/Icon/Icon.mjs";import{Image as s}from"../../../../primitives/Image/Image.mjs";import"../../../../primitives/Link/Link.mjs";import{Loader as o}from"../../../../primitives/Loader/Loader.mjs";import"../../../../primitives/Menu/Menu.mjs";import"../../../../primitives/Menu/MenuButton.mjs";import"../../../../primitives/Menu/MenuItem.mjs";import"../../../../primitives/Pagination/Pagination.mjs";import"../../../../primitives/PasswordField/PasswordField.mjs";import"../../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../../primitives/Placeholder/Placeholder.mjs";import"../../../../primitives/Radio/Radio.mjs";import"../../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../../primitives/Rating/Rating.mjs";import"../../../../primitives/ScrollView/ScrollView.mjs";import"../../../../primitives/SearchField/SearchField.mjs";import"../../../../primitives/SelectField/SelectField.mjs";import"../../../../primitives/SliderField/SliderField.mjs";import"../../../../primitives/StepperField/StepperField.mjs";import"../../../../primitives/SwitchField/SwitchField.mjs";import"../../../../primitives/Table/Table.mjs";import"../../../../primitives/Table/TableBody.mjs";import"../../../../primitives/Table/TableCell.mjs";import"../../../../primitives/Table/TableFoot.mjs";import"../../../../primitives/Table/TableHead.mjs";import"../../../../primitives/Table/TableRow.mjs";import"../../../../primitives/Tabs/Tabs.mjs";import{Text as a}from"../../../../primitives/Text/Text.mjs";import"../../../../primitives/TextAreaField/TextAreaField.mjs";import{TextField as n}from"../../../../primitives/TextField/TextField.mjs";import"../../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{View as p}from"../../../../primitives/View/View.mjs";import{VisuallyHidden as c}from"../../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as d}from"../../../../primitives/shared/constants.mjs";import"tslib";import"classnames";import{IconClose as u}from"../../../../primitives/Icon/icons/IconClose.mjs";import{IconEdit as v}from"../../../../primitives/Icon/icons/IconEdit.mjs";import{IconFile as j}from"../../../../primitives/Icon/icons/IconFile.mjs";import{UploadMessage as E}from"./UploadMessage.mjs";function F({errorMessage:F,file:g,fileState:f,hasImage:I,name:T,onCancel:S,onCancelEdit:b,onPause:h,onResume:C,onSaveEdit:x,onStartEdit:R,percentage:G,isResumable:N,showImage:B}){const[k,w]=e.useState(T),M=e.useRef(null),U=URL.createObjectURL(g);e.useEffect((()=>{f===r.EDITING&&M.current&&M.current.focus()}),[f]);const{size:z}=g,P=I?e.createElement(s,{alt:g.name,src:U}):e.createElement(j,null),L=!N||G>0,A=f===r.INIT||f===r.ERROR&&F===t("Extension not allowed"),D=i((()=>e.createElement(e.Fragment,null,e.createElement(p,{className:d.FileUploaderFileMain},e.createElement(a,{className:d.FileUploaderFileName},T)),A?e.createElement(l,{onClick:R,size:"small",variation:"link"},e.createElement(c,null,"Edit file name ",g.name),e.createElement(v,{"aria-hidden":!0,fontSize:"medium"})):null,e.createElement(a,{as:"span",className:d.FileUploaderFileSize},m(z,!0)))),[g.name,T,R,A,z]),H=i((()=>{switch(f){case r.EDITING:return e.createElement(e.Fragment,null,e.createElement(l,{size:"small",onClick:()=>{w(T),null==b||b()}},"Cancel"),e.createElement(l,{size:"small",variation:"primary",onClick:()=>{x(k)}},"Save"));case r.RESUME:case r.LOADING:return N?e.createElement(l,{onClick:h,size:"small",variation:"link"},t("pause")):null;case r.PAUSED:return e.createElement(l,{onClick:C,size:"small",variation:"link"},t("Resume"));case r.SUCCESS:return null;default:return e.createElement(l,{size:"small",onClick:S},e.createElement(c,null,"Remove file name ",g.name),e.createElement(u,{"aria-hidden":!0,fontSize:"medium"}))}}),[g.name,f,N,T,S,b,h,C,x,k]);return g?e.createElement(p,{className:d.FileUploaderFile},e.createElement(p,{className:d.FileUploaderFileWrapper},B?e.createElement(p,{className:d.FileUploaderFileImage},P):null,f===r.EDITING?e.createElement(p,{as:"form",flex:"1",onSubmit:()=>{x(k)}},e.createElement(n,{maxLength:1024,ref:M,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{w(e.target.value)},value:k})):e.createElement(D,null),e.createElement(H,null),f===r.LOADING?e.createElement(o,{className:d.FileUploaderLoader,variation:"linear",percentage:G,isDeterminate:L,isPercentageTextHidden:!0}):null),e.createElement(E,{fileState:f,errorMessage:F,percentage:G})):null}export{F as UploadTracker};

package/dist/esm/primitives/Checkbox/useCheckbox.mjs

@@ -1 +0,0 @@
-import{useState as t}from"react";import{isFunction as e}from"@aws-amplify/ui";const o=(o,a)=>{const[r,c]=t(o),[n,s]=t(!1);return{dataChecked:r,dataFocus:n,onBlur:()=>{s(!1)},onChange:t=>{c(t.target.checked),e(a)&&a(t)},onFocus:()=>{s(!0)},setDataChecked:c}};export{o as useCheckbox};

package/dist/types/primitives/Checkbox/useCheckbox.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { UseCheckbox } from '../types/checkbox';
-export declare const useCheckbox: (initialChecked?: boolean, onChangeProp?: React.ChangeEventHandler) => UseCheckbox;