@genexus/genexus-ide-ui 1.0.39 → 1.0.40

package/dist/types/components/data-type-selector/data-type-selector.d.ts

@@ -0,0 +1,46 @@
+import { ActionListItemModel, ActionListModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdeKbManagerImport {
+    #private;
+    el: HTMLGxIdeDataTypeSelectorElement;
+    categoriesListBoxModel: ActionListItemModel[];
+    selectedCategory: string;
+    statusInfo: StatusInfo[];
+    recentlyUsedActionListModel: ActionListModel;
+    loading: boolean;
+    /**
+     * All possible types and its category
+     */
+    readonly categories: DataTypeCategoryData[];
+    categoriesChanged(newCategories: DataTypeCategoryData[]): void;
+    /**
+     * Callback invoked when user select an item type
+     */
+    readonly dataTypeSelectedCallback: DataTypeSelectedCallback;
+    /**
+     * All recently used types list
+     */
+    readonly recentlyUsed: DataTypeData[];
+    recentlyUsedChanged(newRecentlyUsed: DataTypeData[]): void;
+    componentWillLoad(): Promise<void>;
+    private selectedCategoryHandler;
+    render(): void;
+}
+type StatusInfo = {
+    [key: string]: {
+        display: boolean;
+    };
+};
+export type DataTypeCategoryData = {
+    name: string;
+    icon: string;
+    types: DataTypeData[];
+};
+export type DataTypeData = {
+    name: string;
+    icon: string;
+};
+export type DataTypeSelectedCallback = (data: {
+    name: string;
+    icon: string;
+}) => Promise<void>;
+export {};

package/dist/types/components/data-type-selector/helpers.d.ts

@@ -0,0 +1,4 @@
+import { DataTypeCategoryData, DataTypeData } from "./data-type-selector";
+import { ActionListItemGroup, ActionListModel } from "@genexus/chameleon-controls-library/dist/types/components/action-list/types";
+export declare const mapCategoryToListItemGroup: (category: DataTypeCategoryData) => ActionListItemGroup;
+export declare const mapDataTypesToList: (dataTypes: DataTypeData[]) => ActionListModel;

package/dist/types/components.d.ts

@@ -26,6 +26,7 @@ import { KBData, KBVersion, KnowledgeBaseInfo } from "./components/team-dev/crea
 import { Mode, UserInfo } from "./components/current-user-info/current-user-info";
 import { EditResult, EnvironmentData, KBData as KBData1, recentObjectData } from "./components/dashboard-home/dashboard-home";
 import { CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback2, EditCallback, LoadItemsCallback, NewVariableCallback, SelectObjectCallback } from "./components/data-selector/data-selector";
+import { DataTypeCategoryData, DataTypeData, DataTypeSelectedCallback } from "./components/data-type-selector/data-type-selector";
 import { CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback3, LoadCallback, LoadDesignSystemCallback, LoadFontCallback, LoadImageCallback, LoadPanelDataCallback, ReactiveSettings, RequiresAccessTokenCallback, SelectModuleCallback, TextEditorFactoryCallback } from "./components/design-import/design-import";
 import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/directory-selector/directory-selector";
 import { ModuleServerData, ModuleServerType } from "./components/modules/types";
@@ -79,6 +80,7 @@ export { KBData, KBVersion, KnowledgeBaseInfo } from "./components/team-dev/crea
 export { Mode, UserInfo } from "./components/current-user-info/current-user-info";
 export { EditResult, EnvironmentData, KBData as KBData1, recentObjectData } from "./components/dashboard-home/dashboard-home";
 export { CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback2, EditCallback, LoadItemsCallback, NewVariableCallback, SelectObjectCallback } from "./components/data-selector/data-selector";
+export { DataTypeCategoryData, DataTypeData, DataTypeSelectedCallback } from "./components/data-type-selector/data-type-selector";
 export { CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback3, LoadCallback, LoadDesignSystemCallback, LoadFontCallback, LoadImageCallback, LoadPanelDataCallback, ReactiveSettings, RequiresAccessTokenCallback, SelectModuleCallback, TextEditorFactoryCallback } from "./components/design-import/design-import";
 export { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/directory-selector/directory-selector";
 export { ModuleServerData, ModuleServerType } from "./components/modules/types";
@@ -670,6 +672,20 @@ export namespace Components {
          */
         "validate": () => Promise<boolean>;
     }
+    interface GxIdeDataTypeSelector {
+        /**
+          * All possible types and its category
+         */
+        "categories": DataTypeCategoryData[];
+        /**
+          * Callback invoked when user select an item type
+         */
+        "dataTypeSelectedCallback": DataTypeSelectedCallback;
+        /**
+          * All recently used types list
+         */
+        "recentlyUsed": DataTypeData[];
+    }
     interface GxIdeDesignImport {
         /**
           * The access token for the given path, which is not always required
@@ -2270,6 +2286,12 @@ declare global {
         prototype: HTMLGxIdeDataSelectorElement;
         new (): HTMLGxIdeDataSelectorElement;
     };
+    interface HTMLGxIdeDataTypeSelectorElement extends Components.GxIdeDataTypeSelector, HTMLStencilElement {
+    }
+    var HTMLGxIdeDataTypeSelectorElement: {
+        prototype: HTMLGxIdeDataTypeSelectorElement;
+        new (): HTMLGxIdeDataTypeSelectorElement;
+    };
     interface HTMLGxIdeDesignImportElement extends Components.GxIdeDesignImport, HTMLStencilElement {
     }
     var HTMLGxIdeDesignImportElement: {
@@ -2778,6 +2800,7 @@ declare global {
         "gx-ide-current-user-info": HTMLGxIdeCurrentUserInfoElement;
         "gx-ide-dashboard-home": HTMLGxIdeDashboardHomeElement;
         "gx-ide-data-selector": HTMLGxIdeDataSelectorElement;
+        "gx-ide-data-type-selector": HTMLGxIdeDataTypeSelectorElement;
         "gx-ide-design-import": HTMLGxIdeDesignImportElement;
         "gx-ide-directory-selector": HTMLGxIdeDirectorySelectorElement;
         "gx-ide-edit-module-server": HTMLGxIdeEditModuleServerElement;
@@ -3407,6 +3430,20 @@ declare namespace LocalJSX {
          */
         "selectionType"?: "single" | "multiple";
     }
+    interface GxIdeDataTypeSelector {
+        /**
+          * All possible types and its category
+         */
+        "categories"?: DataTypeCategoryData[];
+        /**
+          * Callback invoked when user select an item type
+         */
+        "dataTypeSelectedCallback"?: DataTypeSelectedCallback;
+        /**
+          * All recently used types list
+         */
+        "recentlyUsed"?: DataTypeData[];
+    }
     interface GxIdeDesignImport {
         /**
           * The access token for the given path, which is not always required
@@ -4765,6 +4802,7 @@ declare namespace LocalJSX {
         "gx-ide-current-user-info": GxIdeCurrentUserInfo;
         "gx-ide-dashboard-home": GxIdeDashboardHome;
         "gx-ide-data-selector": GxIdeDataSelector;
+        "gx-ide-data-type-selector": GxIdeDataTypeSelector;
         "gx-ide-design-import": GxIdeDesignImport;
         "gx-ide-directory-selector": GxIdeDirectorySelector;
         "gx-ide-edit-module-server": GxIdeEditModuleServer;
@@ -4827,6 +4865,7 @@ declare module "@stencil/core" {
             "gx-ide-current-user-info": LocalJSX.GxIdeCurrentUserInfo & JSXBase.HTMLAttributes<HTMLGxIdeCurrentUserInfoElement>;
             "gx-ide-dashboard-home": LocalJSX.GxIdeDashboardHome & JSXBase.HTMLAttributes<HTMLGxIdeDashboardHomeElement>;
             "gx-ide-data-selector": LocalJSX.GxIdeDataSelector & JSXBase.HTMLAttributes<HTMLGxIdeDataSelectorElement>;
+            "gx-ide-data-type-selector": LocalJSX.GxIdeDataTypeSelector & JSXBase.HTMLAttributes<HTMLGxIdeDataTypeSelectorElement>;
             "gx-ide-design-import": LocalJSX.GxIdeDesignImport & JSXBase.HTMLAttributes<HTMLGxIdeDesignImportElement>;
             "gx-ide-directory-selector": LocalJSX.GxIdeDirectorySelector & JSXBase.HTMLAttributes<HTMLGxIdeDirectorySelectorElement>;
             "gx-ide-edit-module-server": LocalJSX.GxIdeEditModuleServer & JSXBase.HTMLAttributes<HTMLGxIdeEditModuleServerElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -46,6 +46,7 @@
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",
     "@types/jest": "~29.5.1",
+    "@types/ws": "^8.5.13",
     "@typescript-eslint/eslint-plugin": "^6.15.0",
     "@typescript-eslint/parser": "^6.15.0",
     "eslint": "^8.56.0",

package/dist/genexus-ide-ui/p-dd890eed.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getInitialsFromName","name","nameData","split","length","toUpperCase","currentUserInfoCss","CSS_BUNDLES","CHEVRON_DOWN_ICON","getIconPath","category","colorType","MY_ACCOUNT_ID","CHANGE_TEAM_ID","SIGN_OUT_ID","LANGUAGE_ID","GxIdeNewEnvironment","_GxIdeNewEnvironment_componentLocale","set","this","_GxIdeNewEnvironment_initials","_GxIdeNewEnvironment_menuDropdownModel","_GxIdeNewEnvironment_userLoginButton","_GxIdeNewEnvironment_dropDownitemClickHandler","_event","_target","itemId","myAccountCallback","changeTeamCallback","signOutCallback","changeLanguageCallback","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","userInfo","id","caption","__classPrivateFieldGet","myAccountLabel","showSeparator","changeTeamLabel","signOutLabel","render","h","Host","class","model","position","itemClickCallback","ref","slot","team","src","containerRef","onClick","showTermsCallback","privacyAndTerms"],"sources":["src/components/current-user-info/helpers.tsx","src/components/current-user-info/current-user-info.scss?tag=gx-ide-current-user-info&encapsulation=shadow","src/components/current-user-info/current-user-info.tsx"],"sourcesContent":["export const getInitialsFromName = (name: string): string => {\n  const nameData = name.split(\" \");\n  if (nameData.length === 1) {\n    return nameData[0][0].toUpperCase();\n  } else {\n    return `${nameData[0][0].toUpperCase()}${nameData[1][0].toUpperCase()}`;\n  }\n};\n","@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: inline-grid;\n  justify-items: end;\n  block-size: 100%;\n}\n\n.user-login {\n  &__button {\n    all: unset;\n    display: grid;\n    grid-template-columns: max-content max-content max-content;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    block-size: auto;\n    cursor: pointer;\n  }\n  &__details {\n    display: grid;\n    grid-template-rows: max-content max-content;\n    gap: var(--mer-spacing--3xs);\n    justify-items: end;\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--medium);\n    font-size: var(--mer-font__size--3xs);\n    color: var(--mer-text__on-elevation);\n  }\n  &__organization {\n    font-weight: var(--mer-font__weight--light);\n    font-size: var(--mer-font__size--4xs);\n    color: var(--mer-text__neutral);\n  }\n  &__avatar {\n    font-size: 9px;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: var(--mer-spacing--lg);\n    inline-size: var(--mer-spacing--lg);\n    color: var(--mer-text__on-elevation);\n    border-radius: 50%;\n    background-color: var(--mer-color__tinted-primary--10);\n    border: var(--mer-border__width--sm) solid var(--mer-color__primary--200);\n  }\n}\n\n.privacy-policy {\n  text-decoration: underline;\n  cursor: pointer;\n}\n","/* STENCIL IMPORTS */\nimport { Component, Element, Host, Prop, State, h } from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { getInitialsFromName } from \"./helpers\";\nimport { DropdownModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // TODO: review if \"utils/form--full\" is required.\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"components/toggle\",\n  \"components/icon\",\n  \"components/dropdown\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"navigation\",\n  name: \"chevron-down\",\n  colorType: \"neutral\"\n});\n\nconst MY_ACCOUNT_ID = \"my-account\";\nconst CHANGE_TEAM_ID = \"change-team\";\nconst SIGN_OUT_ID = \"sign-out\";\nconst LANGUAGE_ID = \"language\";\n\n@Component({\n  tag: \"gx-ide-current-user-info\",\n  styleUrl: \"current-user-info.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/current-user-info\"]\n})\nexport class GxIdeNewEnvironment {\n  #componentLocale: any;\n  #initials: string = \"\";\n  // #mode: Mode;\n  #menuDropdownModel: DropdownModel;\n\n  @Element() el: HTMLGxIdeCurrentUserInfoElement;\n  #userLoginButton: HTMLButtonElement;\n\n  @State() showMenu: boolean = false;\n\n  /**\n   * User data\n   */\n  @Prop() readonly userInfo: UserInfo;\n\n  /**\n   * Callback executed when the user click \"My Account\" link\n   */\n  @Prop() readonly myAccountCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"change team\" link\n   */\n  @Prop() readonly changeTeamCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Language\" link\n   */\n  @Prop() readonly changeLanguageCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user switch the \"Mode\" status\n   */\n  @Prop() readonly changeModeCallback!: (mode: Mode) => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Sign Out\" link\n   */\n  @Prop() readonly signOutCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Privacy Policy & Terms of use\" link\n   */\n  @Prop() readonly showTermsCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#initials = getInitialsFromName(this.userInfo.name);\n    this.#menuDropdownModel = [\n      {\n        id: MY_ACCOUNT_ID,\n        caption: this.#componentLocale.myAccountLabel,\n        showSeparator: false\n      },\n      {\n        id: CHANGE_TEAM_ID,\n        caption: this.#componentLocale.changeTeamLabel,\n        showSeparator: false\n      },\n      {\n        id: SIGN_OUT_ID,\n        caption: this.#componentLocale.signOutLabel,\n        showSeparator: true\n      }\n      // {\n      //   id: LANGUAGE_ID,\n      //   caption: this.#componentLocale.languageLabel,\n      //   showSeparator: true\n      // }\n    ];\n  }\n\n  // #handleModeSwitch = () => {\n  //   this.#mode = this.#mode === \"dark\" ? \"light\" : \"dark\";\n  //   if (this.changeModeCallback) {\n  //     this.changeModeCallback(this.#mode);\n  //   }\n  // };\n\n  #dropDownitemClickHandler = (\n    _event: UIEvent,\n    _target: string,\n    itemId: string\n  ): void => {\n    if (itemId === MY_ACCOUNT_ID) {\n      this.myAccountCallback();\n    } else if (itemId === CHANGE_TEAM_ID) {\n      this.changeTeamCallback();\n    } else if (itemId === SIGN_OUT_ID) {\n      this.signOutCallback();\n    } else if (itemId === LANGUAGE_ID) {\n      this.changeLanguageCallback();\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-dropdown-render\n          class=\"dropdown\"\n          model={this.#menuDropdownModel}\n          position=\"InsideEnd_OutsideEnd\"\n          itemClickCallback={this.#dropDownitemClickHandler}\n        >\n          <button\n            class=\"user-login__button\"\n            ref={el => (this.#userLoginButton = el as HTMLButtonElement)}\n            slot=\"action\"\n          >\n            <div class=\"user-login__details\">\n              <span class=\"user-login__name\">{this.userInfo.name}</span>\n              <span class=\"user-login__organization\">{this.userInfo.team}</span>\n            </div>\n            <div class=\"user-login__avatar\">{this.#initials}</div>\n            <ch-image\n              src={CHEVRON_DOWN_ICON}\n              class=\"icon-md\"\n              containerRef={this.#userLoginButton}\n            ></ch-image>\n          </button>\n          <div class=\"user-login__footer footer-slot\" slot=\"footer\">\n            <p\n              class=\"text-body-regular-s privacy-policy\"\n              onClick={this.showTermsCallback}\n            >\n              {this.#componentLocale.privacyAndTerms}\n            </p>\n          </div>\n        </ch-dropdown-render>\n      </Host>\n    );\n  }\n}\n\nexport type UserInfo = {\n  name: string;\n  team: string;\n};\n\nexport type Mode = \"dark\" | \"light\";\n"],"mappings":";;;;;;AAAO,MAAMA,sBAAuBC;EAClC,MAAMC,IAAWD,EAAKE,MAAM;EAC5B,IAAID,EAASE,WAAW,GAAG;IACzB,OAAOF,EAAS,GAAG,GAAGG;SACjB;IACL,OAAO,GAAGH,EAAS,GAAG,GAAGG,gBAAgBH,EAAS,GAAG,GAAGG;;;;ACL5D,MAAMC,IAAqB;;;;;;;;;;;;;;;;;ACS3B,MAAMC,IAA8B;;AAElC,qBACA,sBACA,qBACA,mBACA,uBACA,gBACA,oBACA,iBACA;;AAGF,MAAMC,IAAoBC,EAAY;EACpCC,UAAU;EACVT,MAAM;EACNU,WAAW;;;AAGb,MAAMC,IAAgB;;AACtB,MAAMC,IAAiB;;AACvB,MAAMC,IAAc;;AACpB,MAAMC,IAAc;;MAQPC,IAAmB;;;IAC9BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAoB;;QAEpBE,EAAAH,IAAAC,WAAA;IAGAG,EAAAJ,IAAAC,WAAA;;;;;;;QAyEAI,EAAAL,IAAAC,OAA4B,CAC1BK,GACAC,GACAC;MAEA,IAAIA,MAAWd,GAAe;QAC5BO,KAAKQ;aACA,IAAID,MAAWb,GAAgB;QACpCM,KAAKS;aACA,IAAIF,MAAWZ,GAAa;QACjCK,KAAKU;aACA,IAAIH,MAAWX,GAAa;QACjCI,KAAKW;;;oBAnFoB;;;;;;;;;EAqC7B,uBAAMC;IACJC,EAAAb,MAAIF,SAA0BgB,EAAOC,oBAAoBf,KAAKgB,KAAG;IACjEH,EAAAb,MAAIC,GAAapB,oBAAoBmB,KAAKiB,SAASnC,OAAK;IACxD+B,EAAAb,MAAIE,GAAsB,EACxB;MACEgB,IAAIzB;MACJ0B,SAASC,EAAApB,MAAIF,GAAA,KAAkBuB;MAC/BC,eAAe;OAEjB;MACEJ,IAAIxB;MACJyB,SAASC,EAAApB,MAAIF,GAAA,KAAkByB;MAC/BD,eAAe;OAEjB;MACEJ,IAAIvB;MACJwB,SAASC,EAAApB,MAAIF,GAAA,KAAkB0B;MAC/BF,eAAe;SAOlB;;EA0BH,MAAAG;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOzC;QACjBsC,EAAA;MACEE,OAAM;MACNC,OAAOT,EAAApB,MAAIE,GAAA;MACX4B,UAAS;MACTC,mBAAmBX,EAAApB,MAAII,GAAA;OAEvBsB,EAAA;MACEE,OAAM;MACNI,KAAKhB,KAAOH,EAAAb,MAAIG,GAAoBa,GAAuB;MAC3DiB,MAAK;OAELP,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAME,OAAM;OAAoB5B,KAAKiB,SAASnC,OAC9C4C,EAAA;MAAME,OAAM;OAA4B5B,KAAKiB,SAASiB,QAExDR,EAAA;MAAKE,OAAM;OAAsBR,EAAApB,MAAIC,GAAA,OACrCyB,EAAA;MACES,KAAK9C;MACLuC,OAAM;MACNQ,cAAchB,EAAApB,MAAIG,GAAA;SAGtBuB,EAAA;MAAKE,OAAM;MAAiCK,MAAK;OAC/CP,EAAA;MACEE,OAAM;MACNS,SAASrC,KAAKsC;OAEblB,EAAApB,MAAIF,GAAA,KAAkByC"}