@genexus/genexus-ide-ui 2.0.0 → 2.1.1

package/dist/types/components/ww-images/ww-images.d.ts

@@ -1,194 +1,181 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { GxOption } from "../../common/types";
-import { EntityData, ContextMenuInfo } from "../../common/types";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { ContextMenuInfo, EntityData, GxOption } from "../../common/types";
 export declare class GxIdeWWImages {
+    #private;
+    el: HTMLGxIdeWwImagesElement;
+    categoriesComboBoxModel: ComboBoxModel;
+    densitiesComboBoxModel: ComboBoxModel;
+    languagesComboBoxModel: ComboBoxModel;
+    layersComboBoxModel: ComboBoxModel;
+    stylesComboBoxModel: ComboBoxModel;
     /**
-     * The component hard-coded strings translations.
+     * The current value of the "After" combo box options.
      */
-    private _componentLocale;
-    private renderedFirstTime;
-    private filterInitialData;
-    el: HTMLGxIdeWwImagesElement;
-    private filterEl;
-    private filterNameEl;
-    private filterSearchContentsEl;
-    private filterCategoryEl;
-    private filterModuleEl;
-    private filterModifiedEl;
-    private filterAllDescendantsEl;
-    private filterAfterTypeEl;
-    private filterUserEl;
-    private filterModifiedDateEl;
-    private filterStyleEl;
-    private filterLanguageEl;
-    private filterDensityEl;
-    private filterLayerEl;
-    private chGridEl;
-    filtersHidden: boolean;
-    filtersHiddenHandler(hidden: boolean): void;
-    /**
-     * The after types render in the after selector
-     */
-    filterAfterType: string;
-    /**
-     * For show or hide the filters relative to modifiers
-     */
-    filterModified: boolean;
-    /**
-     * The images rendered in the table
+    afterCurrentValue: string;
+    /**
+     * The options for the "After" combo-box
      */
-    images: ImageData[];
+    filterAfterOptions: ComboBoxModel;
     /**
-     * The images rendered in the table, after the filter
+     * Image data to be displayed in the tabular grid (filtered from server and sorted)
      */
-    filteredImages: ImageData[];
+    tabularGridData: ImageData[];
     /**
-     * The items of the image that is selected
+     * Images rendered in the table
+     */
+    images: ImageData[];
+    /**
+     * Items of the selected image
      */
     imagesSelectedItems: ImageItemData[];
     /**
-     * The selected images in the table of images
+     * Selected images in the images table
      */
     selectedObjectsIds: string[];
     /**
-     * The images filter input text value
+     * When true, modified controls will be enabled, otherwise disabled.
      */
-    filterImagesInputValue: string;
+    enabledModifiedControls: boolean;
     /**
-     * If true it displays the component title on the header
+     * Sorting order for images table
      */
-    readonly displayTitle = false;
+    order: {
+        orderCriteria: string | null;
+        ascending: boolean | null;
+    };
     /**
-     * Displays a secondary filter, used to filter over the filtered images
+     * Filter state variables
      */
-    readonly secondaryFilter = false;
+    filterNameValue: string;
+    filterSearchContentsValue: string;
+    filterCategoryValue: string;
+    filterAllDescendantsValue: boolean;
+    filterAfterTypeValue: string;
+    filterUserValue: string;
+    filterModifiedDateValue: string;
+    filterStyleValue: string;
+    filterLanguageValue: string;
+    filterDensityValue: string;
+    filterLayerValue: string;
+    filterModuleValue: EntityData;
     /**
-     * The categories render in the filter category selector
+     * Categories rendered in the filter selector
      */
     readonly categories: GxOption[];
+    categoriesChanged(newCategories: GxOption[]): void;
     /**
-     * The densities render in the filter density selector
+     * Function to expand data when right-click
      */
-    readonly densities: GxOption[];
+    readonly contextMenuCallback: ContextMenuCallback;
     /**
-     * The default value for the 'categories' filter
+     * Default value for the 'categories' filter
      */
     readonly defaultCategory: string;
+    defaultCategoryChanged(): void;
     /**
-     * The default value for the module/folder filter
+     * Default value for the module/folder filter
      */
     readonly defaultModule: EntityData;
     /**
-     * The default value for the type filter
+     * Function to delete the selected images.
      */
-    readonly defaultType: string;
+    readonly deleteSelectionCallback: DeleteSelectionCallback;
     /**
-     * The modules/folders render in the module/folder selector
+     * Densities rendered in the filter selector
      */
-    readonly filterModules: GxOption[];
+    readonly densities: GxOption[];
+    densitiesChanged(newDensities: GxOption[]): void;
     /**
-     * The languages render in the filter language selector
+     * Languages rendered in the filter selector
      */
     readonly languages: GxOption[];
+    languagesChanged(newLanguages: GxOption[]): void;
     /**
-     * The layers render in the filter layer selector
+     * Layers rendered in the filter selector
      */
     readonly layers: GxOption[];
+    layersChanged(newLayers: GxOption[]): void;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
-     */
-    readonly contextMenuCallback: ContextMenuCallback;
-    /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
-     */
-    readonly deleteSelectionCallback: DeleteSelectionCallback;
-    /**
-     * This is a function provided by the developer that return a list of images to populate the table of images.
+     * Function that returns a list of images for the table
      */
     readonly loadCallback: LoadCallback;
     /**
-     * This is a function provided by the developer that return a list of items of the image selected.
+     * Function that returns a list of items for the selected image
      */
     readonly loadImageItemsCallback: LoadImageItemsCallback;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     * Callback invoked when user press New button.
      */
     readonly newObjectCallback: NewObjectCallback;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     * Function to expand data for double-clicked or entered images
      */
     readonly openSelectionCallback: OpenSelectionCallback;
     /**
-     * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+     * Callback invoked when an action is executed on the Module/Folder filter.
      */
     readonly selectModuleCallback: SelectModuleCallback;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     * Callback invoked when an item is selected
      */
     readonly selectionObjectChangedCallback: SelectionObjectCallback;
     /**
-     * Applies a shadow all around
-     */
-    readonly shadow = false;
-    /**
-     * The styles render in the filter style selector
+     * Styles rendered in the filter style selector
      */
     readonly styles: GxOption[];
-    /**
-     * The types render in the filter type selector
-     */
-    readonly types: GxOption[];
-    /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs.
-     */
-    componentDidLoadEvent: EventEmitter<boolean>;
-    /**
-     * @description Gets fired when the component has rendered for the first time.
-     */
-    componentDidRenderFirstTime: EventEmitter<string>;
-    componentWillLoad(): Promise<void>;
+    stylesChanged(newStyles: GxOption[]): void;
+    connectedCallback(): Promise<void>;
     componentDidLoad(): void;
-    componentDidRender(): void;
+    componentWillLoad(): Promise<void>;
     keyDownHandler(eventInfo: KeyboardEvent): void;
     /**
-     * Validate necessary data input
-     */
-    validate(): Promise<boolean>;
-    /**
-     * This method reload the view, refreshing the filters and the table of images.
+     * Reloads the view, refreshing the filters and the images table.
      */
     reload(): Promise<void>;
-    private attachDetectClickOutsideFilter;
-    private removeDetectClickOutsideFilter;
-    private detectClickOutsideFilter;
-    /**
-     * @description This is needed for resetting the filter. When the user resets the filter, all the filter controls values have to be restored to the value they had on componentDidLoad.
-     */
-    private saveInitialFilterData;
-    private renderFilter;
-    private renderImagesData;
-    private renderImages;
-    private getImages;
-    private newObjectCallbackHandler;
-    private openSelectionCallBackHandler;
-    private deleteSelectionCallbackHandler;
-    private resetFilterHandler;
-    private toggleFiltersHandler;
-    private selectAll;
-    private deselectAll;
-    private listenChanges;
-    private filterInputHandler;
-    private filterImagesInformationHandler;
+    /**
+     * Watch filter state variables and trigger #getImages when they change
+     */
+    filterNameValueChanged(): void;
+    filterSearchContentsValueChanged(): void;
+    filterCategoryValueChanged(): void;
+    filterAllDescendantsValueChanged(): void;
+    filterAfterTypeValueChanged(): void;
+    filterUserValueChanged(): void;
+    filterModifiedDateValueChanged(): void;
+    filterStyleValueChanged(): void;
+    filterLanguageValueChanged(): void;
+    filterDensityValueChanged(): void;
+    filterLayerValueChanged(): void;
+    filterModuleValueChanged(): void;
     render(): void;
 }
