@aws-amplify/ui-react 2.16.0 → 2.17.0

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

@@ -1,3 +1,4 @@
+import { ComponentClasses } from './constants';
 export declare const strHasLength: (str: unknown) => str is string;
 export declare const isFunction: (fn: unknown) => fn is Function;
 export declare const isEmptyString: (value: unknown) => boolean;
@@ -57,4 +58,22 @@ export declare function getOverridesFromVariants(variants: Variant[], props: {
  * @returns merged variants with overrides
  */
 export declare const mergeVariantsAndOverrides: (variants: EscapeHatchProps, overrides: EscapeHatchProps) => EscapeHatchProps;
+declare type Modifiers = string | number | null;
+/**
+ * This helper function creates modifier class names that are used for our flat BEM styling
+ * it takes in a base and modifier and returns the modified class if a modifier was passed in and null otherwise
+ * @param base The base class of the output
+ * @param modifier The modifier to add onto the base
+ * @returns the modified class name or null
+ */
+export declare const classNameModifier: (base: ComponentClasses, modifier: Modifiers) => string;
+/**
+ * This helper function creates modified class names that are used for our flat BEM styling
+ * it takes in a base, modifier, and flag and returns the modified class name if the flag is true and null if the flag is false
+ * @param base
+ * @param modifier
+ * @param flag
+ * @returns the modified class name or null
+ */
+export declare const classNameModifierByFlag: (base: ComponentClasses, modifier: Modifiers, flag: boolean) => string;
 export {};

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

@@ -1,6 +1,10 @@
 import { ViewProps } from './view';
 declare type ScrollViewOrientation = 'horizontal' | 'vertical';
 export interface ScrollViewProps extends ViewProps {
+    /**
+     * @deprecated This prop has been deprecated. To get horizontal or vertical scrollbars,
+     * make the width or height of the ScrollView component smaller than the content.
+     */
     orientation?: ScrollViewOrientation;
 }
 export {};

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { ViewProps } from './view';
-export declare type SelectSize = 'small' | 'large';
+import { Sizes } from './base';
 export declare type SelectVariation = 'quiet';
 export interface SelectProps extends ViewProps {
     autoComplete?: string;
     name?: string;
     defaultValue?: string;
     value?: string;
-    size?: SelectSize;
+    size?: Sizes;
     variation?: SelectVariation;
     icon?: React.ReactElement;
     iconColor?: string;

package/dist/utils-97fdf48f.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),l=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.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,r)=>r?`${e}--${t}`:null,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=l,exports.isFunction=e=>"function"==typeof e,exports.isNullOrEmptyString=e=>null==e||l(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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -54,10 +54,11 @@
     "test": "yarn test:unit",
     "test:watch": "yarn test:unit:watch",
     "test:unit": "jest",
-    "test:unit:watch": "jest --watch"
+    "test:unit:watch": "jest --watch",
+    "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.7.0",
+    "@aws-amplify/ui": "3.8.2",
     "@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",
@@ -86,6 +87,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.3.1",
+    "@size-limit/preset-big-lib": "^7.0.8",
     "@svgr/core": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
@@ -98,8 +100,6 @@
     "@typescript-eslint/parser": "^5.20.0",
     "degit": "^2.8.4",
     "eslint": "^8.13.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^26.1.4",
@@ -114,11 +114,26 @@
     "rollup": "^2.70.0",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
+    "size-limit": "^7.0.8",
     "ts-jest": "^27.0.3",
     "ts-morph": "^12.0.0",
     "ts-node": "^10.2.1"
   },
   "sideEffects": [
     "dist/**/*.css"
+  ],
+  "size-limit": [
+    {
+      "name": "Authenticator",
+      "path": "dist/esm/index.js",
+      "import": "{ Authenticator }",
+      "limit": "100 kB"
+    },
+    {
+      "name": "Geo",
+      "path": "dist/esm/index.js",
+      "import": "{ MapView, Geocoder }",
+      "limit": "300 kB"
+    }
   ]
 }

package/dist/utils-fb304b5c.js

@@ -1,16 +0,0 @@
-"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;