Lista de elementos obsoletos

from

Palisades

Paquetes obsoletos

El contenido de los siguientes paquetes ha quedado obsoleto:

Importación del paquete original	Nueva importación
`@jutro/lab-preview-test-e2e`	`@jutro/legacy/lab-preview-test-e2e`
`@jutro/build-tools`	`@jutro/eslint-config` y `@jutro/stylelint-config`
`@jutro/data`	`@jutro/legacy/data`
`@jutro/toolset-compilers`	-

Para el paquete @jutro/data, puede actualizar las importaciones para que apunten a la nueva ubicación del paquete usando codemods.

Elementos obsoletos en el paquete de componentes de Jutro

Los siguientes componentes han quedado obsoletos en el paquete @jutro/components. Para mantener la compatibilidad con versiones anteriores, estos componentes se han trasladado al paquete @jutro/legacy/components. Puede actualizar las importaciones para que apunten a la nueva ubicación del paquete usando codemods.

Chevron
CustomFieldWrapper
DropdownMenuButton

Elementos obsoletos en el paquete de configuración regional de Jutro

Los siguientes componentes y utilidades han quedado obsoletos en el paquete @jutro/locale. Para mantener la compatibilidad con versiones anteriores, estos componentes y utilidades se han trasladado al paquete @jutro/legacy/locale. Puede actualizar las importaciones para que apunten a la nueva ubicación del paquete usando codemods.

LanguageContext
LocaleContext
CountryContext
CurrencyContext
IntlContext
TranslatorContext
withIntl
withTranslator
LanguageKey
G11nData
GlobalizationChange
GlobalizationSettings
LocaleConfig
formatPhoneNumberAndCountryCode
getPrefixForCountry
getSamplePhoneNumber
isValidatePhoneNumber
getBrowserLanguage
getCountryCodeFromLocale
getFormattedMonthsForLocale
getLanguageFromLocale
normalizeToUnderscoreLocale
getDefaultTimeZone
getUrlTranslatorAndSanitizer
formatDateToDataType
formatDateToLocalePattern
parseDateFromDataType
trimToInputFormat
inputFormatToValueParts
getDateInputFormats
getDatePatternFromLocale
isTodayOutOfRange
isDateInRange
validateDateUserInput

Proveedores de contexto de configuración regional obsoletos

Algunos proveedores de contexto @jutro/locale han quedado obsoletos en esta versión. Ahora debe acceder al contexto directamente desde sus ganchos asociados.

Por ejemplo, anteriormente habría formateado la divisa usando IntlContext de este modo:

import { IntlContext } from '@jutro/locale';

const intl = useContext(IntlContext);
const c1 = formatCurrency(intl, {
  value: 1232.24,
  currency: 'eur',
  showFractions: true,
});

Ahora obtiene el valor intl directamente del gancho useIntl de la siguiente manera:

import { useIntl } from '@jutro/locale';

const intl = useIntl();
const c1 = formatCurrency(intl, {
  value: 1232.24,
  currency: 'eur',
  showFractions: true,
});

Los cambios completos son los siguientes:

Contexto obsoleto	Gancho alternativo
`IntlContext`	`useIntl`
`LanguageContext`	`useLanguage`
`LocaleContext`	`useLocale`
`TranslatorContext`	`useTranslator`

Encapsuladores de configuración regional obsoletos

Los encapsuladores de contexto withIntl y withTranslator de @jutro/locale quedaron obsoletos en esta versión.

Estos se utilizaban para acceder a IntlContext y TranslatorContext en componentes de clase como una solución temporal a la limitación de React para leer solo un único contexto en un componente de clase.

Hay tres opciones que puede utilizar para abordar esto de manera diferente:

