@aws-amplify/ui-react 2.11.0 → 2.14.0

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

@@ -0,0 +1,19 @@
+import { ViewProps } from './view';
+export declare type TextVariation = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info' | 'success';
+export interface TextProps extends ViewProps {
+    /**
+     * HTML allowed tags
+     */
+    as?: 'p' | 'span' | 'strong' | 'em';
+    /**
+     * This should be the primary way to handle different styles of text. Lower-level
+     * text styling attributes like color can be set directly, that should be more of an
+     * escape hatch.
+     */
+    variation?: TextVariation;
+    /**
+     * This attribute will be used to indicate if the text component should truncate text
+     * that exceeds the width of the text element.  Truncated text will render an ellipsis.
+     */
+    isTruncated?: boolean;
+}

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

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { Sizes } from './base';
+import { FieldVariations } from './field';
+import { ViewProps } from './view';
+export interface TextAreaStyleProps {
+    resize?: Property.Resize;
+}
+export interface TextAreaProps extends TextAreaStyleProps, ViewProps {
+    /**
+     * Specifies permissions for browser UA to autocomplete field
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+     */
+    autoComplete?: string;
+    /**
+     * Use this to provide a default value for an uncontrolled field
+     */
+    defaultValue?: React.AllHTMLAttributes<'textarea'>['defaultValue'];
+    /**
+     * Indicates that Field is in error state
+     */
+    hasError?: boolean;
+    /**
+     *  Determines whether field should be disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Determines whether field should be immutable
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Whether field should be marked required
+     */
+    isRequired?: boolean;
+    /**
+     * Text contents maximum length
+     */
+    maxLength?: number;
+    /**
+     * Name of the field. Submitted with the form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * Placeholder text shown when field is empty
+     * Accessibility tip: avoid putting important instructions for
+     * filling out the TextField in the placeholder. Use descriptiveText
+     * for important instructions
+     */
+    placeholder?: string;
+    /**
+     * Controls height based on number of rows of text to display
+     */
+    rows?: number;
+    /**
+     * Changes the font-size, padding, and height of the field.
+     */
+    size?: Sizes;
+    /**
+     * If value is provided, this will be a controlled field
+     */
+    value?: React.AllHTMLAttributes<'textarea'>['value'];
+    /**
+     * Variants
+     */
+    variation?: FieldVariations;
+}

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

@@ -0,0 +1,5 @@
+import { TextAreaProps } from './textArea';
+import { FieldProps } from './field';
+import { FlexContainerStyleProps } from './flex';
+export interface TextAreaFieldProps extends FieldProps, FlexContainerStyleProps, TextAreaProps {
+}

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { FlexContainerStyleProps } from './flex';
+import { InputProps } from './input';
+import { FieldProps } from './field';
+import { TextAreaProps } from './textArea';
+export interface TextFieldOptions extends FieldProps, FlexContainerStyleProps {
+    /**
+     * Component(s) to show after input
+     */
+    outerEndComponent?: React.ReactNode;
+    /**
+     * Component(s) to show before input
+     */
+    outerStartComponent?: React.ReactNode;
+    /**
+     * FieldGroupIconButton component to show inside of input at start
+     */
+    innerStartComponent?: React.ReactNode;
+    /**
+     * FieldGroupIconButton component to show inside of input at end
+     */
+    innerEndComponent?: React.ReactNode;
+    /**
+     * Input field type (only applies when isMultiline = false)
+     */
+    type?: InputProps['type'];
+}
+export interface TextInputFieldProps extends TextFieldOptions, InputProps {
+}
+export interface TextAreaFieldMultilineProps extends TextFieldOptions, TextAreaProps {
+}
+export declare type TextFieldProps<Multiline extends boolean = false> = (Multiline extends true ? TextAreaFieldMultilineProps : TextInputFieldProps) & {
+    /**
+     * @deprecated
+     * Multiline functionality has been moved to TextAreaField and will be removed in next major release.
+     * Please use TextAreaField instead of TextField for multiline text fields.
+     */
+    isMultiline?: Multiline;
+};

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