-export type SelectionObjectCallback = (ids: string[]) => Promise<void>;
-export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
-export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
-export type SelectModuleCallback = () => Promise<EntityData | undefined>;
 export type ContextMenuCallback = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
-export type NewObjectCallback = () => Promise<void>;
-export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
-export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
+export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
+export type FilerInitialData = {
+    name: string;
+    module: EntityData;
+    searchContents: string;
+    category: string;
+    allDescendants: string;
+    modifiedAfter: string;
+    modifiedDateTime: string;
+    modifiedUser: string;
+    style: string;
+    language: string;
+    density: string;
+    layer: string;
+};
+export type ImageData = {
+    id: string;
+    icon: string;
+    name: string;
+    description: string;
+    parent: string;
+    module: string;
+    modifiedDate?: Date;
+    lastUser?: string;
+    importDate?: Date;
+};
 export type ImageFiltersData = {
     name?: string;
     searchContents?: string;
@@ -203,19 +190,14 @@ export type ImageFiltersData = {
     density?: string;
     layer?: string;
 };
-export type ImageData = {
-    id: string;
-    icon: string;
-    name: string;
-    description: string;
-    parent: string;
-    module: string;
-    modifiedDate?: Date;
-    lastUser?: string;
-    importDate?: Date;
-};
 export type ImageItemData = {
     id: string;
     name: string;
     url: string;
 };
+export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
+export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
+export type NewObjectCallback = () => Promise<void>;
+export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
+export type SelectModuleCallback = () => Promise<EntityData | undefined>;
+export type SelectionObjectCallback = (ids: string[]) => Promise<void>;

package/dist/types/components.d.ts

@@ -2685,97 +2685,69 @@ export namespace Components {
     }
     interface GxIdeWwImages {
         /**
-          * The categories render in the filter category selector
+          * Categories rendered in the filter selector
          */
         "categories": GxOption[];
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Function to expand data when right-click
          */
         "contextMenuCallback": ContextMenuCallback5;
         /**
-          * The default value for the 'categories' filter
+          * Default value for the 'categories' filter
          */
         "defaultCategory": string;
         /**
-          * The default value for the module/folder filter
+          * Default value for the module/folder filter
          */
         "defaultModule": EntityData1;
         /**
-          * The default value for the type filter
-         */
-        "defaultType": string;
-        /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Function to delete the selected images.
          */
         "deleteSelectionCallback": DeleteSelectionCallback2;
         /**
-          * The densities render in the filter density selector
+          * Densities rendered in the filter selector
          */
         "densities": GxOption[];
         /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle": false;
-        /**
-          * The modules/folders render in the module/folder selector
-         */
-        "filterModules": GxOption[];
-        /**
-          * The languages render in the filter language selector
+          * Languages rendered in the filter selector
          */
         "languages": GxOption[];
         /**
-          * The layers render in the filter layer selector
+          * Layers rendered in the filter selector
          */
         "layers": GxOption[];
         /**
-          * This is a function provided by the developer that return a list of images to populate the table of images.
+          * Function that returns a list of images for the table
          */
         "loadCallback": LoadCallback7;
         /**
-          * This is a function provided by the developer that return a list of items of the image selected.
+          * Function that returns a list of items for the selected image
          */
         "loadImageItemsCallback": LoadImageItemsCallback;
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Callback invoked when user press New button.
          */
         "newObjectCallback": NewObjectCallback1;
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Function to expand data for double-clicked or entered images
          */
         "openSelectionCallback": OpenSelectionCallback3;
         /**
-          * This method reload the view, refreshing the filters and the table of images.
+          * Reloads the view, refreshing the filters and the images table.
          */
         "reload": () => Promise<void>;
         /**
-          * Displays a secondary filter, used to filter over the filtered images
-         */
-        "secondaryFilter": false;
-        /**
-          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+          * Callback invoked when an action is executed on the Module/Folder filter.
          */
         "selectModuleCallback": SelectModuleCallback6;
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Callback invoked when an item is selected
          */
         "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
-          * Applies a shadow all around
-         */
-        "shadow": false;
-        /**
-          * The styles render in the filter style selector
+          * Styles rendered in the filter style selector
          */
         "styles": GxOption[];
-        /**
-          * The types render in the filter type selector
-         */
-        "types": GxOption[];
-        /**
-          * Validate necessary data input
-         */
-        "validate": () => Promise<boolean>;
     }
 }
 export interface GxIdeBpmAppDeclarationCustomEvent<T> extends CustomEvent<T> {
@@ -2902,10 +2874,6 @@ export interface GxIdeWfSettingsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeWfSettingsElement;
 }