(Recomendado). Reescriba los componentes de clase como componentes funcionales y utilice el gancho alternativo (useIntl o useTranslator).
Siga los documentos de React para crear un consumidor de contexto (consulte https://legacy.reactjs.org/docs/context.html#consuming-multiple-contexts para obtener más información).
Mantenga el componente de clase, pero use un encapsulador funcional pequeño que lea el gancho y lo pase como una propiedad.

Por ejemplo, si tuviera un código como este con withTranslator:

import React from 'react';
import { withTranslator, TranslatorContext } from '@jutro/locale';
import type { Translator } from '@jutro/locale';

import { messages } from './MyComponent.messages';

type MyComponentProps = {
  name: string;
};

type MyComponentPropsWithTranslator = MyComponentProps & {
  translator: Translator;
};

class MyComponentInternal extends React.Component<MyComponentPropsWithTranslator> {
  render() {
    const { name, translator } = this.props;

    return <p>{translator(messages.welcome, { name })}</p>;
  }
}

const MyComponentOld = withTranslator(MyComponentInternal);

Esta es una versión de componente funcional:

import React from 'react';
import { useTranslator } from '@jutro/locale';
import type { Translator } from '@jutro/locale';
import { messages } from './MyComponent.messages';

type MyComponentProps = {
  name: string;
};

const MyComponentNew1: React.FC<MyComponentProps> = ({ name }) => {
  const translator = useTranslator();

  return <p>{translator(messages.welcome, { name })}</p>;
};

Esta es la versión de consumidor de contexto:

import React from 'react';
import { TranslatorContext } from '@jutro/locale';
import type { Translator } from '@jutro/locale';
import { messages } from './MyComponent.messages';

type MyComponentProps = {
  name: string;
};

class MyComponentNew2 extends React.Component<MyComponentProps> {
  render() {
    const { name } = this.props;

    return (
      <TranslatorContext.Consumer>
        {(translator) => <p>{translator(messages.welcome, { name })}</p>}
      </TranslatorContext.Consumer>
    );
  }
}

Esta es la versión de encapsulador:

import React from 'react';
import { useTranslator, TranslatorContext } from '@jutro/locale';
import type { Translator } from '@jutro/locale';
import { messages } from './MyComponent.messages';

const TranslatorBridge: React.FC<{
  children: (translator: Translator) => React.ReactElement,
}> = ({ children }) => {
  const translator = useTranslator();

  return children(translator);
};

class MyComponentNew3 extends React.Component<MyComponentProps> {
  render() {
    const { name } = this.props;

    return (
      <TranslatorBridge>
        {(translator) => <p>{translator(messages.welcome, { name })}</p>}
      </TranslatorBridge>
    );
  }
}

Elementos obsoletos en el paquete de validación de Jutro

Los siguientes componentes y utilidades han quedado obsoletos en el paquete @jutro/validation. Para mantener la compatibilidad con versiones anteriores, estos componentes y utilidades se han trasladado al paquete @jutro/legacy/validation. Puede actualizar las importaciones para que apunten a la nueva ubicación del paquete usando codemods.

useValidation
useGetLabelMap
getListOfPaths
getValidationMessageStyle
ValidationContext
RuleCallbackType
RulesType
UseValidationInterface
RegisterValidationType
NotifyParentFormType
UseValidationReturnInterface
FormContextType
FormMessagesType
FormMessageShapeType
OnValidationChangeType

Elementos obsoletos en el paquete de transporte de Jutro

Las siguientes API han quedado obsoletas en el paquete @jutro/transport. Para mantener la compatibilidad con versiones anteriores, estas API se han trasladado al paquete @jutro/legacy/transport. Puede actualizar las importaciones para que apunten a la nueva ubicación del paquete usando codemods.

HttpTransport
HttpRequest
basicAuthOptions
langLocaleOptions
authTokenHandler
zipkinTraceHandler
fastOptionsMerge

Ejemplos de migración

authTokenHandler

authTokenHandler quedó obsoleto porque accedía a tokens de autenticación fuera del contexto de React mediante la función obsoleta getAccessToken. La alternativa sugerida es implementar controladores personalizados mediante el gancho useAuth para acceder a los tokens dentro del contexto de React.

Antes:

import { useEffect } from 'react';
import { createHttpRequest, authTokenHandler } from '@jutro/transport';

const baseUrl = 'https://my-api.guidewire.net/';

// Utility created outside React context using deprecated authTokenHandler
const getRequest = (url) => {
  return createHttpRequest(baseUrl, false)
    .addHandler(authTokenHandler) // Automatically accesses token using deprecated getAccessToken()
    .build()
    .get(url);
};

// Using the utility in component
const MyComponent = () => {
  useEffect(() => {
    getRequest('/accounts');
  }, []); // Cannot properly depend on tokens since getAccessToken() is outside React context

  return <div>Fetching accounts...</div>;
};

Después:

import { useEffect } from 'react';
import { useAuth } from '@jutro/auth';
import { HttpRequestBuilder, REQUEST_HANDLER_TYPE } from '@jutro/transport';
// ...
const baseUrl = 'http://my-api.guidewire.net/';
const getAuthHandler = (accessToken) => ({
  [REQUEST_HANDLER_TYPE.AUTH]: () => ({
    headers: {
      Authorization: `Bearer ${accessToken}`,
      // ...
    },
  }),
});
const MyComponent = () => {
  const { accessToken } = useAuth();
  useEffect(() => {
    const builder = new HttpRequestBuilder(baseUrl);
    builder.addHandler(getAuthHandler(accessToken));
    const request = builder.build();
    request.get('/accounts');
    // ...
  }, [accessToken]);
  // ...
};

Elementos obsoletos en el paquete de temas de Jutro

Los siguientes componentes y utilidades han quedado obsoletos en el paquete @jutro/theme. Para mantener la compatibilidad con versiones anteriores, estos componentes y utilidades se han trasladado al paquete @jutro/legacy/theme. Puede actualizar las importaciones para que apunten a la nueva ubicación del paquete usando codemods.

defaultTheme
THEMEPROVIDER_DEFAULT

Elementos obsoletos en el paquete de registrador de Jutro

La clase Logger ha quedado obsoleta en el paquete @jutro/logger. La alternativa sugerida es utilizar, en su lugar, la instancia exportada de log y sus métodos (log.trace, log.warning, log.info, log.debug, log.error).

Ejemplo de migración

Antes:

import { Logger } from '@jutro/logger';

const logger = new Logger();
logger.info('message');

Después:

import { log } from '@jutro/logger';

log.info('message');

Elementos obsoletos en el paquete de plano de planta de Jutro

Los siguientes tipos y utilidades han quedado obsoletos en el paquete @jutro/floorplan, y se proporcionan las alternativas sugeridas:

AppFloorPlanContext. Utilice <AppFloorPlanContextProvider> en su lugar. No es necesario acceder a este contexto directamente.
FloorPlans. Utilice Array<FloorPlan | FloorPlanOverride> en su lugar.
RenderHeader. Defina el tipo usted mismo usando: type RenderHeader = (props: RenderHeaderProps) => ReactNode;

Ejemplos de migración

AppFloorPlanContext

En lugar de acceder directamente a AppFloorPlanContext, use <AppFloorPlanContextProvider> para gestionar los valores predeterminados de las propiedades de AppFloorPlan.

Antes:

import { useContext } from 'react';
import { AppFloorPlanContext } from '@jutro/floorplan';

const MyComponent = () => {
  const appFloorPlanContext = useContext(AppFloorPlanContext);
  // ...
};

Después:

import { AppFloorPlanContextProvider } from '@jutro/floorplan';

const MyApp = () => (
  <AppFloorPlanContextProvider {...defaultFloorPlanProps}>
    <MyComponent />
  </AppFloorPlanContextProvider>
);

FloorPlans

Antes: type MyFloorPlans = FloorPlans;
Después: type MyFloorPlans = Array<FloorPlan | FloorPlanOverride>;

RenderHeader

Antes: type MyRenderHeader = RenderHeader;
Después: type MyRenderHeader = (props: RenderHeaderProps) => ReactNode;

Elementos obsoletos en `@jutro/events`

Las siguientes clases, funciones y objetos han quedado obsoletos en el paquete @jutro/events, y se proporcionan las alternativas sugeridas:

EventProvider. Utilice publish, subscribe, unsubscribe o unsubscribeAll en su lugar.
loadGtag. Utilice initDefaultGA en su lugar.
loadDataDog. Utilice initDefaultDataDog en su lugar.
DefaultDictionaryProvider. En su lugar, utilice su propia implementación.
DefaultWhitelistProvider. En su lugar, utilice su propia implementación.

Ejemplos de migración

EventProvider

Antes:

const eventProvider = new EventProvider();
eventProvider.publish(topic, data);

Después:

import { publish } from '@jutro/events';

publish(topic, data);

loadGtag

Antes:

import { loadGtag } from '@jutro/events';

loadGtag('GA_MEASUREMENT_ID');

Después:

import { initDefaultGA } from '@jutro/events';

initDefaultGA('GA_MEASUREMENT_ID');

loadDataDog

Antes:

import { loadDataDog } from '@jutro/events';

loadDataDog(token, service, env, version);

Después:

import { initDefaultDataDog } from '@jutro/events';

initDefaultDataDog(token, service, env, version);

Elementos obsoletos en el paquete `@jutro/auth`

Las siguientes funciones han quedado obsoletas en el paquete @jutro/auth.

getTokenByKey(key) devuelve un valor de token para una clave determinada.
getAccessToken() devuelve el token de acceso actual.
getIdToken() devuelve el token de ID de usuario actual.

La alternativa sugerida es usar el gancho useAuth para acceder a los tokens dentro de los componentes de React. Para obtener más información sobre el gancho useAuth y cómo usarlo, consulte la documentación sobre la autenticación.

Las funciones obsoletas permitían el acceso con token fuera de los componentes de React, pero este patrón no se recomienda y puede causar problemas con la actualización de token y la administración del estado de autenticación.

Ejemplo de migración

Antes:

import { getAccessToken, getIdToken, getTokenByKey } from '@jutro/auth';

// Accessing tokens outside React context
const setupAuthHeaders = () => {
  const accessToken = getAccessToken();
  const idToken = getIdToken();
  const customToken = getTokenByKey('customTokenKey');

  return {
    Authorization: `Bearer ${accessToken}`,
    'X-ID-Token': idToken,
    'X-Custom-Token': customToken,
  };
};

// Accessing tokens in a utility function
export const configureHttpClient = (client) => {
  const accessToken = getAccessToken();
  if (accessToken) {
    client.setHeader('Authorization', `Bearer ${accessToken}`);
  }
};

Después:

import { useAuth } from '@jutro/auth';

const MyComponent = () => {
  const { accessToken, idToken, isAuthenticated } = useAuth();

  const handleFetchAccounts = async () => {
    if (!isAuthenticated || !accessToken) return;

    const response = await fetch('https://my-api.guidewire.net/accounts', {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        'X-ID-Token': idToken,
      },
    });

    const data = await response.json();
    // Use data...
  };

  if (!isAuthenticated) {
    return <div>Not authenticated</div>;
  }

  return <button onClick={handleFetchAccounts}>Fetch Accounts</button>;
};

