@openviking/react 0.1.7 → 0.1.8-beta.11.1.gc6def608a25e

package/dist/n~0.js

@@ -4,7 +4,7 @@ import { resolveLocale, mergeLabels } from "./nx~0.js";
 import { FolderOpenIcon, FolderIcon, ChevronRightIcon, DocumentIcon } from "./k~0.js";
 import { Popover } from "./r~0.js";
 import { button_Button } from "./e~0.js";
-import { searchreact } from "./p~0.js";
+import { searchreact } from "./p0~0.js";
 import { Tooltip } from "./rt~0.js";
 import { useLocale } from "./28~0.js";
 const messages = {

package/dist/p0~0.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const SvgSearch = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsxs("g", {
+            stroke: "currentColor",
+            strokeWidth: 1.2,
+            children: [
+                /*#__PURE__*/ jsx("circle", {
+                    cx: 7.167,
+                    cy: 7.167,
+                    r: 4.667
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    strokeLinecap: "round",
+                    d: "m10.667 10.667 3 3"
+                })
+            ]
+        })
+    });
+const searchreact = SvgSearch;
+export { searchreact };

package/dist/p~0.js

@@ -1,27 +1,36 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-const SvgSearch = (props)=>/*#__PURE__*/ jsx("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 16,
-        height: 16,
-        fill: "none",
-        viewBox: "0 0 16 16",
-        ...props,
-        children: /*#__PURE__*/ jsxs("g", {
-            stroke: "currentColor",
-            strokeWidth: 1.2,
-            children: [
-                /*#__PURE__*/ jsx("circle", {
-                    cx: 7.167,
-                    cy: 7.167,
-                    r: 4.667
-                }),
-                /*#__PURE__*/ jsx("path", {
-                    strokeLinecap: "round",
-                    d: "m10.667 10.667 3 3"
-                })
-            ]
+import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { useAuthLabels, Field } from "./g~0.js";
+import { useForm, FormFrame } from "./5~0.js";
+function ApiKeyLoginForm({ alternateLogin, onSubmit, locale, labels: overrides, ...options }) {
+    const id = useId();
+    const labels = useAuthLabels(locale, overrides);
+    const form = useForm({
+        apiKey: ''
+    }, ({ apiKey })=>({
+            apiKey: apiKey.trim() ? void 0 : {
+                key: 'required'
+            }
+        }));
+    return /*#__PURE__*/ jsx(FormFrame, {
+        ...options,
+        labels: labels,
+        submitLabel: labels.login,
+        validate: form.validate,
+        secondaryAction: alternateLogin,
+        onSubmit: ()=>onSubmit?.({
+                apiKey: form.values.apiKey
+            }),
+        children: /*#__PURE__*/ jsx(Field, {
+            id: `${id}-key`,
+            label: labels.apiKey,
+            labels: labels,
+            value: form.values.apiKey,
+            secret: true,
+            autoComplete: "off",
+            error: form.errors.apiKey,
+            onChange: (value)=>form.update('apiKey', value)
         })
     });
-const searchreact = SvgSearch;
-export { searchreact };
+}
+export { ApiKeyLoginForm };

package/dist/shared/auth/agreements.d.ts

@@ -0,0 +1,10 @@
+import type { AuthAgreements, AuthLabels } from './types.js';
+export declare function AgreementLinks({ agreements }: {
+    agreements: AuthAgreements;
+}): import("react").JSX.Element;
+export declare function AgreementDialog({ agreements, labels, onCancel, onAgree, }: {
+    agreements: AuthAgreements;
+    labels: AuthLabels;
+    onCancel: () => void;
+    onAgree: () => void;
+}): import("react").JSX.Element;

package/dist/shared/auth/fields.d.ts

@@ -0,0 +1,15 @@
+import type { InputHTMLAttributes } from 'react';
+import type { AuthAction, AuthIssue, AuthLabels } from './types.js';
+export declare function Action({ action }: {
+    action?: AuthAction;
+}): import("react").JSX.Element | null;
+interface FieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label: string;
+    error?: AuthIssue;
+    secret?: boolean;
+    labels: AuthLabels;
+    action?: AuthAction;
+    onChange: (value: string) => void;
+}
+export declare function Field({ label, error, secret, labels, action, onChange, id, ...input }: FieldProps): import("react").JSX.Element;
+export {};

package/dist/shared/auth/form-frame.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { AuthAction, AuthFormOptions, AuthLabels } from './types.js';
+interface Props extends AuthFormOptions {
+    children: ReactNode;
+    labels: AuthLabels;
+    submitLabel: string;
+    validate: () => boolean;
+    onSubmit: () => void;
+    secondaryAction?: AuthAction;
+}
+export declare function FormFrame({ children, labels, submitLabel, validate, onSubmit, secondaryAction, ...options }: Props): import("react").JSX.Element;
+export {};

package/dist/shared/auth/locales/en-US.d.ts

@@ -0,0 +1,24 @@
+declare const messages: {
+    email: string;
+    password: string;
+    apiKey: string;
+    newPassword: string;
+    confirmation: string;
+    showPassword: string;
+    hidePassword: string;
+    required: string;
+    invalidEmail: string;
+    mismatch: string;
+    login: string;
+    send: string;
+    resend: string;
+    confirm: string;
+    agreementPrefix: string;
+    agreementTitle: string;
+    agreementDescription: string;
+    agree: string;
+    cancel: string;
+    account: string;
+    acceptInvitation: string;
+};
+export default messages;

package/dist/shared/auth/locales/zh-CN.d.ts

@@ -0,0 +1,24 @@
+declare const messages: {
+    email: string;
+    password: string;
+    apiKey: string;
+    newPassword: string;
+    confirmation: string;
+    showPassword: string;
+    hidePassword: string;
+    required: string;
+    invalidEmail: string;
+    mismatch: string;
+    login: string;
+    send: string;
+    resend: string;
+    confirm: string;
+    agreementPrefix: string;
+    agreementTitle: string;
+    agreementDescription: string;
+    agree: string;
+    cancel: string;
+    account: string;
+    acceptInvitation: string;
+};
+export default messages;

package/dist/shared/auth/types.d.ts

@@ -0,0 +1,61 @@
+import type { Locale } from '../locale.js';
+import type { ReactNode } from 'react';
+export interface AuthAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface AuthAgreements {
+    items: readonly {
+        label: string;
+        href: string;
+    }[];
+    confirmation?: {
+        title?: string;
+        description?: string;
+        confirmText?: string;
+        cancelText?: string;
+    };
+}
+export interface AuthLabels {
+    email: string;
+    password: string;
+    apiKey: string;
+    newPassword: string;
+    confirmation: string;
+    showPassword: string;
+    hidePassword: string;
+    required: string;
+    invalidEmail: string;
+    mismatch: string;
+    login: string;
+    send: string;
+    resend: string;
+    confirm: string;
+    agreementPrefix: string;
+    agreementTitle: string;
+    agreementDescription: string;
+    agree: string;
+    cancel: string;
+    account: string;
+}
+export interface AuthFormOptions {
+    loading?: boolean;
+    error?: ReactNode;
+    disabled?: boolean;
+    agreements?: AuthAgreements;
+    back?: AuthAction;
+    className?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    locale?: Locale;
+    labels?: Partial<AuthLabels>;
+}
+export interface AuthMessages extends AuthLabels {
+    acceptInvitation: string;
+}
+/** Store a validation issue independently of its localized display text. */
+export type AuthIssue = {
+    key: 'required' | 'invalidEmail' | 'mismatch';
+} | {
+    message: string;
+};

package/dist/shared/auth/use-auth-labels.d.ts

@@ -0,0 +1,3 @@
+import { type Locale } from '../locale.js';
+import type { AuthLabels, AuthMessages } from './types.js';
+export declare function useAuthLabels(locale?: Locale, labels?: Partial<AuthLabels>): AuthMessages;

package/dist/shared/auth/use-form.d.ts

@@ -0,0 +1,8 @@
+import type { AuthIssue } from './types.js';
+export declare function useForm<T extends Record<string, string>>(initial: T, validate: (values: T) => Partial<Record<keyof T, AuthIssue>>): {
+    values: T;
+    errors: Partial<Record<keyof T, AuthIssue>>;
+    update: (key: keyof T, value: string) => void;
+    validate: () => boolean;
+};
+export declare const validEmail: (value: string) => boolean;