@genexus/genexus-ide-ui 3.2.10 → 3.2.11

package/dist/collection/components/{select-user-team/select-user-team.css → select-team-or-org/select-team-or-org.css}

@@ -16,6 +16,7 @@ button.button-secondary {
   display: grid;
   grid-template-columns: 1fr 1fr;
   block-size: 100%;
+  border-radius: var(--border-radius-m);
   max-block-size: 700px;
   max-inline-size: 1100px;
   background-color: var(--color-accent-surface-elevation-1);
@@ -34,7 +35,7 @@ button.button-secondary {
   inline-size: 100%;
   padding: 48px;
   transform: translateY(4px);
-  transition: var(--display-teams-transtion-time) all;
+  transition: var(--display-items-transtion-time) all;
   opacity: 0;
   position: relative;
 }
@@ -46,6 +47,7 @@ button.button-secondary {
   display: grid;
   place-self: center;
   gap: var(--spacing-gap-xxl);
+  inline-size: 100%;
   max-inline-size: 480px;
 }
 .slide__main-header {
@@ -58,6 +60,7 @@ button.button-secondary {
   font-size: var(--font-size-header-h2);
   font-weight: var(--font-style-semi-bold);
   letter-spacing: 0.02em;
+  line-height: var(--line-height-tight);
   color: var(--color-text-neutral-strawberry);
 }
 .slide__main-description {
@@ -73,14 +76,14 @@ button.button-secondary {
   text-decoration: underline;
 }
 
-.teams-list {
+.items-list {
   inline-size: 100%;
-  max-inline-size: 400px;
-  --ch-combo-box__popover-max-inline-size: 400px;
+  --ch-combo-box__popover-max-inline-size: 100%;
 }
 
 .buttons-container {
   display: flex;
+  inline-size: 100%;
   gap: var(--spacing-gap-xl);
 }
 

package/dist/collection/components/select-team-or-org/select-team-or-org.js

@@ -0,0 +1,220 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeSelectTeamOrOrg_componentLocale, _GxIdeSelectTeamOrOrg_itemsModel, _GxIdeSelectTeamOrOrg_chSelectItemEl, _GxIdeSelectTeamOrOrg_displayItemsTransitionTime, _GxIdeSelectTeamOrOrg_continueHandler, _GxIdeSelectTeamOrOrg_cancelHandler;
+// Stencil
+import { Host, h, getAssetPath } from "@stencil/core";
+// Custom Imports
+import { Locale } from "../../common/locale";
+import { mapItemsToComboBoxItemModel } from "./helpers";
+const COPYRIGHTS_ILLUSTRATION = getAssetPath(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
+const ICON_NEXT = getAssetPath(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/typography",
+    "components/button",
+    "components/combo-box"
+];
+export class GxIdeSelectTeamOrOrg {
+    constructor() {
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeSelectTeamOrOrg_componentLocale.set(this, void 0);
+        _GxIdeSelectTeamOrOrg_itemsModel.set(this, []);
+        _GxIdeSelectTeamOrOrg_chSelectItemEl.set(this, void 0);
+        _GxIdeSelectTeamOrOrg_displayItemsTransitionTime.set(this, 100);
+        _GxIdeSelectTeamOrOrg_continueHandler.set(this, async () => {
+            await this.confirmCallback(__classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_chSelectItemEl, "f").value);
+        });
+        _GxIdeSelectTeamOrOrg_cancelHandler.set(this, async () => {
+            await this.cancelCallback();
+        });
+        this.slideIsVisible = false;
+        this.itemsModelReady = false;
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+        this.selectionType = "team";
+        this.items = undefined;
+    }
+    itemsChanged(newItems) {
+        this.slideIsVisible = false;
+        if (!(newItems === null || newItems === void 0 ? void 0 : newItems.length)) {
+            this.itemsModelReady = false;
+            setTimeout(() => {
+                this.slideIsVisible = true;
+            }, __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_displayItemsTransitionTime, "f"));
+            return;
+        }
+        // switch step
+        setTimeout(() => {
+            __classPrivateFieldSet(this, _GxIdeSelectTeamOrOrg_itemsModel, mapItemsToComboBoxItemModel(newItems), "f");
+            this.itemsModelReady = true;
+        }, __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_displayItemsTransitionTime, "f"));
+        // show slide
+        setTimeout(() => {
+            this.slideIsVisible = true;
+        }, __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_displayItemsTransitionTime, "f") * 2);
+    }
+    async componentWillLoad() {
+        var _a;
+        __classPrivateFieldSet(this, _GxIdeSelectTeamOrOrg_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        if ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) {
+            __classPrivateFieldSet(this, _GxIdeSelectTeamOrOrg_itemsModel, mapItemsToComboBoxItemModel(this.items), "f");
+            this.itemsModelReady = true;
+        }
+        this.el.style.setProperty("--display-items-transtion-time", __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_displayItemsTransitionTime, "f").toString() + "ms");
+    }
+    componentDidLoad() {
+        this.slideIsVisible = true;
+    }
+    render() {
+        var _a;
+        const kindLocale = __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_componentLocale, "f")[this.selectionType];
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "slide" }, h("img", { src: COPYRIGHTS_ILLUSTRATION, class: "slide__illustration", alt: "" // decorative
+        }), h("div", { class: {
+                "slide__main": true,
+                "slide__main--visible": this.slideIsVisible
+            } }, h("div", { class: "slide__main-container" }, this.itemsModelReady ? ([
+            h("header", { class: "slide__main-header" }, h("img", { src: ICON_NEXT, alt: "" // decorative
+            }), h("h2", {
+                // Split the title into two spans for better styling
+                class: "slide__main-title"
+            }, h("span", null, kindLocale.title))),
+            h("div", { class: "slide__select-item-description" }, h("p", { class: "body-semi-bold-l" }, kindLocale.infoMessage)),
+            h("div", { class: "field-group" }, h("div", { class: "field field-block" }, h("label", { htmlFor: "items" }, kindLocale.label), h("ch-combo-box-render", { id: "items", accessibleName: kindLocale.label, class: "combo-box items-list", model: __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_itemsModel, "f"), value: __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_itemsModel, "f") && ((_a = __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_itemsModel, "f")[0]) === null || _a === void 0 ? void 0 : _a.value), ref: (el) => (__classPrivateFieldSet(this, _GxIdeSelectTeamOrOrg_chSelectItemEl, el, "f")) }))),
+            h("div", { class: "buttons-container" }, h("button", { class: "button-primary continue-btn", onClick: __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_continueHandler, "f") }, __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_componentLocale, "f").confirmButtonCaption), h("button", { class: "button-secondary cancel-btn", onClick: __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_componentLocale, "f").cancelButtonCaption))
+        ]) : (h("gx-ide-loader", { show: true, loaderTitle: __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeSelectTeamOrOrg_componentLocale, "f").loader.description })))))));
+    }
+    static get is() { return "gx-ide-select-team-or-org"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["select-team-or-org.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["select-team-or-org.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/select-team-or-org"]; }
+    static get properties() {
+        return {
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user clicks the 'Cancel' button"
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(itemId: string) => Promise<void>",
+                    "resolved": "(itemId: string) => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user clicks the 'Confirm' button"
+                }
+            },
+            "selectionType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectionType",
+                    "resolved": "\"organization\" | \"team\"",
+                    "references": {
+                        "SelectionType": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/select-team-or-org/select-team-or-org.tsx",
+                            "id": "src/components/select-team-or-org/select-team-or-org.tsx::SelectionType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the picker is selecting a team or an organization.\nDrives the title, info message and combo label."
+                },
+                "attribute": "selection-type",
+                "reflect": false,
+                "defaultValue": "\"team\""
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectableItem[]",
+                    "resolved": "SelectableItem[]",
+                    "references": {
+                        "SelectableItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/select-team-or-org/select-team-or-org.tsx",
+                            "id": "src/components/select-team-or-org/select-team-or-org.tsx::SelectableItem"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Array that contains the selectable items (teams or organizations)."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "slideIsVisible": {},
+            "itemsModelReady": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "items",
+                "methodName": "itemsChanged"
+            }];
+    }
+}
+_GxIdeSelectTeamOrOrg_componentLocale = new WeakMap(), _GxIdeSelectTeamOrOrg_itemsModel = new WeakMap(), _GxIdeSelectTeamOrOrg_chSelectItemEl = new WeakMap(), _GxIdeSelectTeamOrOrg_displayItemsTransitionTime = new WeakMap(), _GxIdeSelectTeamOrOrg_continueHandler = new WeakMap(), _GxIdeSelectTeamOrOrg_cancelHandler = new WeakMap();
+//# sourceMappingURL=select-team-or-org.js.map

