IDEA-Ionic8-extra

• Agenda. Drag&drop features and general improvements.
• Common. Improved disabled checkboxes behaviour on viewMode.

• Common. Show hint button component.

Breaking changes

The cloud app needs to be updated to Angular 15 and Capacitor 4.
Please refer to this guide to upgrade.

• auth0. Support to Auth0 as an alternative to Amazon Cognito.
• ⚠️ The ionicExtraModules array in the environments file of a project now needs to include (when needed) the variables entry (e.g. ionicExtraModules[..., 'variables']) — previously it was implicitly included. This configuration allows the automatic loading of the variables/xx.json translations dictionary file.

• Common, Teams. We removed the deprecated IonVirtualScroll elements from the following components (see also Scarlett #507):
  • Checker (common)
  • Select (common)
  • List (common)
  • RCFolders (teams)
  • RCResources (teams)
• Common. Checker "select/deselect all" now considers all the elements of the list, not only the current/filtered/selected ones.

• Auth. The sign-in page support the messages from Cognito regarding a user pool transition.

• Common. The date-time component now offers a ngModel approach to the date attribute; e.g. instrad of (select)="yourDateField=$event" and (selectISO)="yourDateField=$event" use [(date)]=yourDateField.
  • The old select output (trigger) is now named dateChange (if needed).
  • The selectISO output (trigger) has been removed.
  • To obtain a date in epochISOString format, set the attribute useISOFormat = true.

• Common. Checker supports checks description

• Barcode. Camera reader.
• Barcode. DataWedge service (previously in Common).

• Common. New User Avatar component.
• Common. Checker uses the new User Avatar Component.
• Agenda. Agenda uses the new User Avatar Component.

• Common. DateTime component supports ISO strings; new emitter: selectISO.
• Common. Stability improvements to ApiService
• Common.. ViewMode CSS style works better with the latest versions of Ionic.

• Common: new (light) API service; it uses fetch (browser) instead of Angular's HTTP module.
• The main services are now providedIn: 'root'.
• New naming for the env variable "version" → "stage". The previous naming will continue to work in existing components.
• TinCan service is now deprecated, in favor of using internal variables in each specific service.
• Translations: new utility method to quickly initialize the service (init), avoiding boilerplate code.

You should know

• The last version fully compatible with Capacitor 2 is v6.0.3.
• To use the latest versions of this lib, you must upgrade your app to Capacitor 3; you can follow the official guide. Afterwards, make sure to install the missing dependencies (e.g. @capacitor/browser).

You should know

• The last version fully compatible with Ionic 5 is v5.29.4.
• The module speech-recognition has been temporarily removed because it used unsupported libraries (@ionic-native).
• The module plans-subscriptions has been removed (it isn't used anymore).
• You can find in Notion a document to help you upgrading an app (IDEA standard) to Ionic 6.

• common: fixed loading component to work with newer versions of Angular/Ionic. Important: always put await in front of loading.show().
• common: translations service is now independent from API service
• chore: audit fixes

The projects updating the IDEA Ionic Extra modules to this version need to move their front-end configuration from src/assets/configs/idea-config.js (to delete) to the src/environments files. E.g.

export const environment = {
  idea: {
    project: 'cloud-app-starter',
    ionicExtraModules: ['common', 'auth'],
    ...
  }
  ...
}

Then, they need to add the following configuration in the front-end/tsconfig.json file:

{
   ...
  "compilerOptions": {
    ...
    "paths": {
      ...
      "@env": ["../front-end/src/environments/environment.ts"]
    }
   ...
}

To refer to the environment variables in the project, you can do as follows:

import { environment as env } from '@env';

myFun() {
  console.log(env.idea.project);
}

Follow the instructions in each module, to know which variables are needed (anyway, they didn't change).

For a full example, take a look at the cloud-app project in the https://github.com/iter-idea/starters repo.

• Rimossa pagina di gestione membership standard (IDEA).
• Rimossa possibilità di creare nuovi team standard (IDEA).
• Rimossa possibilità di attivare un team su un nuovo progetto (operazione delegata al nuovo portale per Admin).

• auth: added the groups list to the userDetails provided.

The versions of this lib's modules will now advance together (Angular's standard).

Therefore, when we need to publish changes to one module, we must publish a new version for each module, through the publish.sh script.