Olos

No hay elementos obsoletos en esta versión.

Niseko

No hay elementos obsoletos en esta versión.

Mammoth

Propiedades obsoletas de componentes de microfrontend

Las siguientes propiedades de componentes de microfrontend ahora están obsoletas y se han reemplazado:

Propiedad obsoleta	Propiedad nueva
`mode=iframe`	`mode=isolated`
`mode=moduleFederation`	`mode=shared`

Paquete `@jutro/cli-npm-preinstall` obsoleto

El paquete @jutro/cli-npm-preinstall personalizado ahora queda obsoleto. Este paquete se usaba para forzar una versión específica de dependencia transitiva como forma de resolver problemas de seguridad.

Ahora existe una solución nativa en npm para esto, que se debe usar en su lugar.

Invalidaciones de migración a npm

Si su aplicación actualmente usa resoluciones, debe seguir estos pasos:

Elimine el archivo preinstall.js de la raíz del proyecto.
Elimine el script preinstall de package.json.
Cambie el nombre de resolutions en package.json a overrides.

Las Leñas

Componente `Icon`

El componente @jutro/components/Icon ha quedado obsoleto.

Se ha introducido un nuevo paquete @jutro/icons como alternativa. Este paquete contiene componentes para todos los íconos de Guidewire. Consulte la lista de íconos para ver la gama completa de opciones.