package/dist/collection/components/select-team-or-org/select-team-or-org.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-team-or-org.js","sourceRoot":"","sources":["../../../src/components/select-team-or-org/select-team-or-org.tsx"],"names":[],"mappings":"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","sourcesContent":["// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapItemsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-select-team-or-org\",\n  styleUrl: \"select-team-or-org.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-team-or-org\"]\n})\nexport class GxIdeSelectTeamOrOrg {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #itemsModel: ComboBoxItemModel[] = [];\n  #chSelectItemEl: HTMLChComboBoxRenderElement;\n  #displayItemsTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSelectTeamOrOrgElement;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions between slides.\n   */\n  @State() slideIsVisible: boolean = false;\n\n  /**\n   * Defines if the items model is ready to be rendered.\n   */\n  @State() itemsModelReady: boolean = false;\n\n  /**\n   * Callback executed when the user clicks the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks the 'Confirm' button\n   */\n  @Prop() readonly confirmCallback!: (itemId: string) => Promise<void>;\n\n  /**\n   * Whether the picker is selecting a team or an organization.\n   * Drives the title, info message and combo label.\n   */\n  @Prop() readonly selectionType: SelectionType = \"team\";\n\n  /**\n   * Array that contains the selectable items (teams or organizations).\n   */\n  @Prop() readonly items!: SelectableItem[];\n  @Watch(\"items\")\n  itemsChanged(newItems: SelectableItem[]) {\n    this.slideIsVisible = false;\n\n    if (!newItems?.length) {\n      this.itemsModelReady = false;\n      setTimeout(() => {\n        this.slideIsVisible = true;\n      }, this.#displayItemsTransitionTime);\n      return;\n    }\n\n    // switch step\n    setTimeout(() => {\n      this.#itemsModel = mapItemsToComboBoxItemModel(newItems);\n      this.itemsModelReady = true;\n    }, this.#displayItemsTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#displayItemsTransitionTime * 2);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    if (this.items?.length) {\n      this.#itemsModel = mapItemsToComboBoxItemModel(this.items);\n      this.itemsModelReady = true;\n    }\n\n    this.el.style.setProperty(\n      \"--display-items-transtion-time\",\n      this.#displayItemsTransitionTime.toString() + \"ms\"\n    );\n  }\n\n  componentDidLoad() {\n    this.slideIsVisible = true;\n  }\n\n  #continueHandler = async () => {\n    await this.confirmCallback(this.#chSelectItemEl.value);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\n    const kindLocale = this.#componentLocale[this.selectionType];\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              {this.itemsModelReady ? (\n                [\n                  <header class=\"slide__main-header\">\n                    <img\n                      src={ICON_NEXT}\n                      alt=\"\" // decorative\n                    />\n                    <h2\n                      // Split the title into two spans for better styling\n                      class=\"slide__main-title\"\n                    >\n                      <span>{kindLocale.title}</span>\n                    </h2>\n                  </header>,\n                  <div class=\"slide__select-item-description\">\n                    <p class=\"body-semi-bold-l\">{kindLocale.infoMessage}</p>\n                  </div>,\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"items\">{kindLocale.label}</label>\n                      <ch-combo-box-render\n                        id=\"items\"\n                        accessibleName={kindLocale.label}\n                        class=\"combo-box items-list\"\n                        model={this.#itemsModel}\n                        value={this.#itemsModel && this.#itemsModel[0]?.value}\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectItemEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>,\n                  <div class=\"buttons-container\">\n                    <button\n                      class=\"button-primary continue-btn\"\n                      onClick={this.#continueHandler}\n                    >\n                      {this.#componentLocale.confirmButtonCaption}\n                    </button>\n                    <button\n                      class=\"button-secondary cancel-btn\"\n                      onClick={this.#cancelHandler}\n                    >\n                      {this.#componentLocale.cancelButtonCaption}\n                    </button>\n                  </div>\n                ]\n              ) : (\n                <gx-ide-loader\n                  show\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                ></gx-ide-loader>\n              )}\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectableItem = {\n  id: string;\n  name: string;\n};\n\nexport type SelectionType = \"team\" | \"organization\";\n"]}