-export interface GxIdeWwImagesCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGxIdeWwImagesElement;
-}
 declare global {
     interface HTMLGxIdeAboutElement extends Components.GxIdeAbout, HTMLStencilElement {
     }
@@ -3743,19 +3711,7 @@ declare global {
         prototype: HTMLGxIdeWwFilesElement;
         new (): HTMLGxIdeWwFilesElement;
     };
-    interface HTMLGxIdeWwImagesElementEventMap {
-        "componentDidLoadEvent": boolean;
-        "componentDidRenderFirstTime": string;
-    }
     interface HTMLGxIdeWwImagesElement extends Components.GxIdeWwImages, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGxIdeWwImagesElementEventMap>(type: K, listener: (this: HTMLGxIdeWwImagesElement, ev: GxIdeWwImagesCustomEvent<HTMLGxIdeWwImagesElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLGxIdeWwImagesElementEventMap>(type: K, listener: (this: HTMLGxIdeWwImagesElement, ev: GxIdeWwImagesCustomEvent<HTMLGxIdeWwImagesElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGxIdeWwImagesElement: {
         prototype: HTMLGxIdeWwImagesElement;
@@ -6383,97 +6339,65 @@ declare namespace LocalJSX {
     }
     interface GxIdeWwImages {
         /**
-          * The categories render in the filter category selector
+          * Categories rendered in the filter selector
          */
         "categories": GxOption[];
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Function to expand data when right-click
          */
         "contextMenuCallback": ContextMenuCallback5;
         /**
-          * The default value for the 'categories' filter
+          * Default value for the 'categories' filter
          */
         "defaultCategory"?: string;
         /**
-          * The default value for the module/folder filter
+          * Default value for the module/folder filter
          */
         "defaultModule"?: EntityData1;
         /**
-          * The default value for the type filter
-         */
-        "defaultType"?: string;
-        /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Function to delete the selected images.
          */
         "deleteSelectionCallback": DeleteSelectionCallback2;
         /**
-          * The densities render in the filter density selector
+          * Densities rendered in the filter selector
          */
         "densities": GxOption[];
         /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle"?: false;
-        /**
-          * The modules/folders render in the module/folder selector
-         */
-        "filterModules": GxOption[];
-        /**
-          * The languages render in the filter language selector
+          * Languages rendered in the filter selector
          */
         "languages": GxOption[];
         /**
-          * The layers render in the filter layer selector
+          * Layers rendered in the filter selector
          */
         "layers": GxOption[];
         /**
-          * This is a function provided by the developer that return a list of images to populate the table of images.
+          * Function that returns a list of images for the table
          */
         "loadCallback": LoadCallback7;
         /**
-          * This is a function provided by the developer that return a list of items of the image selected.
+          * Function that returns a list of items for the selected image
          */
         "loadImageItemsCallback": LoadImageItemsCallback;
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Callback invoked when user press New button.
          */
         "newObjectCallback": NewObjectCallback1;
         /**
-          * This event is emitted once just after the component is fully loaded and the first render() occurs.
-         */
-        "onComponentDidLoadEvent"?: (event: GxIdeWwImagesCustomEvent<boolean>) => void;
-        /**
-          * @description Gets fired when the component has rendered for the first time.
-         */
-        "onComponentDidRenderFirstTime"?: (event: GxIdeWwImagesCustomEvent<string>) => void;
-        /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Function to expand data for double-clicked or entered images
          */
         "openSelectionCallback": OpenSelectionCallback3;
         /**
-          * Displays a secondary filter, used to filter over the filtered images
-         */
-        "secondaryFilter"?: false;
-        /**
-          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+          * Callback invoked when an action is executed on the Module/Folder filter.
          */
         "selectModuleCallback": SelectModuleCallback6;
         /**
-          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+          * Callback invoked when an item is selected
          */
         "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
-          * Applies a shadow all around
-         */
-        "shadow"?: false;
-        /**
-          * The styles render in the filter style selector
+          * Styles rendered in the filter style selector
          */
         "styles": GxOption[];
-        /**
-          * The types render in the filter type selector
-         */
-        "types": GxOption[];
     }
     interface IntrinsicElements {
         "gx-ide-about": GxIdeAbout;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/common-9020d675.js.map

@@ -1 +0,0 @@
-{"file":"common-9020d675.js","mappings":"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","names":["h"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\n\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--color-text-neutral-strawberry)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--color-primary-600)\"; // mer token\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"],"version":3}