Valores de `string` para propiedades relacionadas con íconos

El pasaje de un string como valor a cualquier propiedad que defina íconos para uso con componentes ha quedado obsoleto. Estas propiedades ahora deben tomar los nuevos componentes de ícono desde @jutro/icons. Esto afecta a los siguientes componentes:

Propiedades obsoletas

Los siguientes componentes tienen algunas propiedades obsoletas:

Componente	Propiedades obsoletas
`Flex`	`phone` `phoneWide` `tablet`
`FlexItem`	`phone` `phoneWide` `tablet` `visible` `textAlign`
`Grid`	`phone` `phoneWide` `tablet` `repeat`
`GridItem`	`phone` `phoneWide` `tablet` `clone` `fullWidth` `visible` `textAlign` `vAlign` `align`

Las siguientes propiedades de componentes tienen algunas opciones obsoletas:

Componente	Propiedad	Opciones obsoletas
`Flex`	`alignItems`	`'top'`, `'middle'`, `'bottom'`, `'right'`, `'left'`
`Flex`	`alignContent`	`'top'`, `'middle'`, `'bottom'`, `'right'`, `'left'`
`Flex`	`justifyContent`	`'top'`, `'middle'`, `'bottom'`, `'right'`, `'left'`
`FlexItem`	`alignSelf`	`'top'`, `'middle'`, `'bottom'`, `'right'`, `'left'`

Kufri

Componentes obsoletos

Componente obsoleto	Componente nuevo
`ToggleField`	`ToggleButtonGroup` y `ToggleButton`
`SwitchField`	`Switch`
`Slider`	`Slider`
`DateTimeField`	`DatePicker` y `TimePicker`
`DateField`	`DatePicker`
`MonthYearField`	`MonthPicker`
`YearField`	`YearPicker`
`DateRangeField`	`DateRangePicker`
`DateTimeZoneField`	`DatePicker`, `TimePicker` y `TimezonePicker`
`SimpleDateField`	`DateInput`
`SimpleMonthYearField`	`DateInput`

