@aws-amplify/ui-react 5.3.1 → 6.0.0

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+/**
+ * Updates the return type for primitives wrapped in `React.forwardRef` to
+ * `React.ReactElement`. In React 18 the return type of `React.ExoticComponent`
+ * was changed from `React.ReactElement` to `React.ReactNode`, which breaks
+ * clients using React 16 and 17.
+ *
+ * @param primitive UI Primitive to be wrapped with `React.forwardRef`
+ * @returns ForwaredRef wrapped UI Primitive
+ */
+const primitiveWithForwardRef = (primitive) => React.forwardRef(primitive);
+
+export { primitiveWithForwardRef };

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

@@ -1 +1,36 @@
-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};
+import { ComponentPropsToStylePropsMap } from '../types/style.mjs';
+
+const isStyleKey = (prop) => {
+    return prop in ComponentPropsToStylePropsMap;
+};
+/**
+ * This function splits props into style props and non-style props. This is used
+ * on Field primitives so we can apply style props on the wrapper element and
+ * the rest on the input.
+ * @param props this should be a destructured `rest` from the component's props
+ */
+const splitPrimitiveProps = (props) => {
+    const splitProps = {
+        styleProps: {},
+        rest: {},
+    };
+    Object.keys(props).forEach((prop) => {
+        if (isStyleKey(prop)) {
+            // we know it is a style key
+            // so we know we can assign the key in styleProps
+            splitProps.styleProps = {
+                ...splitProps.styleProps,
+                [prop]: props[prop],
+            };
+        }
+        else {
+            splitProps.rest = {
+                ...splitProps.rest,
+                [prop]: props[prop],
+            };
+        }
+    });
+    return splitProps;
+};
+
+export { splitPrimitiveProps };

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

@@ -1 +1,13 @@
-import*as o from"react";const l=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?o.useLayoutEffect:()=>{};export{l as useLayoutEffect};
+import * as React from 'react';
+
+// Source: https://github.com/radix-ui/primitives/blob/7ae63b6cce6ea53ea5d65b6d411894c004b38f47/packages/react/use-layout-effect/src/useLayoutEffect.tsx
+/**
+ * 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
+ */
+const useLayoutEffect = globalThis?.document ? React.useLayoutEffect : () => { };
+
+export { useLayoutEffect };

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

@@ -1 +1,34 @@
-import*as t from"react";import{useLayoutEffect as o}from"./useLayoutEffect.mjs";const r="amplify-id",e=t["useId".toString()]||(()=>{});let n=0;const s=s=>{const[u,i]=t.useState(e());return o((()=>{s||i((t=>null!=t?t:String(n++)))}),[s]),null!=s?s:u?`${r}-${u}`:""};export{r as AUTO_GENERATED_ID_PREFIX,s as useStableId};
+import * as React from 'react';
+import { useLayoutEffect } from './useLayoutEffect.mjs';
+
+// Adapted from https://github.com/radix-ui/primitives/blob/main/packages/react/id/src/id.tsx#L8
+// Prefixed autogenerated id created by useStableId
+const AUTO_GENERATED_ID_PREFIX = 'amplify-id';
+// Create a local version of React.useId which will reference React.useId for React 18
+// and fallback to noop for React 17 and below
+// Note: We use `toString()` to prevent bundlers from trying to `import { useId } from 'react';`
+// since it doesn't exist in React 17 and below (prevents https://github.com/aws-amplify/amplify-ui/issues/1154)
+const useReactId = 
+// disable eslint below to allow usage of casting React to `any`, which ensures that TS
+// does not get confused about the existence of `useId` in React 17 and below
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+React['useId'.toString()] || (() => undefined);
+let count = 0;
+/**
+ * Create a uuid to use with amplify fields unless
+ * an id is provided
+ * @param id user specified id
+ * @returns string
+ */
+const useStableId = (id) => {
+    const [stableId, setStableId] = React.useState(useReactId());
+    // React versions older than 18 will have client-side ids only
+    useLayoutEffect(() => {
+        if (!id) {
+            setStableId((reactId) => reactId ?? String(count++));
+        }
+    }, [id]);
+    return id ?? (stableId ? `${AUTO_GENERATED_ID_PREFIX}-${stableId}` : '');
+};
+
+export { AUTO_GENERATED_ID_PREFIX, useStableId };

package/dist/esm/version.mjs

@@ -1 +1,3 @@
-const o="5.3.1";export{o as VERSION};
+const VERSION = '5.3.2';
+
+export { VERSION };