feat(CustomizationService):Add a customization service (#2984)

* feat(customization):Add a customization service

Update UICustomizationService to v3-stable.

Also, adds an example customization for tab colors

* moved the customization service to ui category

platform/core/src/services/ToolBarService/ToolBarService.ts

@@ -52,11 +52,19 @@ export default class ToolBarService {
     this.buttons = {};
   }
 
+  onModeEnter() {
+    this.reset();
+  }
+
   /**
    *
-   * @param {*} interaction
+   * @param {*} interaction - can be undefined to run nothing
+   * @param {*} options is an optional set of extra commandOptions
+   *    used for calling the specified interaction.  That is, the command is
+   *    called with {...commandOptions,...options}
    */
-  recordInteraction(interaction) {
+  recordInteraction(interaction, options) {
+    if (!interaction) return;
     const commandsManager = this._commandsManager;
     const { groupId, itemId, interactionType, commands } = interaction;
 
@@ -64,7 +72,14 @@ export default class ToolBarService {
       case 'action': {
         commands.forEach(({ commandName, commandOptions, context }) => {
           if (commandName) {
-            commandsManager.runCommand(commandName, commandOptions, context);
+            commandsManager.runCommand(
+              commandName,
+              {
+                ...commandOptions,
+                ...options,
+              },
+              context
+            );
           }
         });
         break;
@@ -171,6 +186,10 @@ export default class ToolBarService {
     }
   }
 
+  getButton(id) {
+    return this.buttons[id];
+  }
+
   setButtons(buttons) {
     this.buttons = buttons;
     this._broadcastEvent(this.EVENTS.TOOL_BAR_MODIFIED, {