Importación de componente obsoleto	Importación de componente nuevo
`import {ToggleField} from '@jutro/components'`	`import {ToggleButtonGroup} from '@jutro/components/new'` `import {ToggleButton} from '@jutro/components/new'`
`import {SwitchField} from '@jutro/components'`	`import {Switch} from '@jutro/components/new'`
`import {Slider} from '@jutro/components'`	`import {Slider} from '@jutro/components/new'`
`import {DateTimeField} from '@jutro/components'`	`import {DatePicker} from '@jutro/components/new'` `import {TimePicker} from '@jutro/components/new'`
`import {DateField} from '@jutro/components'`	`import {DatePicker} from '@jutro/components/new'`
`import {MonthYearField} from '@jutro/components'`	`import {MonthPicker} from '@jutro/components/new'`
`import {YearField} from '@jutro/components'`	`import {YearPicker} from '@jutro/components/new'`
`import {DateRangeField} from '@jutro/components'`	`import {DateRangePicker} from '@jutro/components/new'`
`import {DateTimeZoneField} from '@jutro/components'`	`import {DatePicker} from '@jutro/components/new'` `import {TimePicker} from '@jutro/components/new'` `import {TimezonePicker} from '@jutro/components/new'`
`import {SimpleDateField} from '@jutro/components'`	`import {DateInput} from '@jutro/components/new'`
`import {SimpleMonthYearField} from '@jutro/components'`	`import {DateInput} from '@jutro/components/new'`

Propiedades obsoletas

Los siguientes componentes tienen algunas propiedades obsoletas:

Componente	Propiedades obsoletas
`Tooltip`	`id` `animation`
`TooltipIcon`	`id` `labelPosition` `showInlineLabel` `fieldLabelId` `titleClass` `textClass` `linkClass`
`SimpleProgressBar`	`id` `path` `value` `progressBarClassName` `stepClassName`

Obsolescencia de la versión 18 del nodo

El mantenimiento del nodo 18 finaliza en abril de 2025 y no recibirá asistencia técnica después de esa fecha. El uso del nodo 18 en Jutro queda obsoleto y se recomienda actualizar al nodo 22.6.0 o uno posterior.

Note: Webpack 4 no es compatible con el nodo 22; el uso del nodo 22 requiere la actualización a Webpack 5.

Elementos temáticos

Ciertos elementos temáticos han quedado obsoletos y fueron reemplazados por el contexto useTheme y el gancho Theme. Los siguientes elementos temáticos han quedado obsoletos:

ThemeProvider
withTheme
ThemeConfigProvider
renderWithTheme

Configuración regional de Jutro

Los ayudantes relacionados con la fecha en jutro-locale han quedado obsoletos.

Jasper

Componentes obsoletos

Componente obsoleto	Componente nuevo
InputMaskField	MaskInput
StepperField	Selector numérico

Importación de componente obsoleto	Importación de componente nuevo
`import { InputMaskField } from '@jutro/components'`	`import { MaskInput } from '@jutro/components/new'`
`import { StepperField } from '@jutro/components'`	`import { Stepper } from '@jutro/components/new'`

Obsolescencia de la versión 18 del nodo

Note: Webpack 4 no es compatible con el nodo 22; el uso del nodo 22 requiere la actualización a Webpack 5.

Propiedades obsoletas

Los siguientes componentes contienen propiedades que ahora quedan obsoletas:

Insignia
- id
- type tiene variantes obsoletas:
  - success
  - error
  - warning
  - info
Ícono
- color
- _rest
InlineNotification
- id
InfoLabel
- id
- message
Enlace
- activeClassName
- exact
- id
- textClassName
Etiqueta
- ariaLabel
- id
TagCollection
- id

Innsbruck

Warning: Todos los componentes, paquetes y funciones obsoletos de esta versión también se han trasladado al paquete @jutro/legacy. Revise la lista de cambios introducidos en esta versión en las Notas de la versión.

Obsolescencia de los componentes

Los siguientes componentes y funciones se han trasladado de @jutro/components a @jutro/legacy/components y han quedado obsoletos:

Accordion
BreakpointTracker
Collapse
Container
CurrencyField
CheckboxField
DropdownSelectField
FileUploadField (y los ganchos useFileUpload y useMultipleFileUpload)
Footer, FooterCopyright, FooterNavBar, FooterNavLink, FooterText, FooterContext y StickyFooter
HeaderActions
HelpElement, HelpHeading, HelpLink, HelpParagraph y HelpPopover
IntlPhoneNumberField
LogoTitle
PhoneNumberField
TextAreaField
TextField
TypeaheadMultiSelectField

Los siguientes componentes se han trasladado de @jutro/router a @jutro/legacy/router y han quedado obsoletos:

ApplicationHeader
RouteTracker
SubApplicationHeader

Los siguientes componentes se han trasladado de @jutro/wizard-next a @jutro/legacy/wizard-next y han quedado obsoletos:

ScrollToError

Obsolescencia de paquetes de tabla de datos