@@ -0,0 +1,7 @@
+import { ButtonProps } from './button';
+export interface ToggleButtonProps extends ButtonProps {
+    value?: string;
+    isPressed?: boolean;
+    defaultPressed?: boolean;
+    onChange?: (value: string) => void;
+}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { FlexProps } from './flex';
+import { ToggleButtonProps } from './toggleButton';
+export interface ToggleButtonGroupProps extends FlexProps, Pick<ToggleButtonProps, 'size' | 'variation'> {
+    children: React.ReactNode;
+    isExclusive?: boolean;
+    isSelectionRequired?: boolean;
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { AriaProps, BaseComponentProps } from './base';
+import { BaseStyleProps } from './style';
+declare type MergeProps<A, B> = A & Omit<B, keyof A>;
+export declare type ElementType = React.FC<any> | keyof JSX.IntrinsicElements;
+/**
+ * Convert string element type to DOMElement Type
+ * e.g. 'button' => HTMLButtonElement
+ */
+export declare type HTMLElementType<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? React.ElementRef<Element> : HTMLElementTypeFromExoticComponentRef<Element>;
+/**
+ * Allows us to extract ElementType from `typeof Root` used in SliderField
+ * e.g. React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>> => HTMLSpanElement
+ */
+declare type HTMLElementTypeFromExoticComponentRef<Element extends ElementType> = Element extends React.ForwardRefExoticComponent<React.RefAttributes<infer DOMHTMLElement>> ? DOMHTMLElement : HTMLElement;
+export declare type ElementProps<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Element] : Element extends React.FC<infer ComponentProps> ? ComponentProps : never;
+export declare type PrimitiveProps<Props extends ViewProps, Element extends ElementType> = MergeProps<Omit<Props, 'as'> & {
+    as?: Element | Props['as'];
+}, Omit<ElementProps<Element>, 'ref'>>;
+export declare type PrimitivePropsWithRef<Props extends ViewProps, Element extends ElementType> = PrimitiveProps<Props, Element> & {
+    ref?: React.Ref<HTMLElementType<Element>>;
+};
+export declare type Primitive<Props extends ViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<HTMLElementType<Element>, PrimitivePropsWithRef<Props, Element>>;
+export interface ViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {
+    as?: ElementType;
+    isDisabled?: boolean;
+    style?: React.CSSProperties;
+}
+export {};

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

@@ -0,0 +1,3 @@
+import { ViewProps } from './view';
+export interface VisuallyHiddenProps extends ViewProps {
+}

package/dist/types/primitives/utils/testUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const useTestId: (testId: string, component: string) => string;
+export declare const errorMessageWrapper: (fn: () => void, message: string) => void;

package/dist/types/primitives/utils/useLayoutEffect.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * On the server, React emits a warning when calling `useLayoutEffect`.
+ * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
+ * We use this safe version which suppresses the warning by replacing it with a noop on the server.
+ *
+ * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+ */
+declare const useLayoutEffect: typeof React.useLayoutEffect;
+export { useLayoutEffect };

package/dist/types/primitives/utils/useStableId.d.ts

@@ -0,0 +1,9 @@
+export declare const AUTO_GENERATED_ID_PREFIX = "amplify-id";
+export declare type UseStableId = (id?: string) => string;
+/**
+ * Create a uuid to use with amplify fields unless
+ * an id is provided
+ * @param id user specified id
+ * @returns string
+ */
+export declare const useStableId: UseStableId;

package/dist/types/styles.d.ts

@@ -0,0 +1 @@
+import './styles.css';

package/dist/types/types/PartialDeep.d.ts

