@aws-amplify/ui-react 3.5.10 → 3.5.11

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 18:28:07 GMT
+ * Generated on Tue, 01 Nov 2022 23:04:11 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -1654,21 +1654,16 @@ strong.amplify-text {
 }
 .amplify-loader circle:last-of-type {
   transform-origin: center center;
-  -webkit-animation-name: amplify-loader-circular;
-          animation-name: amplify-loader-circular;
-  -webkit-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-animation-duration: var(--amplify-components-loader-animation-duration);
-          animation-duration: var(--amplify-components-loader-animation-duration);
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
   stroke: var(--amplify-components-loader-stroke-filled);
   stroke-linecap: var(--amplify-components-loader-stroke-linecap);
 }
 @media (prefers-reduced-motion) {
   .amplify-loader circle:last-of-type {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
     stroke-dasharray: 100% 200%;
     stroke-dashoffset: 50%;
   }
@@ -1676,19 +1671,14 @@ strong.amplify-text {
 .amplify-loader line:last-of-type {
   stroke: var(--amplify-components-loader-linear-stroke-filled);
   stroke-dasharray: 50% 200%;
-  -webkit-animation-name: amplify-loader-linear;
-          animation-name: amplify-loader-linear;
-  -webkit-animation-duration: var(--amplify-components-loader-linear-animation-duration);
-          animation-duration: var(--amplify-components-loader-linear-animation-duration);
-  -webkit-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  animation-name: amplify-loader-linear;
+  animation-duration: var(--amplify-components-loader-linear-animation-duration);
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
 }
 @media (prefers-reduced-motion) {
   .amplify-loader line:last-of-type {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
     stroke-dashoffset: -50%;
   }
 }
@@ -1723,13 +1713,11 @@ strong.amplify-text {
   font-size: var(--amplify-internal-loader-linear-font-size);
 }
 .amplify-loader--determinate circle:last-of-type {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
   transform: rotate(-90deg);
 }
 .amplify-loader--determinate line:last-of-type {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
   stroke-dashoffset: 0%;
   stroke-dasharray: none;
 }
@@ -1738,20 +1726,6 @@ strong.amplify-text {
   stroke: none;
 }
 
-@-webkit-keyframes amplify-loader-circular {
-  0% {
-    stroke-dasharray: 100% 200%;
-    transform: rotate(120deg);
-  }
-  50% {
-    stroke-dasharray: 20% 400%;
-  }
-  100% {
-    stroke-dasharray: 100% 200%;
-    transform: rotate(480deg);
-  }
-}
-
 @keyframes amplify-loader-circular {
   0% {
     stroke-dasharray: 100% 200%;
@@ -1765,14 +1739,6 @@ strong.amplify-text {
     transform: rotate(480deg);
   }
 }
-@-webkit-keyframes amplify-loader-linear {
-  0% {
-    stroke-dashoffset: 200%;
-  }
-  100% {
-    stroke-dashoffset: -50%;
-  }
-}
 @keyframes amplify-loader-linear {
   0% {
     stroke-dashoffset: 200%;
@@ -1782,14 +1748,10 @@ strong.amplify-text {
   }
 }
 .amplify-placeholder {
-  -webkit-animation-direction: alternate;
-          animation-direction: alternate;
-  -webkit-animation-duration: var(--amplify-components-placeholder-transition-duration);
-          animation-duration: var(--amplify-components-placeholder-transition-duration);
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-animation-name: amplify-placeholder-loading;
-          animation-name: amplify-placeholder-loading;
+  animation-direction: alternate;
+  animation-duration: var(--amplify-components-placeholder-transition-duration);
+  animation-iteration-count: infinite;
+  animation-name: amplify-placeholder-loading;
   border-radius: var(--amplify-components-placeholder-border-radius);
   height: var(--amplify-components-placeholder-default-height);
   width: 100%;
@@ -1802,15 +1764,6 @@ strong.amplify-text {
   height: var(--amplify-components-placeholder-large-height);
 }
 
-@-webkit-keyframes amplify-placeholder-loading {
-  0% {
-    background-color: var(--amplify-components-placeholder-start-color);
-  }
-  100% {
-    background-color: var(--amplify-components-placeholder-end-color);
-  }
-}
-
 @keyframes amplify-placeholder-loading {
   0% {
     background-color: var(--amplify-components-placeholder-start-color);
@@ -1821,8 +1774,7 @@ strong.amplify-text {
 }
 @media (prefers-reduced-motion: reduce) {
   .amplify-placeholder {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
     background-color: var(--amplify-components-placeholder-end-color);
   }
 }
@@ -2279,20 +2231,14 @@ strong.amplify-text {
           padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
 }
 .amplify-expander__content[data-state=open] {
-  -webkit-animation-name: amplify-expander-slide-down;
-          animation-name: amplify-expander-slide-down;
-  -webkit-animation-duration: var(--amplify-components-expander-content-open-animation-duration);
-          animation-duration: var(--amplify-components-expander-content-open-animation-duration);
-  -webkit-animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
-          animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
+  animation-name: amplify-expander-slide-down;
+  animation-duration: var(--amplify-components-expander-content-open-animation-duration);
+  animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
 }
 .amplify-expander__content[data-state=closed] {
-  -webkit-animation-name: amplify-expander-slide-up;
-          animation-name: amplify-expander-slide-up;
-  -webkit-animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
-          animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
-  -webkit-animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
-          animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
+  animation-name: amplify-expander-slide-up;
+  animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
+  animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
 }
 
 .amplify-expander__content__text {
@@ -2313,15 +2259,6 @@ strong.amplify-text {
   transform: rotate(180deg);
 }
 
-@-webkit-keyframes amplify-expander-slide-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: auto;
-  }
-}
-
 @keyframes amplify-expander-slide-down {
   from {
     height: 0;
@@ -2330,14 +2267,6 @@ strong.amplify-text {
     height: auto;
   }
 }
-@-webkit-keyframes amplify-expander-slide-up {
-  from {
-    height: auto;
-  }
-  to {
-    height: 0;
-  }
-}
 @keyframes amplify-expander-slide-up {
   from {
     height: auto;
@@ -2437,7 +2366,6 @@ strong.amplify-text {
   width: 100%;
 }
 .amplify-field-group__field-wrapper--vertical {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }

package/dist/types/hooks/actions/shared/types.d.ts

@@ -1,4 +1,4 @@
-import { PersistentModel, PersistentModelConstructor, ModelInit, Schema } from '@aws-amplify/datastore';
+import { PersistentModel, PersistentModelConstructor, ModelInit, PersistentModelMetaData, Schema } from '@aws-amplify/datastore';
 /**
  * Converts a Model's field values to types supported by
  * Amplify UI field components. This is required
@@ -8,7 +8,7 @@ import { PersistentModel, PersistentModelConstructor, ModelInit, Schema } from '
 declare type ModelFields<Type> = {
     [Property in keyof Type]: string | number | boolean;
 };
-export declare type DataStoreActionFields<Model> = ModelInit<Model> | ModelFields<ModelInit<Model>>;
+export declare type DataStoreActionFields<Model> = ModelInit<Model, PersistentModelMetaData<Model>> | ModelFields<ModelInit<Model, PersistentModelMetaData<Model>>>;
 export interface UseDataStoreActionOptions<Model extends PersistentModel> {
     model: PersistentModelConstructor<Model>;
     /**
@@ -23,5 +23,5 @@ export interface UseDataStoreActionOptions<Model extends PersistentModel> {
      */
     schema?: Schema;
 }
-export declare function isAlreadyTyped<Model>(fields: DataStoreActionFields<Model>, schema: Schema): fields is ModelInit<Model>;
+export declare function isAlreadyTyped<Model>(fields: DataStoreActionFields<Model>, schema: Schema): fields is ModelInit<Model, PersistentModelMetaData<Model>>;
 export {};

package/dist/types/hooks/actions/shared/useTypeCastFields.d.ts

@@ -1,17 +1,15 @@
-import { ModelInit, Schema } from '@aws-amplify/datastore';
+import { ModelInit, PersistentModelMetaData, Schema } from '@aws-amplify/datastore';
 import { DataStoreActionFields } from './types';
 interface UseTypeCastFieldsProps<Model> {
     fields: DataStoreActionFields<Model>;
     modelName: string;
     schema: Schema;
 }
-declare type UseTypeCastFieldsReturn<Model> = ModelInit<Model> | undefined;
+declare type UseTypeCastFieldsReturn<Model> = ModelInit<Model, PersistentModelMetaData<Model>> | undefined;
 /**
  * Optimistically casts field string values to types required by
  * datastore based on the schema type
  * @see: See https://docs.aws.amazon.com/appsync/latest/devguide/scalars.html
  */
-export declare const useTypeCastFields: <Model>({ fields, modelName, schema, }: UseTypeCastFieldsProps<Model>) => ModelInit<Model, {
-    readOnlyFields: "createdAt" | "updatedAt";
-}>;
+export declare const useTypeCastFields: <Model>({ fields, modelName, schema, }: UseTypeCastFieldsProps<Model>) => ModelInit<Model, PersistentModelMetaData<Model>>;
 export {};

package/dist/types/hooks/actions/useDataStoreCreateAction.d.ts

@@ -6,6 +6,4 @@ export interface UseDataStoreCreateActionOptions<Model extends PersistentModel>
  * Action to Create DataStore item
  * @internal
  */
-export declare const useDataStoreCreateAction: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, fields, schema, }: UseDataStoreCreateActionOptions<Model>) => (() => Promise<void>);
+export declare const useDataStoreCreateAction: <Model extends Readonly<Record<string, any>>>({ model, fields: initialFields, schema, }: UseDataStoreCreateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreDeleteAction.d.ts

@@ -1,12 +1,10 @@
-import { PersistentModel, PersistentModelConstructor } from '@aws-amplify/datastore';
+import { PersistentModel, PersistentModelConstructor, PersistentModelMetaData, IdentifierFieldOrIdentifierObject } from '@aws-amplify/datastore';
 export interface UseDataStoreDeleteActionOptions<Model extends PersistentModel> {
     model: PersistentModelConstructor<Model>;
-    id: string;
+    id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 }
 /**
  * Action to Delete DataStore item
  * @internal
  */
-export declare const useDataStoreDeleteAction: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => (() => Promise<void>);
+export declare const useDataStoreDeleteAction: <Model extends Readonly<Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreUpdateAction.d.ts

@@ -1,12 +1,10 @@
-import { PersistentModel } from '@aws-amplify/datastore';
+import { IdentifierFieldOrIdentifierObject, PersistentModel, PersistentModelMetaData } from '@aws-amplify/datastore';
 import { UseDataStoreActionOptions } from './shared/types';
 export interface UseDataStoreUpdateActionOptions<Model extends PersistentModel> extends UseDataStoreActionOptions<Model> {
-    id: string;
+    id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 }
 /**
  * Action to Update DataStore item
  * @internal
  */
-export declare const useDataStoreUpdateAction: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ fields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => (() => Promise<void>);
+export declare const useDataStoreUpdateAction: <Model extends Readonly<Record<string, any>>>({ fields: initialFields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/useDataStore.d.ts

@@ -4,16 +4,12 @@ import { DataStoreBindingProps, DataStoreCollectionProps, DataStoreCollectionRes
  * Perform a collection query against a DataStore model
  * @internal
  */
-export declare const useDataStoreCollection: <M extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, criteria, pagination, }: DataStoreCollectionProps<M>) => DataStoreCollectionResult<M>;
+export declare const useDataStoreCollection: <M extends Readonly<Record<string, any>>>({ model, criteria, pagination, }: DataStoreCollectionProps<M>) => DataStoreCollectionResult<M>;
 /**
  * Perform a single record query against a DataStore model
  * @internal
  */
-export declare const useDataStoreItem: <M extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, id, }: DataStoreItemProps<M>) => DataStoreItemResult<M>;
+export declare const useDataStoreItem: <M extends Readonly<Record<string, any>>>({ model, id, }: DataStoreItemProps<M>) => DataStoreItemResult<M>;
 /**
  * Perform a query against a DataStore model
  * @internal

package/dist/types/primitives/StepperField/useStepper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StepperFieldProps } from '../types/stepperField';
-export declare const useStepper: ({ defaultValue, value, step, max, min, isDisabled, isReadOnly, onDecrease, onIncrease, onStepChange, }: StepperFieldProps) => {
+export declare const useStepper: ({ defaultValue, value: controlledValue, step, max, min, isDisabled, isReadOnly, onDecrease, onIncrease, onStepChange, }: StepperFieldProps) => {
     step: number;
     value: number;
     inputValue: string | number;

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

@@ -4,6 +4,4 @@ import { DataStorePredicateObject } from '../types/datastore';
  * Creates a DataStore compatible predicate function from an object representation
  * @internal
  */
-export declare const createDataStorePredicate: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>(predicateObject: DataStorePredicateObject) => ProducerModelPredicate<Model>;
+export declare const createDataStorePredicate: <Model extends Readonly<Record<string, any>>>(predicateObject: DataStorePredicateObject) => ProducerModelPredicate<Model>;

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

@@ -1,7 +1,7 @@
-import { PersistentModel, PersistentModelConstructor, ProducerModelPredicate, ProducerPaginationInput } from '@aws-amplify/datastore';
+import { IdentifierFieldOrIdentifierObject, PersistentModel, PersistentModelConstructor, PersistentModelMetaData, ProducerModelPredicate, ProducerPaginationInput } from '@aws-amplify/datastore';
 export declare type DataStoreItemProps<Model extends PersistentModel> = {
     model: PersistentModelConstructor<Model>;
-    id: string;
+    id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 };
 export declare type DataStoreCollectionProps<Model extends PersistentModel> = {
     model: PersistentModelConstructor<Model>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.5.10",
+  "version": "3.5.11",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -67,7 +67,7 @@
     "lodash": "4.17.21",
     "mapbox-gl": "1.13.1",
     "maplibre-gl": "2.1.9",
-    "maplibre-gl-js-amplify": "2.0.4",
+    "maplibre-gl-js-amplify": "2.1.0",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
     "react-map-gl": "7.0.15",