El paquete @jutro/datatable se ha trasladado a @jutro/legacy/datatable y todo su contenido ha quedado obsoleto:

ActionColumn
FieldColumn
FilterBar
RadioColumn
DisplayColumn
ActionItem
DataTable
Table
TableColumn
useDataFilter
SHOW_ALL_PAGES
createTextFilter
createStrictTextFilter
defaultColumnFilter

Obsolescencia de vista de datos

El paquete @jutro/dataview se ha trasladado a @jutro/legacy/dataview y todo su contenido ha quedado obsoleto:

ListView
TableView
AdaptiveDataView
BooleanColumn
CurrencyColumn
DateTimeColumn
GenericColumn
NumberColumn
PhoneColumn
TextColumn
CategoryColumn
Action
ActionsColumn
DataViewColumnsConfig
useColumnsConfig
DataViewEditing
EditAction
DataViewExpandable
useExpansion
DataViewFiltering
DataViewHeaderActions
HeaderAction
DataViewOverlay
DataViewPagination
Pagination
LoadMore
DataViewSearch
DataViewSelection
useSelection
DataViewSorting
DataViewTitle
useSyncData
useAsyncData
createHttpClient
DataViewColumns
TableColumnAdapter
DisplayColumnAdapter
FieldColumnAdapter
ActionColumnAdapter
ActionItemAdapter
RadioColumnAdapter
TableAdapter

Otros paquetes heredados

El contenido de los siguientes paquetes (ahora trasladados a jutro/legacy) ha quedado obsoleto:

Importación del paquete original	Nueva importación desde el paquete heredado
`@jutro/address`	`@jutro/legacy/address`
`@jutro/contract`	`@jutro/legacy/contract`
`@jutro/lab-preview-dataview`	`@jutro/legacy/lab-preview-dataview`
`@jutro/quick-view`	`@jutro/legacy/quick-view`
`@jutro/services`	`@jutro/legacy/services`
`@jutro/uiconfig`	`@jutro/legacy/uiconfig`
`@jutro/uimetadata`	`@jutro/legacy/uimetadata`

Obsolescencia de la versión 18 del nodo

Note: Webpack 4 no es compatible con el nodo 22; el uso del nodo 22 requiere la actualización a Webpack 5.

Variable `_TEST_`

La variable _TEST_ ha quedado obsoleta. Si desea mantener esta variable en el código, quizás tenga que actualizar las invalidaciones de aplicaciones y pruebas manualmente.

Cliente de autenticación de Okta

El cliente de autenticación de Okta queda obsoleto en favor de un cliente OIDC genérico. Consulte Cliente de autenticación para obtener más información.

LocaleService

LocaleService junto con la funcionalidad y las utilidades relacionadas han quedado obsoletas. Se reemplazan con el nuevo almacén de globalización (g11n). Puede seguir usando LocaleService por ahora, pero se eliminará en una futura versión principal.

Si tiene alguna funcionalidad personalizada que dependa de LocaleService, puede seguir usándola o habilitar el nuevo almacén y migrar a él.

Para pasar a la nueva implementación de Jutro sin LocaleService, configure la opción useG11nStore en true (es true automáticamente si se proporciona g11nStore).

La opción useG11nStore se eliminará en la próxima versión principal de @jutro.

src/startApp.js
start(Jutro, {
  rootId: 'root',
  // ...
  useG11nStore: true,
});

Note: La implementación anterior de Jutro utilizaba LocaleService internamente. Como resultado, es posible que vea advertencias de obsolescencia incluso si no usa LocaleService explícitamente en su código. Si establece useG11nStore: true, no recibirá dichas advertencias relacionadas con LocaleService.

Para obtener más información sobre cómo utilizar el nuevo almacén, consulte nuestra página sobre internacionalización.

Debido a esta obsolescencia, es posible que deba actualizar su código de las siguientes maneras:

LocaleService: No tiene alternativa.
getDefaultCountryCode: Utilice getDefaultCountry en su lugar.
LANGUAGE_URL_PARAM, LOCALE_SERVICE_ID y LOCALE_URL_PARAM: No tienen alternativa.
LocaleServiceGlobalizationSettings: No tiene alternativa.

LocaleSettingsInterface: La alternativa es utilizar Contract para especificar la interfaz.

import { Contract, types } from '@jutro/contract';

Contract.specify({
  getAvailableLanguages: types.func,
  getAvailableLocales: types.func,
  getDefaultCountryCode: types.func,
  getDefaultTimeZone: types.func,
  getPreferredLanguage: types.func,
  getPreferredLocale: types.func,
});