@@ -0,0 +1,59 @@
+import { Primitive } from './Primitive';
+/**
+Create a type from another type with all keys and nested keys set to optional.
+
+Use-cases:
+- Merging a default settings/config object with another object, the second object would be a deep partial of the default object.
+- Mocking and testing complex entities, where populating an entire object with its keys would be redundant in terms of the mock or test.
+
+@example
+```
+import {PartialDeep} from 'type-fest';
+
+const settings: Settings = {
+    textEditor: {
+        fontSize: 14;
+        fontColor: '#000000';
+        fontWeight: 400;
+    }
+    autocomplete: false;
+    autosave: true;
+};
+
+const applySavedSettings = (savedSettings: PartialDeep<Settings>) => {
+    return {...settings, ...savedSettings};
+}
+
+settings = applySavedSettings({textEditor: {fontWeight: 500}});
+```
+
+@category Utilities
+*/
+export declare type PartialDeep<T> = T extends Primitive ? Partial<T> : T extends Map<infer KeyType, infer ValueType> ? PartialMapDeep<KeyType, ValueType> : T extends Set<infer ItemType> ? PartialSetDeep<ItemType> : T extends ReadonlyMap<infer KeyType, infer ValueType> ? PartialReadonlyMapDeep<KeyType, ValueType> : T extends ReadonlySet<infer ItemType> ? PartialReadonlySetDeep<ItemType> : T extends (...args: any[]) => unknown ? T | undefined : T extends object ? T extends Array<infer ItemType> ? ItemType[] extends T ? Array<PartialDeep<ItemType | undefined>> : PartialObjectDeep<T> : PartialObjectDeep<T> : unknown;
+/**
+Same as `PartialDeep`, but accepts only `Map`s and as inputs. Internal helper for `PartialDeep`.
+*/
+interface PartialMapDeep<KeyType, ValueType> extends Map<PartialDeep<KeyType>, PartialDeep<ValueType>> {
+}
+/**
+Same as `PartialDeep`, but accepts only `Set`s as inputs. Internal helper for `PartialDeep`.
+*/
+interface PartialSetDeep<T> extends Set<PartialDeep<T>> {
+}
+/**
+Same as `PartialDeep`, but accepts only `ReadonlyMap`s as inputs. Internal helper for `PartialDeep`.
+*/
+interface PartialReadonlyMapDeep<KeyType, ValueType> extends ReadonlyMap<PartialDeep<KeyType>, PartialDeep<ValueType>> {
+}
+/**
+Same as `PartialDeep`, but accepts only `ReadonlySet`s as inputs. Internal helper for `PartialDeep`.
+*/
+interface PartialReadonlySetDeep<T> extends ReadonlySet<PartialDeep<T>> {
+}
+/**
+Same as `PartialDeep`, but accepts only `object`s as inputs. Internal helper for `PartialDeep`.
+*/
+declare type PartialObjectDeep<ObjectType extends object> = {
+    [KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType]>;
+};
+export {};

package/dist/types/types/Primitive.d.ts

@@ -0,0 +1,5 @@
+/**
+Matches any [primitive value](https://developer.mozilla.org/en-US/docs/Glossary/Primitive).
+@category Basic
+*/
+export declare type Primitive = null | undefined | string | number | boolean | symbol | bigint;

package/dist/types/types/catalog.d.ts

@@ -0,0 +1,14 @@
+export declare enum PrimitiveCatalogComponentPropertyType {
+    Boolean = "boolean",
+    String = "string",
+    Number = "number",
+    Any = "any"
+}
+export declare type PrimitiveCatalogComponentProperty = {
+    type: PrimitiveCatalogComponentPropertyType;
+};
+export declare type PrimitiveCatalogComponentProperties = Record<string, PrimitiveCatalogComponentProperty>;
+export declare type PrimitiveCatalogComponent = {
+    properties: PrimitiveCatalogComponentProperties;
+};
+export declare type PrimitiveCatalog = Record<string, PrimitiveCatalogComponent>;

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

@@ -0,0 +1 @@
+export * from './PartialDeep';

package/dist/utils-fb304b5c.js

@@ -0,0 +1,16 @@
+"use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),r=require("lodash/isObject");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),i=n(t),o=n(r);const a=e=>o.default(e)&&s.default(e),c=e=>i.default(e)&&s.default(e),u=e=>"string"==typeof e&&0===e.length;exports.__awaiter=function(e,t,r,n){return new(r||(r=Promise))((function(s,i){function o(e){try{c(n.next(e))}catch(e){i(e)}}function a(e){try{c(n.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,a)}c((n=n.apply(e,t||[])).next())}))},exports.__rest=
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(e);s<n.length;s++)t.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(r[n[s]]=e[n[s]])}return r},exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,r)=>{const n=t[r];return!(!c(e)||!c(n))||(!(!a(e)||!a(n))||e===n)})),exports.findChildOverrides=(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}))))},exports.getConsecutiveIntArray=(e,t)=>{const r=t-e+1;return Array.from({length:r},((t,r)=>r+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(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)},exports.getOverridesFromVariants=function(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)),{})},exports.isEmptyString=u,exports.isFunction=e=>"function"==typeof e,exports.isNullOrEmptyString=e=>null==e||u(e),exports.mergeVariantsAndOverrides=(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)},exports.strHasLength=e=>"string"==typeof e&&e.length>0;

