@ory/elements-react 1.0.0-next.14 → 1.0.0-next.16

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## 1.0.0-next.16 (2024-11-26)
+
+
+### 🚀 Features
+
+- allow overriding of field messages
+
+- add test ids to components
+
+
+### 🩹 Fixes
+
+- use --font-sans CSS variable for font
+
+- registration & login flow form states
+
+- missing resend button on login & registration
+
+- password validation error form state
+
+- current identifier button overflowing on long values
+
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
+## 1.0.0-next.15 (2024-11-18)
+
+
+### 🩹 Fixes
+
+- use --font-sans CSS variable for font
+
+- registration & login flow form states
+
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
 ## 1.0.0-next.14 (2024-11-08)
 
 

package/api-report/elements-react-theme.api.json

@@ -357,6 +357,39 @@
           "parameters": [],
           "name": "DefaultCardLogo"
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@ory/elements-react!DefaultCurrentIdentifierButton:function(1)",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "declare function DefaultCurrentIdentifierButton(): "
+            },
+            {
+              "kind": "Reference",
+              "text": "react_jsx_runtime.JSX.Element",
+              "canonicalReference": "@types/react!JSX.Element:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | null"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/theme/default/index.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [],
+          "name": "DefaultCurrentIdentifierButton"
+        },
         {
           "kind": "Function",
           "canonicalReference": "@ory/elements-react!DefaultFormContainer:function(1)",

package/api-report/elements-react-theme.api.md

@@ -47,6 +47,9 @@ export function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
 // @public (undocumented)
 export function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
 
+// @public (undocumented)
+export function DefaultCurrentIdentifierButton(): react_jsx_runtime.JSX.Element | null;
+
 // Warning: (ae-forgotten-export) The symbol "OryFormRootProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
@@ -123,8 +126,8 @@ export type VerificationFlowContextProps = {
 
 // Warnings were encountered during analysis:
 //
-// dist/theme/default/index.d.ts:25:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
-// dist/theme/default/index.d.ts:26:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:27:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:28:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 

package/api-report/elements-react.api.json

@@ -239,15 +239,6 @@
               "kind": "Content",
               "text": "<"
             },
-            {
-              "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
             {
               "kind": "Reference",
               "text": "OryFlowContainer",
@@ -255,7 +246,7 @@
             },
             {
               "kind": "Content",
-              "text": ">>"
+              "text": ">"
             },
             {
               "kind": "Content",
@@ -267,7 +258,7 @@
           "name": "FlowContainerSetter",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 7
+            "endIndex": 5
           }
         },
         {
@@ -295,7 +286,34 @@
             },
             {
               "kind": "Content",
-              "text": ";\n}"
+              "text": ";\n    formState: "
+            },
+            {
+              "kind": "Reference",
+              "text": "FormState",
+              "canonicalReference": "@ory/elements-react!FormState:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n    dispatchFormState: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Dispatch",
+              "canonicalReference": "@types/react!React.Dispatch:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "FormStateAction",
+              "canonicalReference": "@ory/elements-react!FormStateAction:type"
+            },
+            {
+              "kind": "Content",
+              "text": ">;\n}"
             },
             {
               "kind": "Content",
@@ -307,7 +325,86 @@
           "name": "FlowContextValue",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 5
+            "endIndex": 11
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@ory/elements-react!FormState:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "type FormState = "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    current: \"provide_identifier\";\n} | {\n    current: \"select_method\";\n} | {\n    current: \"method_active\";\n    method: "
+            },
+            {
+              "kind": "Reference",
+              "text": "UiNodeGroupEnum",
+              "canonicalReference": "@ory/client-fetch!UiNodeGroupEnum:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n} | {\n    current: \"success_screen\";\n} | {\n    current: \"settings\";\n}"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/index.d.ts",
+          "releaseTag": "Public",
+          "name": "FormState",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@ory/elements-react!FormStateAction:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "type FormStateAction = "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    type: \"action_flow_update\";\n    flow: "
+            },
+            {
+              "kind": "Reference",
+              "text": "OryFlowContainer",
+              "canonicalReference": "@ory/elements-react!OryFlowContainer:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n} | {\n    type: \"action_select_method\";\n    method: "
+            },
+            {
+              "kind": "Reference",
+              "text": "UiNodeGroupEnum",
+              "canonicalReference": "@ory/client-fetch!UiNodeGroupEnum:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n}"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/index.d.ts",
+          "releaseTag": "Public",
+          "name": "FormStateAction",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
           }
         },
         {
@@ -1050,68 +1147,6 @@
             "endIndex": 8
           }
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@ory/elements-react!OryCurrentIdentifierProps:type",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "type OryCurrentIdentifierProps = "
-            },
-            {
-              "kind": "Content",
-              "text": "{\n    attributes: "
-            },
-            {
-              "kind": "Reference",
-              "text": "UiNodeInputAttributes",
-              "canonicalReference": "@ory/client-fetch!UiNodeInputAttributes:interface"
-            },
-            {
-              "kind": "Content",
-              "text": ";\n    node: "
-            },
-            {
-              "kind": "Reference",
-              "text": "UiNode",
-              "canonicalReference": "@ory/client-fetch!UiNode:interface"
-            },
-            {
-              "kind": "Content",
-              "text": ";\n    onClick?: () => void;\n    href?: string;\n} & "
-            },
-            {
-              "kind": "Reference",
-              "text": "Omit",
-              "canonicalReference": "!Omit:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "ComponentPropsWithoutRef",
-              "canonicalReference": "@types/react!React.ComponentPropsWithoutRef:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<\"button\">, \"children\" | \"onClick\">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "fileUrlPath": "dist/index.d.ts",
-          "releaseTag": "Public",
-          "name": "OryCurrentIdentifierProps",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 10
-          }
-        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@ory/elements-react!OryFlowComponentOverrides:type",
@@ -1197,24 +1232,6 @@
               "text": "OryNodeOidcButtonProps",
               "canonicalReference": "@ory/elements-react!OryNodeOidcButtonProps:type"
             },