Cambios de configuración regional y de globalización:
- refreshOnLanguageOrLocaleChange: Implemente su propio agente de escucha de almacén si necesita actualizar los cambios de configuración regional o idioma.
- saveDefaultLanguageAndLocaleToLocalStorage: Utilice createG11nLocalStorageStore.
- globalizationSettings: Establezca los ajustes de g11n a través de la configuración localeSettings y proporcione un g11nStore personalizado si necesita escuchar los cambios de g11n.

langLocaleOptions para createHttpRequest

createHttpRequest ya no propaga los encabezados con gw-locale y gw-service, o cuando el usuario cambia explícitamente a los nuevos almacenes de globalización (g11n).

Tercer argumento de la función `start`

El tercer argumento (scriptAttributes) para la función de microfrontend start queda obsoleto. En su lugar, pase un objeto como la propiedad mfeData en el segundo argumento de la función startApp.

Ejemplo de migración:

Antes

src/startApp.js
import { start } from '@jutro/micro-frontends';
import messages from './app/App.messages';

export const startApp = (scriptAttributes) => {
  start(
    Jutro,
    {
      appName: messages.appName,
      appDescription: messages.appDescription,
    },
    scriptAttributes
  );
};

Después

src/startApp.js
import { start } from '@jutro/micro-frontends';
import messages from './app/App.messages';

export const startApp = (mfeData) => {
  start(Jutro, {
    appName: messages.appName,
    appDescription: messages.appDescription,
    mfeData: mfeData,
  });
};

API heredada

La API heredada del componente Microfrontend ha quedado obsoleta. En su lugar, utilice la nueva API de vinculaciones de enrutador.

Partes de Webpack

Algunas partes específicas de Webpack, developmentBuild y productionBuild, han quedado obsoletas desde el componente build-tools.

Hakuba

Universal Analytics

Google ha declarado que el 1 de julio de 2023 Universal Analytics dejará de procesar datos.

Debido a eso, los elementos que se enumeran a continuación quedan obsoletos:

Variables de entorno REACT_APP_GA_TRACKING_ID y REACT_APP_GA_ADDITIONAL_TRACKING_ID
Función loadGA() en el paquete @jutro/events

Debe migrar su ID de seguimiento de GA4 a la nueva variable de entorno REACT_APP_GA4_TRACKING_ID.

En caso de que esté cargando Google Analytics con su uso personalizado de la función loadGA(), debe migrarlo a la función @jutro/events desde el paquete loadGtag().

API de Microfrontend SDK

La API heredada Microfrontend SDK ha quedado obsoleta. En su lugar, utilice la nueva API de microfrontend.

PromptService

El componente PromptService ha quedado obsoleto.

Jutro CLI y CLI de conjunto de herramientas

Tanto Jutro CLI como la CLI de conjunto de herramientas se reemplazan con la nueva CLI de plataforma. Consulte nuestra guía de migración para obtener más detalles.

Finalizó la asistencia técnica para Node.js 16

Le recomendamos que migre a Node.js 18.

Componentes obsoletos

Los siguientes componentes han quedado obsoletos

TabbedContainer
PanelLayout
StickyFooter
PageLayout
ColorSwatch
PageLoader
Encabezado
HeaderActions
HelpPopover, HelpHeading, HelpElement, HelpLink, HelpParagraph
IconButton
Composición y disposición
Corchete angular
LogoTitle
Pie de página y sus componentes secundarios (FooterCopyright, FooterText, FooterNavBar, FooterNavLink)

ID de vista rápida

QuickView ya no tiene una propiedad id.

MapArea

El componente MapArea ha quedado obsoleto.

Tabla

El componente Table ha quedado obsoleto. Use Adaptive data view en su lugar.

Botón de selección, imagen de botón de selección y tarjetas de botón de selección

Los componentes Radio button, Radio button image y Radio button cards han quedado obsoletos. Use Radio next en su lugar.

Propiedades de MetadataForm

Las propiedades formRules, formPath, formInvalidMessage y formWarningMessage utilizadas en el componente MetadataForm han quedado obsoletas.

Propiedad tema

La propiedad theme, presente en varios componentes, ha quedado obsoleta.

zipkinTraceHandler

La versión @jutro/transport de zipkinTraceHandler ha quedado obsoleta. En su lugar, utilice su propia implementación de controlador de zipkin.

Implementación de análisis de Mixpanel y GA

La implementación de análisis de Mixpanel y de GA desde el paquete @jutro/events ha quedado obsoleta. Utilice la nueva API de @jutro/analytics en su lugar.

Garmisch

No hay elementos obsoletos en esta versión.

Palisades​

Paquetes obsoletos​

Elementos obsoletos en el paquete de componentes de Jutro​

Elementos obsoletos en el paquete de configuración regional de Jutro​

Proveedores de contexto de configuración regional obsoletos​

Encapsuladores de configuración regional obsoletos​