package/internal/package.json

@@ -3,5 +3,5 @@
   "name": "@aws-amplify/ui-react-internal",
   "main": "../dist/internal.js",
   "module": "../dist/esm/internal.js",
-  "types": "../dist/internal.d.ts"
+  "types": "../dist/types/internal.d.ts"
 }

package/legacy/package.json

@@ -3,5 +3,5 @@
   "name": "@aws-amplify/ui-react-legacy",
   "main": "../dist/legacy.js",
   "module": "../dist/esm/legacy.js",
-  "types": "../dist/legacy.d.ts"
+  "types": "../dist/types/legacy.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "2.11.0",
+  "version": "2.14.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -12,17 +12,21 @@
       "import": "./dist/esm/internal.js",
       "require": "./dist/internal.js"
     },
+    "./internal/primitives-catalog": {
+      "import": "./dist/esm/primitives-catalog.js",
+      "default": null
+    },
     "./legacy": {
       "import": "./dist/esm/legacy.js",
       "require": "./dist/legacy.js"
     },
-    "./styles.css": "./dist/index.css",
+    "./styles.css": "./dist/styles.css",
     "./primitives.json": "./dist/primitives.json"
   },
   "browser": {
-    "./styles.css": "./dist/index.css"
+    "./styles.css": "./dist/styles.css"
   },
-  "types": "dist/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -38,9 +42,9 @@
   "scripts": {
     "prebuild": "rimraf dist",
     "build": "yarn run build:ts && yarn run build:catalog",
-    "build:ts": "tsup --minify --keep-names",
+    "build:ts": "rollup --config",
     "build:catalog": "ts-node scripts/generatePrimitivesCatalog.ts",
-    "dev": "tsup --watch src",
+    "dev": "rollup --config --watch",
     "eslint:primitives": "eslint ./src/primitives --ext .js,.ts,.tsx",
     "update:icons": "node scripts/updateIcons.js",
     "build:icons": "yarn run clean:icons && node scripts/generateIcons.js",
@@ -54,7 +58,7 @@
     "test:unit:watch": "jest --watch"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.3.2",
+    "@aws-amplify/ui": "3.5.0",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",
@@ -64,21 +68,32 @@
     "classnames": "2.3.1",
     "deepmerge": "4.2.2",
     "lodash": "4.17.21",
+    "mapbox-gl": "npm:empty-npm-package@1.0.0",
+    "maplibre-gl-js-amplify": "1.2.3",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1"
   },
   "peerDependencies": {
     "aws-amplify": "3.x.x || 4.x.x",
+    "maplibre-gl": "^1.14.0",
     "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0"
+    "react-dom": ">= 16.8.0",
+    "react-map-gl": ">= 7.0.10"
+  },
+  "peerDependenciesMeta": {
+    "aws-amplify": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@rollup/plugin-typescript": "^8.3.1",
     "@svgr/core": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.1",
     "@testing-library/user-event": "^13.2.1",
     "@types/jest": "^26.0.23",
+    "@types/qrcode": "^1.4.2",
     "@types/testing-library__jest-dom": "^5.14.1",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
@@ -90,9 +105,15 @@
     "jest-matchmedia-mock": "^1.1.0",
     "react-router-dom": "^6.2.1",
     "rimraf": "^3.0.2",
+    "rollup": "^2.70.0",
+    "rollup-plugin-styles": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
     "ts-jest": "^27.0.3",
     "ts-morph": "^12.0.0",
     "ts-node": "^10.2.1",
     "typescript": "^4.3.2"
-  }
+  },
+  "sideEffects": [
+    "dist/**/*.css"
+  ]
 }