@sonic-equipment/ui 156.0.0 → 158.0.0

package/dist/tooltip/tooltip.js

@@ -24,7 +24,7 @@ const defaultTrigger = jsx(InfoIcon, {});
 function Tooltip({ children, className, offset, placement = 'bottom', trigger = defaultTrigger, }) {
     const { isOpen, setIsOpen } = useDisclosure();
     const triggerRef = useRef(null);
-    return (jsxs(DialogTrigger, { isOpen: isOpen, onOpenChange: setIsOpen, children: [jsx(TriggerButton, { buttonRef: triggerRef, className: className, trigger: trigger }), jsxs(Popover, { className: styles.popover, offset: offset, placement: placement, triggerRef: triggerRef, children: [jsx(OverlayArrow, { className: styles.arrow, children: jsx("svg", { height: 12, viewBox: "0 0 12 12", width: 12, children: jsx("path", { d: "M0 0 L6 6 L12 0" }) }) }), jsx(Dialog, { className: styles.dialog, children: children })] })] }));
+    return (jsxs(DialogTrigger, { isOpen: isOpen, onOpenChange: setIsOpen, children: [jsx(TriggerButton, { buttonRef: triggerRef, className: className, trigger: trigger }), jsxs(Popover, { className: styles.popover, offset: offset, placement: placement, triggerRef: triggerRef, children: [jsx(OverlayArrow, { className: styles.arrow, children: jsx("svg", { height: 11, viewBox: "0 0 11 11", width: 11, children: jsx("path", { d: "M0 0 L0 5 L5 11 L11 5 11 0" }) }) }), jsx(Dialog, { className: styles.dialog, children: children })] })] }));
 }
 
 export { Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "156.0.0",
+  "version": "158.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {

package/dist/sign-in-form/sign-in-form.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Form } from 'react-aria-components';
-import clsx from 'clsx';
-import { Button } from '../buttons/button/button.js';
-import { Link } from '../buttons/link/link.js';
-import { Switch } from '../forms/switch/switch.js';
-import { TextField } from '../forms/text-field/text-field.js';
-import { useFormattedMessage } from '../intl/use-formatted-message.js';
-import { Message } from '../message/message.js';
-import { validateEmail } from '../shared/model/address.js';
-import { voidFunction } from '../shared/model/defaults.js';
-import { RouteLink } from '../shared/routing/route-link.js';
-import { Heading } from '../typography/heading/heading.js';
-import styles from './sign-in-form.module.css.js';
-
-const GUEST_SIGN_IN_BUTTON_NAME = 'guestSignin';
-function SignInForm({ allowGuestSignIn = false, createAccountPath, errorMessage, initialEmail, initialRememberMe, isDisabled: _isDisabled = false, isPendingGuestSignIn = false, isPendingUserSignIn = false, onRecoverPasswordDialogOpen = voidFunction, onSubmit = voidFunction, }) {
-    const t = useFormattedMessage();
-    const title = t('sign in');
-    const isDisabled = isPendingUserSignIn || isPendingGuestSignIn || _isDisabled;
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        const form = event.currentTarget;
-        const formData = new FormData(form);
-        // in case of guest sign-in submit
-        const submitter = event.nativeEvent.submitter;
-        if (submitter?.name === GUEST_SIGN_IN_BUTTON_NAME) {
-            return onSubmit({
-                data: {
-                    guestSignIn: true,
-                },
-            });
-        }
-        // regular sign-in
-        const email = formData.get('email')?.toString();
-        const password = formData.get('password')?.toString();
-        const rememberMe = Boolean(formData.get('rememberMe'));
-        if (!email)
-            throw new Error('Email value is required');
-        if (!password)
-            throw new Error('Password value is required');
-        onSubmit({
-            data: {
-                email,
-                guestSignIn: false,
-                password,
-                rememberMe,
-            },
-        });
-    };
-    return (jsxs(Form, { "aria-label": title, autoComplete: "off", className: clsx(styles['sign-in-form'], styles['form']), onSubmit: handleSubmit, validationBehavior: "native", children: [jsx("header", { className: styles['form-header'], children: jsx(Heading, { "data-test-selector": "pageTitle", italic: true, size: "m", tag: "h1", uppercase: true, children: title }) }), errorMessage === 'Access denied' && (jsx(Message, { type: "danger", children: t('Your email and password were not recognized.') })), errorMessage === 'Unexpected error' && (jsx(Message, { type: "danger", children: t('An unexpected error occured. Please try again.') })), jsxs("fieldset", { className: clsx(styles['form-fieldset'], styles['columns']), children: [jsx("div", { className: styles['form-segment'], children: jsx(TextField, { "data-test-selector": "signIn_userName", defaultValue: initialEmail, isDisabled: isDisabled, isRequired: true, label: t('Email'), name: "email", showLabel: true, type: "email", validate: value => {
-                                if (!value)
-                                    return value;
-                                return (validateEmail(value) || t('Please enter a valid email address'));
-                            } }) }), jsx("div", { className: styles['form-segment'], children: jsx(TextField, { "data-test-selector": "signIn_password", isDisabled: isDisabled, isRequired: true, label: t('Password'), name: "password", showLabel: true, type: "password" }) })] }), jsxs("footer", { className: styles['form-footer'], children: [jsx("div", { className: styles['form-segment'], children: jsx(Switch, { className: styles['floating'], defaultSelected: initialRememberMe, isDisabled: isDisabled, name: "rememberMe", value: "true", children: t('Remember me') }) }), jsx("div", { className: styles['form-segment'], children: jsx(Button, { "data-test-selector": "signIn_submit", isDisabled: isDisabled, isLoading: isPendingUserSignIn && t('Signing in…'), type: "submit", withArrow: true, children: t('sign in') }) }), jsxs("div", { className: styles['form-segment'], children: [jsx("p", { children: jsx(Link, { color: "primary", "data-test-selector": "signIn_forgotPassword", hasUnderline: true, isDisabled: isDisabled, onClick: onRecoverPasswordDialogOpen, children: t('Forgot password?') }) }), jsx("p", { children: jsxs(Fragment, { children: [t('New user?'), ' ', jsx(RouteLink, { "data-test-selector": "signInCreateNewAccount_createNewAccount", hasUnderline: true, href: createAccountPath, isDisabled: isDisabled, children: t('create account') })] }) })] }), allowGuestSignIn && (jsx("div", { className: styles['form-segment'], children: jsx(Button, { color: "secondary", "data-test-selector": "continueAsGuest", isDisabled: isDisabled, isLoading: isPendingGuestSignIn && t('Signing in…'), isValidating: false, name: GUEST_SIGN_IN_BUTTON_NAME, type: "submit", value: "true", variant: "outline", children: t('Or continue as guest') }) }))] })] }));
-}
-
-export { SignInForm };

package/dist/sign-in-form/sign-in-form.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"sign-in-form":"sign-in-form-module-4DkkP","form":"sign-in-form-module-bGXUd","form-segment":"sign-in-form-module-TumIz","floating":"sign-in-form-module-bIzyz","form-fieldset":"sign-in-form-module-EoTYu","columns":"sign-in-form-module-9eIx-","form-footer":"sign-in-form-module-aYBAy"};
-
-export { styles as default };