package/dist/{genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.en.json → collection/components/sign-in-organization/gx-ide-assets/sign-in-organization/langs/sign-in-organization.lang.en.json}

@@ -6,11 +6,11 @@
     "description": "The most advanced professional IDE to build and evolve Intelligent Enterprise Systems.",
     "buttonCaption": "Sign In"
   },
-  "selectUserTeam": {
+  "selectOrganization": {
     "titlePart1": "You have successfully ",
     "titlePart2": "signed in",
-    "infoMessage": "Before proceeding please select your Organization/Team from the list below",
-    "label": "Organization/Team",
+    "infoMessage": "Before proceeding please select your Organization from the list below",
+    "label": "Organization",
     "buttonCaption": "Continue"
   },
   "agreement": {
@@ -20,8 +20,8 @@
     "privacyAndPolicyLink": "privacy policy"
   },
   "loader": {
-    "fetchingTeamsTitle": "Fetching user data",
-    "fetchingTeamsDescription": "Thanks for your patience!",
+    "fetchingOrganizationsTitle": "Fetching user data",
+    "fetchingOrganizationsDescription": "Thanks for your patience!",
     "settingUpSessionTitle": "Setting up session",
     "settingUpDescription": "Thanks for your patience!"
   }

package/dist/{genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.ja.json → collection/components/sign-in-organization/gx-ide-assets/sign-in-organization/langs/sign-in-organization.lang.ja.json}

@@ -6,11 +6,11 @@
     "description": "インテリジェントエンタープライズシステムを構築・進化させるための最も先進的なプロフェッショナルIDE。",
     "buttonCaption": "ログイン"
   },