-            {
-              "kind": "Content",
-              "text": ">;\n        CurrentIdentifierButton: "
-            },
-            {
-              "kind": "Reference",
-              "text": "ComponentType",
-              "canonicalReference": "@types/react!React.ComponentType:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "OryCurrentIdentifierProps",
-              "canonicalReference": "@ory/elements-react!OryCurrentIdentifierProps:type"
-            },
             {
               "kind": "Content",
               "text": ">;\n        Anchor: "
@@ -1733,7 +1750,7 @@
           "name": "OryFlowComponents",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 126
+            "endIndex": 122
           }
         },
         {
@@ -1806,7 +1823,7 @@
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "declare function OryForm({ children, onAfterSubmit, nodes }: "
+              "text": "declare function OryForm({ children, onAfterSubmit }: "
             },
             {
               "kind": "Reference",
@@ -1840,7 +1857,7 @@
           "overloadIndex": 1,
           "parameters": [
             {
-              "parameterName": "{ children, onAfterSubmit, nodes }",
+              "parameterName": "{ children, onAfterSubmit }",
               "parameterTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -2135,16 +2152,7 @@
             },
             {
               "kind": "Content",
-              "text": "<{\n    onAfterSubmit?: (method: string | number | boolean | undefined) => void;\n    nodes?: "
-            },
-            {
-              "kind": "Reference",
-              "text": "UiNode",
-              "canonicalReference": "@ory/client-fetch!UiNode:interface"
-            },
-            {
-              "kind": "Content",
-              "text": "[];\n}>"
+              "text": "<{\n    onAfterSubmit?: (method: string | number | boolean | undefined) => void;\n}>"
             },
             {
               "kind": "Content",
@@ -2156,7 +2164,7 @@
           "name": "OryFormProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 5
+            "endIndex": 3
           }
         },
         {

package/api-report/elements-react.api.md

@@ -44,11 +44,36 @@ import { VerificationFlow } from '@ory/client-fetch';
 export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
 
 // @public
-export type FlowContainerSetter = Dispatch<Partial<OryFlowContainer>>;
+export type FlowContainerSetter = Dispatch<OryFlowContainer>;
 
 // @public
 export type FlowContextValue = OryFlowContainer & {
     setFlowContainer: FlowContainerSetter;
+    formState: FormState;
+    dispatchFormState: Dispatch<FormStateAction>;
+};
+
+// @public (undocumented)
+export type FormState = {
+    current: "provide_identifier";
+} | {
+    current: "select_method";
+} | {
+    current: "method_active";
+    method: UiNodeGroupEnum;
+} | {
+    current: "success_screen";
+} | {
+    current: "settings";
+};
+
+// @public (undocumented)
+export type FormStateAction = {
+    type: "action_flow_update";
+    flow: OryFlowContainer;
+} | {
+    type: "action_select_method";
+    method: UiNodeGroupEnum;
 };
 
 // @public
@@ -138,14 +163,6 @@ export type OryClientConfiguration = {
     intl?: IntlConfig;
 };
 
-// @public (undocumented)
-export type OryCurrentIdentifierProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-    onClick?: () => void;
-    href?: string;
-} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
-
 // Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
@@ -156,7 +173,6 @@ export type OryFlowComponents = {
     Node: {
         Button: ComponentType<OryNodeButtonProps>;
         OidcButton: ComponentType<OryNodeOidcButtonProps>;
-        CurrentIdentifierButton: ComponentType<OryCurrentIdentifierProps>;
         Anchor: ComponentType<OryNodeAnchorProps>;
         Input: ComponentType<OryNodeInputProps>;
         CodeInput: ComponentType<OryNodeInputProps>;
@@ -200,7 +216,7 @@ export type OryFlowComponents = {
 export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
 
 // @public (undocumented)
-export function OryForm({ children, onAfterSubmit, nodes }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+export function OryForm({ children, onAfterSubmit }: OryFormProps): string | react_jsx_runtime.JSX.Element;
 
 // @public
 export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
@@ -232,7 +248,6 @@ export type OryFormOidcRootProps = PropsWithChildren<{
 // @public (undocumented)
 export type OryFormProps = PropsWithChildren<{
     onAfterSubmit?: (method: string | number | boolean | undefined) => void;
-    nodes?: UiNode[];
 }>;
 
 // @public (undocumented)