@ory/elements-react 1.0.0-next.9 → 1.0.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +515 -0
- package/DEVELOPMENT.md +94 -0
- package/LICENSE +201 -0
- package/README.md +359 -32
- package/babel.config.js +10 -0
- package/dist/client/config.d.mts +21 -0
- package/dist/client/config.d.ts +21 -0
- package/dist/client/config.js +77 -0
- package/dist/client/config.js.map +1 -0
- package/dist/client/config.mjs +51 -0
- package/dist/client/config.mjs.map +1 -0
- package/dist/client/frontendClient.d.mts +10 -0
- package/dist/client/frontendClient.d.ts +10 -0
- package/dist/client/frontendClient.js +75 -0
- package/dist/client/frontendClient.js.map +1 -0
- package/dist/client/frontendClient.mjs +54 -0
- package/dist/client/frontendClient.mjs.map +1 -0
- package/dist/client/index.d.mts +5 -0
- package/dist/client/index.d.ts +5 -0
- package/dist/client/index.js +33 -0
- package/dist/client/index.js.map +1 -0
- package/dist/client/index.mjs +10 -0
- package/dist/client/index.mjs.map +1 -0
- package/dist/client/session-provider.d.mts +62 -0
- package/dist/client/session-provider.d.ts +62 -0
- package/dist/client/session-provider.js +96 -0
- package/dist/client/session-provider.js.map +1 -0
- package/dist/client/session-provider.mjs +71 -0
- package/dist/client/session-provider.mjs.map +1 -0
- package/dist/client/useSession.d.mts +32 -0
- package/dist/client/useSession.d.ts +32 -0
- package/dist/client/useSession.js +37 -0
- package/dist/client/useSession.js.map +1 -0
- package/dist/client/useSession.mjs +13 -0
- package/dist/client/useSession.mjs.map +1 -0
- package/dist/index.d.mts +478 -1872
- package/dist/index.d.ts +478 -1872
- package/dist/index.js +3995 -2564
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3992 -2551
- package/dist/index.mjs.map +1 -1
- package/dist/theme/default/index.css +976 -304
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.d.mts +54 -15
- package/dist/theme/default/index.d.ts +54 -15
- package/dist/theme/default/index.js +5483 -926
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +5569 -909
- package/dist/theme/default/index.mjs.map +1 -1
- package/dist/theme/default/tailwind/defaults.d.mts +737 -0
- package/dist/theme/default/tailwind/defaults.d.ts +737 -0
- package/dist/theme/default/tailwind/defaults.js +219 -0
- package/dist/theme/default/tailwind/defaults.js.map +1 -0
- package/dist/theme/default/tailwind/defaults.mjs +196 -0
- package/dist/theme/default/tailwind/defaults.mjs.map +1 -0
- package/package.json +39 -14
- package/tailwind/defaults.ts +34 -0
- package/tailwind/generated/README.md +2 -0
- package/tailwind/generated/default-variables.css +216 -0
- package/tailwind/generated/variables-processed.json +161 -0
- package/tsconfig.json +10 -9
- package/tsconfig.runtime.json +4 -0
- package/.eslintrc.js +0 -61
- package/.vscode/i18n-ally-reviews.yml +0 -3
- package/.vscode/settings.json +0 -4
- package/api-report/elements-react-theme.api.json +0 -1260
- package/api-report/elements-react-theme.api.md +0 -128
- package/api-report/elements-react.api.json +0 -4262
- package/api-report/elements-react.api.md +0 -393
- package/api-report/temp/elements-react-theme.api.md +0 -130
- package/api-report/temp/elements-react.api.md +0 -328
- package/config/api-extractor-core.json +0 -457
- package/config/api-extractor-theme.json +0 -463
- package/jest.config.ts +0 -16
- package/postcss.config.ts +0 -6
- package/tailwind.config.ts +0 -54
- package/tsconfig.spec.json +0 -20
- package/variables-processed.json +0 -193
|
@@ -1,328 +0,0 @@
|
|
|
1
|
-
## API Report File for "@ory/elements-react"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
8
|
-
import { ComponentType } from 'react';
|
|
9
|
-
import { ConfigurationParameters } from '@ory/client-fetch';
|
|
10
|
-
import { DetailedHTMLProps } from 'react';
|
|
11
|
-
import { Dispatch } from 'react';
|
|
12
|
-
import { FlowError } from '@ory/client-fetch';
|
|
13
|
-
import { FlowType } from '@ory/client-fetch';
|
|
14
|
-
import { FormEventHandler } from 'react';
|
|
15
|
-
import { HTMLAttributes } from 'react';
|
|
16
|
-
import { IntlShape } from 'react-intl';
|
|
17
|
-
import { LoginFlow } from '@ory/client-fetch';
|
|
18
|
-
import { MouseEventHandler } from 'react';
|
|
19
|
-
import { OnRedirectHandler } from '@ory/client-fetch';
|
|
20
|
-
import { PropsWithChildren } from 'react';
|
|
21
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
22
|
-
import { RecoveryFlow } from '@ory/client-fetch';
|
|
23
|
-
import { RegistrationFlow } from '@ory/client-fetch';
|
|
24
|
-
import { SettingsFlow } from '@ory/client-fetch';
|
|
25
|
-
import { UiNode } from '@ory/client-fetch';
|
|
26
|
-
import { UiNodeAnchorAttributes } from '@ory/client-fetch';
|
|
27
|
-
import { UiNodeGroupEnum } from '@ory/client-fetch';
|
|
28
|
-
import { UiNodeImageAttributes } from '@ory/client-fetch';
|
|
29
|
-
import { UiNodeInputAttributes } from '@ory/client-fetch';
|
|
30
|
-
import { UiNodeTextAttributes } from '@ory/client-fetch';
|
|
31
|
-
import { UiText } from '@ory/client-fetch';
|
|
32
|
-
import { UpdateLoginFlowBody } from '@ory/client-fetch';
|
|
33
|
-
import { UpdateRecoveryFlowBody } from '@ory/client-fetch';
|
|
34
|
-
import { UpdateRegistrationFlowBody } from '@ory/client-fetch';
|
|
35
|
-
import { UpdateSettingsFlowBody } from '@ory/client-fetch';
|
|
36
|
-
import { UpdateVerificationFlowBody } from '@ory/client-fetch';
|
|
37
|
-
import { VerificationFlow } from '@ory/client-fetch';
|
|
38
|
-
|
|
39
|
-
// Warning: (ae-forgotten-export) The symbol "OryFlow" needs to be exported by the entry point index.d.ts
|
|
40
|
-
//
|
|
41
|
-
// @public
|
|
42
|
-
export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
|
|
43
|
-
|
|
44
|
-
// @public
|
|
45
|
-
export type FlowContainerSetter = Dispatch<Partial<OryFlowContainer>>;
|
|
46
|
-
|
|
47
|
-
// @public
|
|
48
|
-
export type FlowContextValue = OryFlowContainer & {
|
|
49
|
-
setFlowContainer: FlowContainerSetter;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
// @public
|
|
53
|
-
export type FormValues = Record<string, string | boolean | number | undefined>;
|
|
54
|
-
|
|
55
|
-
// @public (undocumented)
|
|
56
|
-
export type Locale = keyof typeof OryLocales;
|
|
57
|
-
|
|
58
|
-
// @public
|
|
59
|
-
export type LoginFlowContainer = OryFlow<FlowType.Login, LoginFlow>;
|
|
60
|
-
|
|
61
|
-
// @public
|
|
62
|
-
export function messageTestId(message: UiText): {
|
|
63
|
-
"data-testid": string;
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
// @public
|
|
67
|
-
export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
|
|
68
|
-
setFlowContainer: (flowContainer: OryFlowContainer) => void;
|
|
69
|
-
body: T;
|
|
70
|
-
onRedirect: OnRedirectHandler;
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
// @public
|
|
74
|
-
export function OryCard({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
|
|
75
|
-
|
|
76
|
-
// @public
|
|
77
|
-
export type OryCardAuthMethodListItemProps = {
|
|
78
|
-
onClick: () => void;
|
|
79
|
-
group: string;
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
// @public
|
|
83
|
-
export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
|
|
84
|
-
|
|
85
|
-
// @public
|
|
86
|
-
export type OryCardContentProps = PropsWithChildren;
|
|
87
|
-
|
|
88
|
-
// @public
|
|
89
|
-
export type OryCardDividerProps = Record<string, never>;
|
|
90
|
-
|
|
91
|
-
// @public (undocumented)
|
|
92
|
-
export function OryCardFooter(): react_jsx_runtime.JSX.Element;
|
|
93
|
-
|
|
94
|
-
// @public (undocumented)
|
|
95
|
-
export type OryCardFooterProps = Record<string, never>;
|
|
96
|
-
|
|
97
|
-
// @public (undocumented)
|
|
98
|
-
export function OryCardHeader(): react_jsx_runtime.JSX.Element;
|
|
99
|
-
|
|
100
|
-
// @public (undocumented)
|
|
101
|
-
export type OryCardHeaderProps = Record<string, never>;
|
|
102
|
-
|
|
103
|
-
// @public (undocumented)
|
|
104
|
-
export type OryCardProps = PropsWithChildren;
|
|
105
|
-
|
|
106
|
-
// @public (undocumented)
|
|
107
|
-
export function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
|
|
108
|
-
|
|
109
|
-
// @public (undocumented)
|
|
110
|
-
export type OryClientConfiguration = {
|
|
111
|
-
name: string;
|
|
112
|
-
logoUrl?: string;
|
|
113
|
-
stylesheet?: string;
|
|
114
|
-
favicon?: string;
|
|
115
|
-
sdk: {
|
|
116
|
-
url: string;
|
|
117
|
-
options?: Partial<ConfigurationParameters>;
|
|
118
|
-
};
|
|
119
|
-
project: {
|
|
120
|
-
registration_enabled: boolean;
|
|
121
|
-
verification_enabled: boolean;
|
|
122
|
-
recovery_enabled: boolean;
|
|
123
|
-
recovery_ui_url: string;
|
|
124
|
-
registration_ui_url: string;
|
|
125
|
-
verification_ui_url: string;
|
|
126
|
-
login_ui_url: string;
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
|
|
130
|
-
// @public (undocumented)
|
|
131
|
-
export type OryCurrentIdentifierProps = {
|
|
132
|
-
attributes: UiNodeInputAttributes;
|
|
133
|
-
node: UiNode;
|
|
134
|
-
onClick?: () => void;
|
|
135
|
-
href?: string;
|
|
136
|
-
} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
|
|
137
|
-
|
|
138
|
-
// Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
|
|
139
|
-
//
|
|
140
|
-
// @public (undocumented)
|
|
141
|
-
export type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
|
|
142
|
-
|
|
143
|
-
// @public
|
|
144
|
-
export type OryFlowComponents = {
|
|
145
|
-
Node: {
|
|
146
|
-
Button: ComponentType<OryNodeButtonProps>;
|
|
147
|
-
OIDCButton: ComponentType<OryNodeOIDCButtonProps>;
|
|
148
|
-
CurrentIdentifierButton: ComponentType<OryCurrentIdentifierProps>;
|
|
149
|
-
Anchor: ComponentType<OryNodeAnchorProps>;
|
|
150
|
-
Input: ComponentType<OryNodeInputProps>;
|
|
151
|
-
CodeInput: ComponentType<OryNodeInputProps>;
|
|
152
|
-
Image: ComponentType<OryNodeImageProps>;
|
|
153
|
-
Label: ComponentType<OryNodeLabelProps>;
|
|
154
|
-
Checkbox: ComponentType<OryNodeInputProps>;
|
|
155
|
-
Text: ComponentType<OryNodeTextProps>;
|
|
156
|
-
};
|
|
157
|
-
Card: {
|
|
158
|
-
Root: ComponentType<OryCardProps>;
|
|
159
|
-
Footer: ComponentType<OryCardFooterProps>;
|
|
160
|
-
Header: ComponentType<OryCardProps>;
|
|
161
|
-
Content: ComponentType<OryCardContentProps>;
|
|
162
|
-
Logo: ComponentType;
|
|
163
|
-
Divider: ComponentType<OryCardDividerProps>;
|
|
164
|
-
AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
|
|
165
|
-
};
|
|
166
|
-
Form: {
|
|
167
|
-
Root: ComponentType<OryFormRootProps>;
|
|
168
|
-
OIDCRoot: ComponentType<OryFormOIDCRootProps>;
|
|
169
|
-
Group: ComponentType<OryFormGroupProps>;
|
|
170
|
-
};
|
|
171
|
-
Message: {
|
|
172
|
-
Root: ComponentType<OryMessageRootProps>;
|
|
173
|
-
Content: ComponentType<OryMessageContentProps>;
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
|
|
177
|
-
// @public
|
|
178
|
-
export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
|
|
179
|
-
|
|
180
|
-
// @public (undocumented)
|
|
181
|
-
export function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
|
|
182
|
-
|
|
183
|
-
// @public
|
|
184
|
-
export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
|
|
185
|
-
|
|
186
|
-
// @public (undocumented)
|
|
187
|
-
export type OryFormGroupProps = PropsWithChildren;
|
|
188
|
-
|
|
189
|
-
// @public (undocumented)
|
|
190
|
-
export function OryFormGroups({ children, groups }: OryFormGroupsProps): react_jsx_runtime.JSX.Element;
|
|
191
|
-
|
|
192
|
-
// @public (undocumented)
|
|
193
|
-
export type OryFormGroupsProps = PropsWithChildren<{
|
|
194
|
-
groups: UiNodeGroupEnum[];
|
|
195
|
-
}>;
|
|
196
|
-
|
|
197
|
-
// @public (undocumented)
|
|
198
|
-
export type OryFormOIDCButtonsProps = PropsWithChildren<{
|
|
199
|
-
hideDivider?: boolean;
|
|
200
|
-
}>;
|
|
201
|
-
|
|
202
|
-
// @public (undocumented)
|
|
203
|
-
export type OryFormOIDCRootProps = PropsWithChildren<{
|
|
204
|
-
nodes: UiNode[];
|
|
205
|
-
}>;
|
|
206
|
-
|
|
207
|
-
// @public (undocumented)
|
|
208
|
-
export type OryFormProps = PropsWithChildren;
|
|
209
|
-
|
|
210
|
-
// @public (undocumented)
|
|
211
|
-
export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
|
|
212
|
-
onSubmit: FormEventHandler<HTMLFormElement>;
|
|
213
|
-
};
|
|
214
|
-
|
|
215
|
-
// @public (undocumented)
|
|
216
|
-
export function OryFormSocialButtons({ children, hideDivider, }: OryFormOIDCButtonsProps): react_jsx_runtime.JSX.Element | null;
|
|
217
|
-
|
|
218
|
-
// @public (undocumented)
|
|
219
|
-
export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
|
|
220
|
-
|
|
221
|
-
// Warning: (ae-forgotten-export) The symbol "CustomTranslations" needs to be exported by the entry point index.d.ts
|
|
222
|
-
//
|
|
223
|
-
// @public (undocumented)
|
|
224
|
-
export type OryIntlProviderProps<Translation> = Translation extends CustomTranslations ? CustomTranslations : SupportedTranslations;
|
|
225
|
-
|
|
226
|
-
// @public (undocumented)
|
|
227
|
-
export namespace OryLocales {
|
|
228
|
-
{ locales_de as de, locales_en as en, locales_es as es, locales_fr as fr, locales_nl as nl, locales_pl as pl, locales_pt as pt, locales_sv as sv };
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
// @public (undocumented)
|
|
232
|
-
export type OryMessageContentProps = {
|
|
233
|
-
message: UiText;
|
|
234
|
-
};
|
|
235
|
-
|
|
236
|
-
// @public (undocumented)
|
|
237
|
-
export type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
238
|
-
|
|
239
|
-
// @public (undocumented)
|
|
240
|
-
export type OryNodeAnchorProps = {
|
|
241
|
-
attributes: UiNodeAnchorAttributes;
|
|
242
|
-
node: UiNode;
|
|
243
|
-
} & Omit<ComponentPropsWithoutRef<"a">, "children">;
|
|
244
|
-
|
|
245
|
-
// @public (undocumented)
|
|
246
|
-
export type OryNodeButtonProps = {
|
|
247
|
-
attributes: UiNodeInputAttributes;
|
|
248
|
-
node: UiNode;
|
|
249
|
-
} & Omit<ComponentPropsWithoutRef<"button">, "children">;
|
|
250
|
-
|
|
251
|
-
// @public (undocumented)
|
|
252
|
-
export type OryNodeImageProps = {
|
|
253
|
-
attributes: UiNodeImageAttributes;
|
|
254
|
-
node: UiNode;
|
|
255
|
-
};
|
|
256
|
-
|
|
257
|
-
// @public (undocumented)
|
|
258
|
-
export type OryNodeInputProps = {
|
|
259
|
-
attributes: UiNodeInputAttributes;
|
|
260
|
-
node: UiNode;
|
|
261
|
-
onClick?: MouseEventHandler;
|
|
262
|
-
};
|
|
263
|
-
|
|
264
|
-
// @public (undocumented)
|
|
265
|
-
export type OryNodeLabelProps = {
|
|
266
|
-
attributes: UiNodeInputAttributes;
|
|
267
|
-
node: UiNode;
|
|
268
|
-
} & ComponentPropsWithoutRef<"label">;
|
|
269
|
-
|
|
270
|
-
// @public (undocumented)
|
|
271
|
-
export type OryNodeOIDCButtonProps = {
|
|
272
|
-
node: UiNode;
|
|
273
|
-
attributes: UiNodeInputAttributes;
|
|
274
|
-
onClick?: () => void;
|
|
275
|
-
};
|
|
276
|
-
|
|
277
|
-
// @public (undocumented)
|
|
278
|
-
export type OryNodeTextProps = {
|
|
279
|
-
attributes: UiNodeTextAttributes;
|
|
280
|
-
node: UiNode;
|
|
281
|
-
};
|
|
282
|
-
|
|
283
|
-
// @public (undocumented)
|
|
284
|
-
export function OryProvider<Translation extends SupportedTranslations>({ children, components: Components, ...props }: OryProviderProps<Translation>): react_jsx_runtime.JSX.Element;
|
|
285
|
-
|
|
286
|
-
// @public (undocumented)
|
|
287
|
-
export type OryProviderProps<T> = {
|
|
288
|
-
components: OryFlowComponents;
|
|
289
|
-
} & OryIntlProviderProps<T> & OryFlowContainer & PropsWithChildren;
|
|
290
|
-
|
|
291
|
-
// @public (undocumented)
|
|
292
|
-
export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
|
|
293
|
-
|
|
294
|
-
// @public
|
|
295
|
-
export type RecoveryFlowContainer = OryFlow<FlowType.Recovery, RecoveryFlow>;
|
|
296
|
-
|
|
297
|
-
// @public
|
|
298
|
-
export type RegistrationFlowContainer = OryFlow<FlowType.Registration, RegistrationFlow>;
|
|
299
|
-
|
|
300
|
-
// @public
|
|
301
|
-
export type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
|
|
302
|
-
|
|
303
|
-
// @public (undocumented)
|
|
304
|
-
export type SupportedTranslations = {
|
|
305
|
-
locale?: Locale;
|
|
306
|
-
defaultLocale?: string;
|
|
307
|
-
};
|
|
308
|
-
|
|
309
|
-
// @public
|
|
310
|
-
export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
|
|
311
|
-
|
|
312
|
-
// @public (undocumented)
|
|
313
|
-
export function useComponents(): OryFlowComponents;
|
|
314
|
-
|
|
315
|
-
// @public (undocumented)
|
|
316
|
-
export function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
|
|
317
|
-
flowType: string;
|
|
318
|
-
}) => number;
|
|
319
|
-
|
|
320
|
-
// @public
|
|
321
|
-
export function useOryFlow(): FlowContextValue;
|
|
322
|
-
|
|
323
|
-
// @public
|
|
324
|
-
export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
|
|
325
|
-
|
|
326
|
-
// (No @packageDocumentation comment for this package)
|
|
327
|
-
|
|
328
|
-
```
|