@studiolxd/brand 49.28.0 → 50.0.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/LICENSE +61 -0
- package/README.md +26 -4
- package/dist/_shared/assign-ref.js +6 -0
- package/dist/_shared/calendargrid.js +57 -57
- package/dist/_shared/datepicker.js +67 -65
- package/dist/_shared/default-render-link.js +7 -0
- package/dist/_shared/dialogsurface.js +1 -1
- package/dist/_shared/dropdownitems.js +14 -20
- package/dist/_shared/imagecropdialog.js +38 -441
- package/dist/_shared/overflow-focusable.js +15 -0
- package/dist/_shared/side-offset.js +13 -0
- package/dist/_shared/tokens.js +31 -129
- package/dist/_shared/useasyncoptions.js +30 -0
- package/dist/_types/atoms/Accordion/Accordion.d.ts +7 -1
- package/dist/_types/atoms/AsyncMultiSelect/AsyncMultiSelect.d.ts +8 -4
- package/dist/_types/atoms/AsyncSelect/AsyncSelect.d.ts +8 -4
- package/dist/_types/atoms/Autocomplete/Autocomplete.d.ts +10 -6
- package/dist/_types/atoms/CloseButton/CloseButton.d.ts +13 -3
- package/dist/_types/atoms/Fieldset/Fieldset.d.ts +1 -1
- package/dist/_types/atoms/InputPhone/InputPhone.d.ts +2 -0
- package/dist/_types/atoms/MultiSelect/MultiSelect.d.ts +11 -10
- package/dist/_types/atoms/Select/Select.d.ts +6 -0
- package/dist/_types/atoms/Skeleton/Skeleton.d.ts +1 -1
- package/dist/_types/atoms/Spinner/Spinner.d.ts +3 -1
- package/dist/_types/atoms/TypingIndicator/TypingIndicator.d.ts +3 -1
- package/dist/_types/atoms/_shared/useAsyncOptions.d.ts +36 -0
- package/dist/_types/constants/assign-ref.d.ts +12 -0
- package/dist/_types/constants/default-render-link.d.ts +13 -0
- package/dist/_types/constants/overflow-focusable.d.ts +15 -0
- package/dist/_types/constants/side-offset.d.ts +18 -0
- package/dist/_types/email/EmailLayout.d.ts +38 -21
- package/dist/_types/messages/BrandMessages.d.ts +8 -2
- package/dist/_types/messages/index.d.ts +1 -1
- package/dist/_types/molecules/AppLauncher/AppLauncher.d.ts +9 -3
- package/dist/_types/molecules/Calendar/Calendar.d.ts +10 -1
- package/dist/_types/molecules/CalendarPlanner/CalendarPlanner.d.ts +43 -13
- package/dist/_types/molecules/CalendarRoster/CalendarRoster.d.ts +10 -2
- package/dist/_types/molecules/ContextMenu/ContextMenu.d.ts +8 -1
- package/dist/_types/molecules/DatePicker/DatePicker.d.ts +6 -0
- package/dist/_types/molecules/DateTimeField/DateTimeField.d.ts +2 -0
- package/dist/_types/molecules/DocsSearch/DocsSearch.d.ts +2 -2
- package/dist/_types/molecules/FloatingToolbar/FloatingToolbar.d.ts +83 -0
- package/dist/_types/molecules/FormField/FormField.d.ts +5 -6
- package/dist/_types/molecules/LanguageSwitcher/LanguageSwitcher.d.ts +7 -3
- package/dist/_types/molecules/LoadingRegion/LoadingRegion.d.ts +12 -4
- package/dist/_types/molecules/Modal/Modal.d.ts +10 -4
- package/dist/_types/molecules/OrgSwitcher/OrgSwitcher.d.ts +7 -1
- package/dist/_types/molecules/PasswordField/PasswordField.d.ts +9 -2
- package/dist/_types/molecules/PrevNextNav/PrevNextNav.d.ts +3 -1
- package/dist/_types/molecules/RecurrenceField/RecurrenceField.d.ts +6 -1
- package/dist/_types/molecules/SidebarNav/SidebarNav.d.ts +18 -2
- package/dist/_types/molecules/SiteNav/SiteNav.d.ts +4 -1
- package/dist/_types/molecules/StatTile/StatTile.d.ts +15 -1
- package/dist/_types/molecules/Table/Table.d.ts +1 -1
- package/dist/_types/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +38 -3
- package/dist/_types/molecules/Toast/Toaster.d.ts +8 -0
- package/dist/_types/molecules/UserMenu/UserMenu.d.ts +7 -1
- package/dist/_types/molecules/_shared/calendarGrid.d.ts +15 -2
- package/dist/_types/molecules/_shared/dialogSurface.d.ts +6 -1
- package/dist/_types/molecules/_shared/dropdownItems.d.ts +0 -2
- package/dist/_types/sections/AppHeader/AppHeader.d.ts +3 -1
- package/dist/_types/sections/AppShell/AppShell.d.ts +6 -1
- package/dist/_types/sections/LegalFooter/LegalFooter.d.ts +7 -1
- package/dist/_types/sections/Sidebar/Sidebar.d.ts +3 -1
- package/dist/_types/sections/SiteFooter/SiteFooter.d.ts +6 -2
- package/dist/_types/sections/SiteHeader/SiteHeader.d.ts +2 -2
- package/dist/_types/templates/ConnectorAuth/ConnectorAuthShell.d.ts +5 -2
- package/dist/_types/templates/ConnectorAuth/ConnectorConsentPage.d.ts +1 -1
- package/dist/_types/templates/ConnectorAuth/ConnectorExternalSignInPage.d.ts +1 -1
- package/dist/_types/templates/ConnectorAuth/ConnectorRejectionPage.d.ts +1 -1
- package/dist/_types/templates/ConnectorAuth/ConnectorSignInPage.d.ts +1 -1
- package/dist/_types/templates/ErrorPage/ErrorPage.d.ts +7 -1
- package/dist/_types/templates/NotFoundPage/NotFoundPage.d.ts +7 -1
- package/dist/_types/templates/PublicPageShell/PublicPageShell.d.ts +6 -0
- package/dist/accordion.css +1 -1
- package/dist/accordion.js +6 -5
- package/dist/alert.css +1 -1
- package/dist/app-header.js +16 -21
- package/dist/app-launcher.css +1 -1
- package/dist/app-launcher.js +29 -21
- package/dist/app-shell.js +43 -43
- package/dist/async-multi-select.css +1 -1
- package/dist/async-multi-select.js +104 -173
- package/dist/async-select.css +1 -1
- package/dist/async-select.js +81 -137
- package/dist/autocomplete.css +1 -1
- package/dist/autocomplete.js +76 -115
- package/dist/brand.css +77 -987
- package/dist/breadcrumb.js +11 -16
- package/dist/button.css +1 -1
- package/dist/calendar-planner.css +1 -1
- package/dist/calendar-planner.js +100 -95
- package/dist/calendar-roster.css +1 -1
- package/dist/calendar-roster.js +69 -61
- package/dist/calendar.css +1 -1
- package/dist/calendar.js +86 -85
- package/dist/card.css +1 -1
- package/dist/card.js +42 -41
- package/dist/chart.css +1 -1
- package/dist/chat-shell.js +48 -47
- package/dist/checkbox.css +1 -1
- package/dist/close-button.js +14 -12
- package/dist/command-palette.css +1 -1
- package/dist/connector-consent-page.js +19 -18
- package/dist/connector-external-sign-in-page.js +6 -5
- package/dist/connector-rejection-page.js +5 -4
- package/dist/connector-sign-in-page.js +10 -9
- package/dist/consent.css +1 -1
- package/dist/context-menu.js +3 -2
- package/dist/conversation-list.css +1 -1
- package/dist/conversation-thread.css +1 -1
- package/dist/conversation-thread.js +1 -0
- package/dist/data-table.js +74 -1625
- package/dist/date-time-field.js +7 -6
- package/dist/docs-search.js +36 -38
- package/dist/email.js +10 -7
- package/dist/error-page.js +2 -2
- package/dist/fieldset.css +1 -1
- package/dist/figure.js +1 -0
- package/dist/file-upload.css +1 -1
- package/dist/file-upload.js +48 -50
- package/dist/floating-toolbar.css +1 -0
- package/dist/floating-toolbar.js +64 -0
- package/dist/form-field.js +55 -53
- package/dist/imagecropdialog.css +1 -1
- package/dist/input-phone.css +1 -1
- package/dist/input-phone.js +30 -31
- package/dist/input.css +1 -1
- package/dist/label.css +1 -1
- package/dist/language-switcher.js +37 -44
- package/dist/legal-footer.js +12 -17
- package/dist/loading-region.css +1 -1
- package/dist/loading-region.js +8 -8
- package/dist/menu.css +1 -1
- package/dist/menu.js +4 -3
- package/dist/message-bubble.css +1 -1
- package/dist/message-composer.css +1 -1
- package/dist/modal.css +1 -1
- package/dist/modal.js +9 -9
- package/dist/multi-select.css +1 -1
- package/dist/multi-select.js +104 -172
- package/dist/not-found-page.js +8 -5
- package/dist/notification-list.js +16 -21
- package/dist/notification-panel.js +34 -46
- package/dist/number-badge.css +1 -1
- package/dist/number-input.css +1 -1
- package/dist/org-switcher.css +1 -1
- package/dist/org-switcher.js +13 -11
- package/dist/password-field.js +40 -39
- package/dist/popover.css +1 -1
- package/dist/popover.js +9 -15
- package/dist/prev-next-nav.js +8 -7
- package/dist/public-page-shell.js +7 -6
- package/dist/radio.css +1 -1
- package/dist/recurrence-field.css +1 -1
- package/dist/recurrence-field.js +38 -37
- package/dist/select.css +1 -1
- package/dist/select.js +3 -2
- package/dist/sheet.css +1 -1
- package/dist/sidebar-nav.css +1 -1
- package/dist/sidebar-nav.js +75 -70
- package/dist/sidebar.css +1 -1
- package/dist/sidebar.js +46 -42
- package/dist/site-footer.js +28 -28
- package/dist/site-header.js +39 -44
- package/dist/site-nav.js +10 -19
- package/dist/site-search.js +34 -36
- package/dist/site-shell.js +17 -16
- package/dist/skeleton.js +8 -6
- package/dist/sortable.js +20 -19
- package/dist/spinner.js +11 -7
- package/dist/stat-tile.js +24 -26
- package/dist/switcher.css +1 -1
- package/dist/table.css +1 -1
- package/dist/table.js +57 -45
- package/dist/textarea.css +1 -1
- package/dist/theme-switcher.js +57 -56
- package/dist/toaster.css +1 -1
- package/dist/toggle.css +1 -1
- package/dist/tokens.css +75 -986
- package/dist/tooltip.css +1 -1
- package/dist/tooltip.js +20 -27
- package/dist/typing-indicator.css +1 -1
- package/dist/typing-indicator.js +4 -4
- package/dist/user-menu.css +1 -1
- package/dist/user-menu.js +38 -45
- package/dist/visuallyhidden.css +1 -1
- package/package.json +26 -14
- package/src/tokens/components/async-multi-select.css +4 -0
- package/src/tokens/components/async-select.css +3 -0
- package/src/tokens/components/autocomplete.css +1 -0
- package/src/tokens/components/breadcrumb.css +0 -2
- package/src/tokens/components/button.css +0 -23
- package/src/tokens/components/control.css +0 -4
- package/src/tokens/components/file-upload.css +0 -4
- package/src/tokens/components/radio.css +2 -0
- package/src/tokens/components/site-header.css +0 -1
- package/src/tokens/index.css +5 -7
- package/src/tokens/molecules/async-multi-select-field.css +0 -6
- package/src/tokens/molecules/async-select-field.css +0 -6
- package/src/tokens/molecules/autocomplete-field.css +0 -5
- package/src/tokens/molecules/avatar-upload.css +0 -6
- package/src/tokens/molecules/calendar-roster.css +5 -0
- package/src/tokens/molecules/chart.css +0 -3
- package/src/tokens/molecules/checkbox-field.css +0 -6
- package/src/tokens/molecules/consent.css +1 -0
- package/src/tokens/molecules/conversation-thread.css +10 -0
- package/src/tokens/molecules/date-picker-field.css +0 -6
- package/src/tokens/molecules/date-time-field.css +0 -6
- package/src/tokens/molecules/dropdown-field.css +0 -6
- package/src/tokens/molecules/file-upload-field.css +0 -6
- package/src/tokens/molecules/floating-toolbar.css +18 -0
- package/src/tokens/molecules/floating-toolbar.ts +4 -0
- package/src/tokens/molecules/input-field.css +0 -1
- package/src/tokens/molecules/input-phone-field.css +0 -6
- package/src/tokens/molecules/modal.css +1 -0
- package/src/tokens/molecules/multi-select-field.css +0 -6
- package/src/tokens/molecules/number-input-field.css +0 -6
- package/src/tokens/molecules/otp-field.css +0 -6
- package/src/tokens/molecules/radio-field.css +0 -6
- package/src/tokens/molecules/recurrence-field.css +1 -0
- package/src/tokens/molecules/select-field.css +0 -6
- package/src/tokens/molecules/sidebar-nav.css +0 -6
- package/src/tokens/molecules/site-search.css +0 -2
- package/src/tokens/molecules/switcher-field.css +0 -1
- package/src/tokens/molecules/table.css +1 -0
- package/src/tokens/molecules/textarea-field.css +0 -6
- package/src/tokens/molecules/time-field.css +0 -6
- package/src/tokens/scss/_index.legacy.scss +1 -0
- package/src/tokens/scss/_index.scss +1 -0
- package/src/tokens/scss/components/_async-multi-select.scss +4 -0
- package/src/tokens/scss/components/_async-select.scss +3 -0
- package/src/tokens/scss/components/_autocomplete.scss +1 -0
- package/src/tokens/scss/components/_breadcrumb.scss +0 -2
- package/src/tokens/scss/components/_button.scss +0 -23
- package/src/tokens/scss/components/_control.scss +0 -4
- package/src/tokens/scss/components/_file-upload.scss +0 -4
- package/src/tokens/scss/components/_site-header.scss +0 -1
- package/src/tokens/scss/molecules/_async-multi-select-field.scss +0 -5
- package/src/tokens/scss/molecules/_async-select-field.scss +0 -5
- package/src/tokens/scss/molecules/_autocomplete-field.scss +0 -5
- package/src/tokens/scss/molecules/_avatar-upload.scss +0 -5
- package/src/tokens/scss/molecules/_calendar-roster.scss +4 -0
- package/src/tokens/scss/molecules/_chart.scss +0 -2
- package/src/tokens/scss/molecules/_checkbox-field.scss +0 -5
- package/src/tokens/scss/molecules/_consent.scss +1 -0
- package/src/tokens/scss/molecules/_conversation-thread.scss +3 -0
- package/src/tokens/scss/molecules/_date-picker-field.scss +0 -5
- package/src/tokens/scss/molecules/_date-time-field.scss +0 -5
- package/src/tokens/scss/molecules/_dropdown-field.scss +0 -5
- package/src/tokens/scss/molecules/_file-upload-field.scss +0 -5
- package/src/tokens/scss/molecules/_floating-toolbar.scss +15 -0
- package/src/tokens/scss/molecules/_input-field.scss +0 -1
- package/src/tokens/scss/molecules/_input-phone-field.scss +0 -5
- package/src/tokens/scss/molecules/_modal.scss +1 -0
- package/src/tokens/scss/molecules/_multi-select-field.scss +0 -5
- package/src/tokens/scss/molecules/_number-input-field.scss +0 -5
- package/src/tokens/scss/molecules/_otp-field.scss +0 -5
- package/src/tokens/scss/molecules/_radio-field.scss +0 -5
- package/src/tokens/scss/molecules/_recurrence-field.scss +1 -0
- package/src/tokens/scss/molecules/_select-field.scss +0 -5
- package/src/tokens/scss/molecules/_sidebar-nav.scss +0 -4
- package/src/tokens/scss/molecules/_site-search.scss +0 -2
- package/src/tokens/scss/molecules/_switcher-field.scss +0 -1
- package/src/tokens/scss/molecules/_table.scss +1 -0
- package/src/tokens/scss/molecules/_textarea-field.scss +0 -5
- package/src/tokens/scss/molecules/_time-field.scss +0 -5
- package/src/tokens/surface-dark-derived.css +2 -1
- package/src/tokens/surface-invert.css +15 -21
- package/src/tokens/surface-public.css +0 -19
- package/src/tokens/tokens.json +31 -129
- package/CHANGELOG.md +0 -8154
- package/dist/_types/data/home.d.ts +0 -83
- package/dist/_types/pages/Auth/AuthPage.d.ts +0 -24
- package/dist/_types/pages/Onboarding/OnboardingPage.d.ts +0 -37
- package/dist/_types/pages/Status/StatusPage.d.ts +0 -37
- package/dist/_types/pages/Status/_datos.d.ts +0 -47
- package/src/tokens/surface-light.css +0 -782
- package/src/tokens/utils.test.ts +0 -86
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Datos de contenido de la página Home.
|
|
3
|
-
* Importado tanto por Home.tsx como por las stories de cada sección.
|
|
4
|
-
*/
|
|
5
|
-
export declare const reviews: {
|
|
6
|
-
id: string;
|
|
7
|
-
photo: string;
|
|
8
|
-
author: string;
|
|
9
|
-
role: string;
|
|
10
|
-
quote: string;
|
|
11
|
-
}[];
|
|
12
|
-
export declare const projects: ({
|
|
13
|
-
id: string;
|
|
14
|
-
category: string;
|
|
15
|
-
tagVariant: "accent-1";
|
|
16
|
-
photo: string;
|
|
17
|
-
title: string;
|
|
18
|
-
description: string;
|
|
19
|
-
} | {
|
|
20
|
-
id: string;
|
|
21
|
-
category: string;
|
|
22
|
-
tagVariant: "accent-2";
|
|
23
|
-
photo: string;
|
|
24
|
-
title: string;
|
|
25
|
-
description: string;
|
|
26
|
-
} | {
|
|
27
|
-
id: string;
|
|
28
|
-
category: string;
|
|
29
|
-
tagVariant: "support-1";
|
|
30
|
-
photo: string;
|
|
31
|
-
title: string;
|
|
32
|
-
description: string;
|
|
33
|
-
} | {
|
|
34
|
-
id: string;
|
|
35
|
-
category: string;
|
|
36
|
-
tagVariant: "support-2";
|
|
37
|
-
photo: string;
|
|
38
|
-
title: string;
|
|
39
|
-
description: string;
|
|
40
|
-
} | {
|
|
41
|
-
id: string;
|
|
42
|
-
category: string;
|
|
43
|
-
tagVariant: "primary";
|
|
44
|
-
photo: string;
|
|
45
|
-
title: string;
|
|
46
|
-
description: string;
|
|
47
|
-
})[];
|
|
48
|
-
export declare const clients: {
|
|
49
|
-
id: string;
|
|
50
|
-
name: string;
|
|
51
|
-
logo: string;
|
|
52
|
-
}[];
|
|
53
|
-
export declare const steps: {
|
|
54
|
-
text: string;
|
|
55
|
-
}[];
|
|
56
|
-
export declare const solutionItems: ({
|
|
57
|
-
href: string;
|
|
58
|
-
color: "accent-1";
|
|
59
|
-
title: string;
|
|
60
|
-
description: string;
|
|
61
|
-
ctaLabel: string;
|
|
62
|
-
} | {
|
|
63
|
-
href: string;
|
|
64
|
-
color: "accent-2";
|
|
65
|
-
title: string;
|
|
66
|
-
description: string;
|
|
67
|
-
ctaLabel: string;
|
|
68
|
-
})[];
|
|
69
|
-
export declare const privacyLabel: import("react/jsx-runtime").JSX.Element;
|
|
70
|
-
export declare const contactArgs: {
|
|
71
|
-
title: string;
|
|
72
|
-
form: {
|
|
73
|
-
privacyLabel: import("react/jsx-runtime").JSX.Element;
|
|
74
|
-
emailPlaceholder: string;
|
|
75
|
-
messagePlaceholder: string;
|
|
76
|
-
buttonLabel: string;
|
|
77
|
-
submittingLabel: string;
|
|
78
|
-
successMessage: string;
|
|
79
|
-
};
|
|
80
|
-
whatsappTitle: string;
|
|
81
|
-
whatsappLabel: string;
|
|
82
|
-
whatsappHref: string;
|
|
83
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import './AuthPage.css';
|
|
3
|
-
export interface AuthPageProps {
|
|
4
|
-
/** Título de la página. */
|
|
5
|
-
title: string;
|
|
6
|
-
/** Frase bajo el título (opcional): texto, o texto con un enlace y el punto fuera de él («¿No tienes una cuenta? Regístrate.»). */
|
|
7
|
-
description?: ReactNode;
|
|
8
|
-
/** Más texto bajo la frase. */
|
|
9
|
-
intro?: ReactNode;
|
|
10
|
-
/** Bajo la cabecera, en la misma columna (un enlace de vuelta): el aire lo pone el PageIntro. */
|
|
11
|
-
aside?: ReactNode;
|
|
12
|
-
/** Lo que va a la derecha: el formulario. */
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
/** Superficie oscura. */
|
|
15
|
-
surface?: 'light' | 'dark';
|
|
16
|
-
}
|
|
17
|
-
/** El chrome público de la suite con la página de acceso dentro: es el layout `(auth)` de hub, montado sobre `PublicPageShell` —el mismo marco que `ErrorPage` y `NotFoundPage`— con piezas del DS y datos falsos. */
|
|
18
|
-
export declare function AuthPage({ title, description, intro, aside, children, surface }: AuthPageProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
/** Botones de acceso con terceros (Google, GitHub, un OIDC…). */
|
|
20
|
-
export declare function SocialButtons({ providers }: {
|
|
21
|
-
providers: string[];
|
|
22
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
/** El hueco del captcha (Turnstile mide 300×65). */
|
|
24
|
-
export declare function Captcha(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import { type StepperStep } from '../../molecules/Stepper/Stepper';
|
|
3
|
-
export interface OnboardingPageProps {
|
|
4
|
-
/**
|
|
5
|
-
* Los pasos del flujo. `null` es un flujo sin progreso —la sala de espera,
|
|
6
|
-
* que no es un paso porque no hay nada que hacer—, y entonces el `Stepper`
|
|
7
|
-
* no se monta.
|
|
8
|
-
*/
|
|
9
|
-
steps?: StepperStep[] | null;
|
|
10
|
-
/** Índice (base 0) del paso actual. */
|
|
11
|
-
current?: number;
|
|
12
|
-
/** El cuerpo del paso. */
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
/** La acción principal del paso. */
|
|
15
|
-
primaryAction?: ReactNode;
|
|
16
|
-
/** La salida: «Omitir», «Cerrar sesión». */
|
|
17
|
-
exitAction?: ReactNode;
|
|
18
|
-
/** Tema que enseña el conmutador. Solo eso: el oscuro del lienzo lo pone la story. */
|
|
19
|
-
theme?: 'light' | 'dark';
|
|
20
|
-
/**
|
|
21
|
-
* Ancho de la columna del paso, tal cual lo recibe `OnboardingShell`: `md`
|
|
22
|
-
* (por defecto) es la medida de lectura de un formulario; `wide` es el
|
|
23
|
-
* ancho de página pública, para un paso que reparte el contenido en
|
|
24
|
-
* columnas (la sala de espera, dos columnas).
|
|
25
|
-
*/
|
|
26
|
-
width?: 'md' | 'wide';
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* El alta del hub montada sobre las piezas reales: `AppRoot` + `OnboardingShell`
|
|
30
|
-
* con el `Stepper` dentro. Lo único que añade es lo que en el producto viene del
|
|
31
|
-
* layout —la marca y los dos conmutadores— con datos falsos, para que las cinco
|
|
32
|
-
* pantallas de `Pages/Onboarding` no lo repitan.
|
|
33
|
-
*
|
|
34
|
-
* **No hay «Atrás».** El progreso navega, así que un botón que repita lo que
|
|
35
|
-
* las cifras ya saben hacer sobraría: se retiró del alta y no vuelve.
|
|
36
|
-
*/
|
|
37
|
-
export declare function OnboardingPage({ steps, current, children, primaryAction, exitAction, theme, width }: OnboardingPageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import { type AplicacionEstado, type SaludConjunto } from './_datos';
|
|
3
|
-
export interface StatusPageProps {
|
|
4
|
-
/** El tablero: lo único vivo de la página. */
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
/** Tema que enseña el conmutador. Solo eso: el oscuro del lienzo lo pone la story. */
|
|
7
|
-
theme?: 'light' | 'dark';
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* El panel de estado (`status.slxd.app`) montado con las piezas del DS:
|
|
11
|
-
* `AppRoot` + `PublicPageShell` con la cabecera de la marca y, en el pie, las
|
|
12
|
-
* preferencias y las legales.
|
|
13
|
-
*
|
|
14
|
-
* La cabecera **no lleva índice**: el panel es un sitio de una sola página que
|
|
15
|
-
* debe seguir de pie cuando la suite no lo está, y un menú lleno de enlaces a
|
|
16
|
-
* servicios caídos sería una promesa que no puede cumplir. Sin índice ni
|
|
17
|
-
* ajustes, `SiteHeader` no monta el panel y su botón de menú desaparece solo,
|
|
18
|
-
* así que los dos conmutadores —idioma y tema— bajan al pie, como en el alta.
|
|
19
|
-
*/
|
|
20
|
-
export declare function StatusPage({ children, theme }: StatusPageProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export interface StatusBoardProps {
|
|
22
|
-
/** Cómo fue la consulta al monitor: pidiéndola, contestada, o sin respuesta. */
|
|
23
|
-
estado: 'cargando' | 'listo' | 'incomunicado';
|
|
24
|
-
/** Cómo está el conjunto. Solo con `listo`. */
|
|
25
|
-
salud?: SaludConjunto;
|
|
26
|
-
/** Las aplicaciones, en el orden en que se pintan. Solo con `listo`. */
|
|
27
|
-
aplicaciones?: readonly AplicacionEstado[];
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* El tablero: un apartado por aplicación con su nombre, su enlace, cómo está
|
|
31
|
-
* ahora y su tira de 30 días.
|
|
32
|
-
*
|
|
33
|
-
* La página se sirve estática, así que el dato lo pide el navegador al monitor
|
|
34
|
-
* —que vive en otro servidor— al cargar y cada minuto. Que el monitor no
|
|
35
|
-
* conteste no es un error de la página: es información, y se enseña como tal.
|
|
36
|
-
*/
|
|
37
|
-
export declare function StatusBoard({ estado, salud, aplicaciones }: StatusBoardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* El modelo del panel de estado y sus datos de ejemplo: qué aplicaciones vigila
|
|
3
|
-
* el monitor, cómo se dice que están y cómo les ha ido en treinta días.
|
|
4
|
-
*
|
|
5
|
-
* Vive aparte del componente por la regla de siempre —un fichero de componente
|
|
6
|
-
* solo exporta componentes—, y porque el catálogo de aplicaciones es un dato,
|
|
7
|
-
* no una pieza.
|
|
8
|
-
*/
|
|
9
|
-
import type { UptimeBarsThresholds } from '../../molecules/UptimeBars/UptimeBars';
|
|
10
|
-
/** Cómo está una aplicación ahora mismo. */
|
|
11
|
-
export type SaludAplicacion = 'operational' | 'failing' | 'unknown';
|
|
12
|
-
/** Cómo está el conjunto. */
|
|
13
|
-
export type SaludConjunto = 'operational' | 'degraded' | 'down' | 'unknown';
|
|
14
|
-
export interface AplicacionEstado {
|
|
15
|
-
id: string;
|
|
16
|
-
/** El nombre visible. Un producto es nombre propio; una pieza de plataforma se traduce. */
|
|
17
|
-
nombre: string;
|
|
18
|
-
/** URL pública. Sin ella (colas, websocket) no hay página que visitar. */
|
|
19
|
-
url?: string;
|
|
20
|
-
salud: SaludAplicacion;
|
|
21
|
-
/**
|
|
22
|
-
* Minutos caídos cada día, del más antiguo (hace 30 días) al de hoy. `null`
|
|
23
|
-
* es **sin dato** —el monitor todavía no vigilaba esto—, que no es 0 %.
|
|
24
|
-
*/
|
|
25
|
-
minutosCaidos: (number | null)[];
|
|
26
|
-
}
|
|
27
|
-
/** Días que enseña la tira. */
|
|
28
|
-
export declare const DIAS = 30;
|
|
29
|
-
/** Minutos caídos en un día → porcentaje de disponibilidad de ese día. */
|
|
30
|
-
export declare const disponibilidad: (minutos: number) => number;
|
|
31
|
-
export declare const CORTES: UptimeBarsThresholds;
|
|
32
|
-
/**
|
|
33
|
-
* Las aplicaciones que vigila el monitor, en el orden en que se pintan: la web
|
|
34
|
-
* y el hub primero, después cada producto seguido de sus servicios (edición
|
|
35
|
-
* colaborativa, worker), y al final lo externo. Los procesos en segundo plano
|
|
36
|
-
* laten contra el monitor y no atienden peticiones: ninguno lleva enlace.
|
|
37
|
-
*
|
|
38
|
-
* Los treinta días llevan una historia creíble y no ruido: un par de días
|
|
39
|
-
* tocados en Bricks y su worker, una tarde entera caída en Localizia, y LMS
|
|
40
|
-
* MCP sin monitorizar la primera semana porque se dio de alta después.
|
|
41
|
-
*/
|
|
42
|
-
export declare const APLICACIONES: readonly AplicacionEstado[];
|
|
43
|
-
/**
|
|
44
|
-
* El mismo catálogo con las aplicaciones dichas sin responder: se les marca la
|
|
45
|
-
* salud y se les añaden al día de hoy los minutos que llevan caídas.
|
|
46
|
-
*/
|
|
47
|
-
export declare function sinResponder(ids: readonly string[], minutosHoy: number): AplicacionEstado[];
|