Elementos obsoletos en el paquete de validación de Jutro​

Elementos obsoletos en el paquete de transporte de Jutro​

Ejemplos de migración​

authTokenHandler​

Elementos obsoletos en el paquete de temas de Jutro​

Elementos obsoletos en el paquete de registrador de Jutro​

Ejemplo de migración​

Elementos obsoletos en el paquete de plano de planta de Jutro​

Ejemplos de migración​

AppFloorPlanContext​

FloorPlans​

RenderHeader​

Elementos obsoletos en @jutro/events​

Ejemplos de migración​

EventProvider​

loadGtag​

loadDataDog​

Elementos obsoletos en el paquete @jutro/auth​

Ejemplo de migración​

Olos​

Niseko​

Mammoth​

Propiedades obsoletas de componentes de microfrontend​

Paquete @jutro/cli-npm-preinstall obsoleto​

Invalidaciones de migración a npm​

Las Leñas​

Componente Icon​

Valores de string para propiedades relacionadas con íconos​

Propiedades obsoletas​

Kufri​

Componentes obsoletos​

Propiedades obsoletas​

Obsolescencia de la versión 18 del nodo​

Elementos temáticos​

Configuración regional de Jutro​

Jasper​

Componentes obsoletos​

Obsolescencia de la versión 18 del nodo​

Propiedades obsoletas​

Innsbruck​

Obsolescencia de los componentes​

Obsolescencia de paquetes de tabla de datos​

Obsolescencia de vista de datos​

Otros paquetes heredados​

Obsolescencia de la versión 18 del nodo​

Variable _TEST_​

Cliente de autenticación de Okta​

LocaleService​

langLocaleOptions para createHttpRequest​

Tercer argumento de la función start​

API heredada​

Partes de Webpack​

Hakuba​

Universal Analytics​

API de Microfrontend SDK​

PromptService​

Jutro CLI y CLI de conjunto de herramientas​

Finalizó la asistencia técnica para Node.js 16​

Componentes obsoletos​

ID de vista rápida​

MapArea​

Tabla​

Botón de selección, imagen de botón de selección y tarjetas de botón de selección​

Propiedades de MetadataForm​

Propiedad tema​

zipkinTraceHandler​

Implementación de análisis de Mixpanel y GA​

Garmisch​

Palisades

Paquetes obsoletos

Elementos obsoletos en el paquete de componentes de Jutro

Elementos obsoletos en el paquete de configuración regional de Jutro

Proveedores de contexto de configuración regional obsoletos

Encapsuladores de configuración regional obsoletos

Elementos obsoletos en el paquete de validación de Jutro

Elementos obsoletos en el paquete de transporte de Jutro

Ejemplos de migración

authTokenHandler

Elementos obsoletos en el paquete de temas de Jutro

Elementos obsoletos en el paquete de registrador de Jutro

Ejemplo de migración

Elementos obsoletos en el paquete de plano de planta de Jutro

Ejemplos de migración

AppFloorPlanContext

FloorPlans

RenderHeader

Elementos obsoletos en `@jutro/events`

Ejemplos de migración

EventProvider

loadGtag

loadDataDog

Elementos obsoletos en el paquete `@jutro/auth`

Ejemplo de migración

Olos

Niseko

Mammoth

Propiedades obsoletas de componentes de microfrontend

Paquete `@jutro/cli-npm-preinstall` obsoleto

Invalidaciones de migración a npm

Las Leñas

Componente `Icon`

Valores de `string` para propiedades relacionadas con íconos

Propiedades obsoletas

Kufri

Componentes obsoletos

Propiedades obsoletas

Obsolescencia de la versión 18 del nodo

Elementos temáticos

Configuración regional de Jutro

Jasper

Componentes obsoletos

Obsolescencia de la versión 18 del nodo

Propiedades obsoletas

Innsbruck

Obsolescencia de los componentes

Obsolescencia de paquetes de tabla de datos

Obsolescencia de vista de datos

Otros paquetes heredados

Obsolescencia de la versión 18 del nodo

Variable `_TEST_`

Cliente de autenticación de Okta

LocaleService

langLocaleOptions para createHttpRequest

Tercer argumento de la función `start`

API heredada

Partes de Webpack

Hakuba

Universal Analytics

API de Microfrontend SDK

PromptService

Jutro CLI y CLI de conjunto de herramientas

Finalizó la asistencia técnica para Node.js 16

Componentes obsoletos

ID de vista rápida

MapArea

Tabla

Botón de selección, imagen de botón de selección y tarjetas de botón de selección

Propiedades de MetadataForm

Propiedad tema

zipkinTraceHandler

Implementación de análisis de Mixpanel y GA

Garmisch