-  "selectUserTeam": {
+  "selectOrganization": {
     "titlePart1": "ログインに",
     "titlePart2": "成功しました",
-    "infoMessage": "続行する前に、下のリストから組織/チームを選択してください",
-    "label": "組織/チーム",
+    "infoMessage": "続行する前に、下のリストから組織を選択してください",
+    "label": "組織",
     "buttonCaption": "続行"
   },
   "agreement": {
@@ -20,8 +20,8 @@
     "privacyAndPolicyLink": "プライバシーポリシー"
   },
   "loader": {
-    "fetchingTeamsTitle": "ユーザーデータを取得中",
-    "fetchingTeamsDescription": "しばらくお待ちください",
+    "fetchingOrganizationsTitle": "ユーザーデータを取得中",
+    "fetchingOrganizationsDescription": "しばらくお待ちください",
     "settingUpSessionTitle": "セッションを設定中",
     "settingUpDescription": "しばらくお待ちください"
   }

package/dist/collection/components/{sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.en.json → sign-in-organization/gx-ide-assets/sign-in-organization/langs/sign-in-organization.lang.zh.json}

@@ -6,11 +6,11 @@
     "description": "The most advanced professional IDE to build and evolve Intelligent Enterprise Systems.",
     "buttonCaption": "Sign In"
   },
-  "selectUserTeam": {
+  "selectOrganization": {
     "titlePart1": "You have successfully ",
     "titlePart2": "signed in",
-    "infoMessage": "Before proceeding please select your Organization/Team from the list below",
-    "label": "Organization/Team",
+    "infoMessage": "Before proceeding please select your Organization from the list below",
+    "label": "Organization",
     "buttonCaption": "Continue"
   },
   "agreement": {
@@ -20,8 +20,8 @@
     "privacyAndPolicyLink": "privacy policy"
   },
   "loader": {
-    "fetchingTeamsTitle": "Fetching user data",
-    "fetchingTeamsDescription": "Thanks for your patience!",
+    "fetchingOrganizationsTitle": "Fetching user data",
+    "fetchingOrganizationsDescription": "Thanks for your patience!",
     "settingUpSessionTitle": "Setting up session",
     "settingUpDescription": "Thanks for your patience!"
   }

package/dist/collection/components/sign-in-organization/helpers.js

@@ -0,0 +1,10 @@
+export const mapOrganizationsToComboBoxItemModel = (organizations) => {
+    if (!organizations) {
+        return [];
+    }
+    return organizations.map(organization => ({
+        value: organization.id,
+        caption: organization.name
+    }));
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/sign-in-organization/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/sign-in-organization/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,mCAAmC,GAAG,CACjD,aAAkC,EACD,EAAE;IACnC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,EAAE,CAAC;KACX;IACD,OAAO,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACxC,KAAK,EAAE,YAAY,CAAC,EAAE;QACtB,OAAO,EAAE,YAAY,CAAC,IAAI;KAC3B,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { OrganizationData } from \"./sign-in-organization\";\n\nexport const mapOrganizationsToComboBoxItemModel = (\n  organizations?: OrganizationData[]\n): ComboBoxItemModel[] | undefined => {\n  if (!organizations) {\n    return [];\n  }\n  return organizations.map(organization => ({\n    value: organization.id,\n    caption: organization.name\n  }));\n};\n"]}