@genexus/genexus-ide-ui 1.0.31 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-select-user-team.cjs.entry.js +79 -0
- package/dist/cjs/gx-ide-select-user-team.cjs.entry.js.map +1 -0
- package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js +123 -0
- package/dist/cjs/gx-ide-sign-in-team.cjs.entry.js.map +1 -0
- package/dist/cjs/gx-ide-sign-in.cjs.entry.js +16 -73
- package/dist/cjs/gx-ide-sign-in.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/images/copyrights-illustration.png +0 -0
- package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/images/icon-next.svg +4 -0
- package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.en.json +10 -0
- package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.ja.json +10 -0
- package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.zh.json +10 -0
- package/dist/collection/components/select-user-team/helpers.js +9 -0
- package/dist/collection/components/select-user-team/helpers.js.map +1 -0
- package/dist/collection/components/select-user-team/select-user-team.css +62 -0
- package/dist/collection/components/select-user-team/select-user-team.js +118 -0
- package/dist/collection/components/select-user-team/select-user-team.js.map +1 -0
- package/dist/collection/components/sign-in/gx-ide-assets/sign-in/langs/sign-in.lang.en.json +7 -15
- package/dist/collection/components/sign-in/gx-ide-assets/sign-in/langs/sign-in.lang.ja.json +7 -15
- package/dist/collection/components/sign-in/gx-ide-assets/sign-in/langs/sign-in.lang.zh.json +7 -15
- package/dist/collection/components/sign-in/sign-in.css +14 -46
- package/dist/collection/components/sign-in/sign-in.js +19 -141
- package/dist/collection/components/sign-in/sign-in.js.map +1 -1
- package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/images/copyrights-illustration.png +0 -0
- package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/images/icon-next.svg +4 -0
- package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.en.json +18 -0
- package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.ja.json +18 -0
- package/dist/collection/components/sign-in-team/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.zh.json +18 -0
- package/dist/collection/components/sign-in-team/helpers.js.map +1 -0
- package/dist/collection/components/sign-in-team/sign-in-team.css +92 -0
- package/dist/collection/components/sign-in-team/sign-in-team.js +234 -0
- package/dist/collection/components/sign-in-team/sign-in-team.js.map +1 -0
- package/dist/collection/testing/locale.e2e.js +2 -0
- package/dist/collection/testing/locale.e2e.js.map +1 -1
- package/dist/components/gx-ide-select-user-team.d.ts +11 -0
- package/dist/components/gx-ide-select-user-team.js +96 -0
- package/dist/components/gx-ide-select-user-team.js.map +1 -0
- package/dist/components/gx-ide-sign-in-team.d.ts +11 -0
- package/dist/components/gx-ide-sign-in-team.js +147 -0
- package/dist/components/gx-ide-sign-in-team.js.map +1 -0
- package/dist/components/gx-ide-sign-in.js +17 -81
- package/dist/components/gx-ide-sign-in.js.map +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-select-user-team.entry.js +75 -0
- package/dist/esm/gx-ide-select-user-team.entry.js.map +1 -0
- package/dist/esm/gx-ide-sign-in-team.entry.js +119 -0
- package/dist/esm/gx-ide-sign-in-team.entry.js.map +1 -0
- package/dist/esm/gx-ide-sign-in.entry.js +16 -73
- package/dist/esm/gx-ide-sign-in.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/images/copyrights-illustration.png +0 -0
- package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/images/icon-next.svg +4 -0
- package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/langs/select-user-team.lang.en.json +10 -0
- package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/langs/select-user-team.lang.ja.json +10 -0
- package/dist/genexus-ide-ui/gx-ide-assets/select-user-team/langs/select-user-team.lang.zh.json +10 -0
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in/langs/sign-in.lang.en.json +7 -15
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in/langs/sign-in.lang.ja.json +7 -15
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in/langs/sign-in.lang.zh.json +7 -15
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/images/copyrights-illustration.png +0 -0
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/images/icon-next.svg +4 -0
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.en.json +18 -0
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.ja.json +18 -0
- package/dist/genexus-ide-ui/gx-ide-assets/sign-in-team/langs/sign-in-team.lang.zh.json +18 -0
- package/dist/genexus-ide-ui/p-90c8cb0d.entry.js +92 -0
- package/dist/genexus-ide-ui/p-90c8cb0d.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-b189e45d.entry.js +113 -0
- package/dist/genexus-ide-ui/p-b189e45d.entry.js.map +1 -0
- package/dist/genexus-ide-ui/{p-63f198f5.entry.js → p-fe063c9e.entry.js} +69 -65
- package/dist/genexus-ide-ui/p-fe063c9e.entry.js.map +1 -0
- package/dist/types/components/select-user-team/helpers.d.ts +3 -0
- package/dist/types/components/select-user-team/select-user-team.d.ts +18 -0
- package/dist/types/components/sign-in/sign-in.d.ts +3 -29
- package/dist/types/components/{sign-in → sign-in-team}/helpers.d.ts +1 -1
- package/dist/types/components/sign-in-team/sign-in-team.d.ts +42 -0
- package/dist/types/components.d.ts +64 -4
- package/package.json +3 -3
- package/dist/collection/components/sign-in/helpers.js.map +0 -1
- package/dist/genexus-ide-ui/p-63f198f5.entry.js.map +0 -1
- /package/dist/collection/components/{sign-in → sign-in-team}/helpers.js +0 -0
|
@@ -44,8 +44,9 @@ import { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1,
|
|
|
44
44
|
import { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
|
|
45
45
|
import { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
|
|
46
46
|
import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
|
|
47
|
+
import { TeamData } from "./components/select-user-team/select-user-team";
|
|
47
48
|
import { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
|
|
48
|
-
import { AuthStep, TeamData } from "./components/sign-in/sign-in";
|
|
49
|
+
import { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
|
|
49
50
|
import { RecentKBData, SecondarySection } from "./components/start-page/start-page";
|
|
50
51
|
import { CheckedItemsInfo as CheckedItemsInfo1 } from "./components/_helpers/list-selector/list-selector";
|
|
51
52
|
import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback3, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev/commit/commit";
|
|
@@ -96,8 +97,9 @@ export { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1,
|
|
|
96
97
|
export { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
|
|
97
98
|
export { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
|
|
98
99
|
export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
|
|
100
|
+
export { TeamData } from "./components/select-user-team/select-user-team";
|
|
99
101
|
export { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
|
|
100
|
-
export { AuthStep, TeamData } from "./components/sign-in/sign-in";
|
|
102
|
+
export { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
|
|
101
103
|
export { RecentKBData, SecondarySection } from "./components/start-page/start-page";
|
|
102
104
|
export { CheckedItemsInfo as CheckedItemsInfo1 } from "./components/_helpers/list-selector/list-selector";
|
|
103
105
|
export { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback3, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev/commit/commit";
|
|
@@ -1425,6 +1427,16 @@ export namespace Components {
|
|
|
1425
1427
|
*/
|
|
1426
1428
|
"selectorSourceCallback"?: SelectorSourceCallback;
|
|
1427
1429
|
}
|
|
1430
|
+
interface GxIdeSelectUserTeam {
|
|
1431
|
+
/**
|
|
1432
|
+
* Callback executed when the user click the 'continue' button
|
|
1433
|
+
*/
|
|
1434
|
+
"continueCallback": (teamId: string) => Promise<void>;
|
|
1435
|
+
/**
|
|
1436
|
+
* Array that contain the user's teams
|
|
1437
|
+
*/
|
|
1438
|
+
"teams": TeamData[];
|
|
1439
|
+
}
|
|
1428
1440
|
interface GxIdeShareKb {
|
|
1429
1441
|
/**
|
|
1430
1442
|
* Callback that is invoked when the dialog is closed
|
|
@@ -1458,6 +1470,16 @@ export namespace Components {
|
|
|
1458
1470
|
) => Promise<FormSubmitResult>;
|
|
1459
1471
|
}
|
|
1460
1472
|
interface GxIdeSignIn {
|
|
1473
|
+
/**
|
|
1474
|
+
* Callback executed when the user click the Sign In button
|
|
1475
|
+
*/
|
|
1476
|
+
"signInCallback": () => Promise<void>;
|
|
1477
|
+
/**
|
|
1478
|
+
* Callback executed when the user click on the "term and conditions" link
|
|
1479
|
+
*/
|
|
1480
|
+
"termsCallback": () => Promise<void>;
|
|
1481
|
+
}
|
|
1482
|
+
interface GxIdeSignInTeam {
|
|
1461
1483
|
/**
|
|
1462
1484
|
* The authentication step to display
|
|
1463
1485
|
*/
|
|
@@ -1473,7 +1495,7 @@ export namespace Components {
|
|
|
1473
1495
|
/**
|
|
1474
1496
|
* Array that contains the user's teams
|
|
1475
1497
|
*/
|
|
1476
|
-
"teams":
|
|
1498
|
+
"teams": TeamData1[];
|
|
1477
1499
|
/**
|
|
1478
1500
|
* Callback executed when the user clicks on the "term and conditions" link
|
|
1479
1501
|
*/
|
|
@@ -2504,6 +2526,12 @@ declare global {
|
|
|
2504
2526
|
prototype: HTMLGxIdeReferencesElement;
|
|
2505
2527
|
new (): HTMLGxIdeReferencesElement;
|
|
2506
2528
|
};
|
|
2529
|
+
interface HTMLGxIdeSelectUserTeamElement extends Components.GxIdeSelectUserTeam, HTMLStencilElement {
|
|
2530
|
+
}
|
|
2531
|
+
var HTMLGxIdeSelectUserTeamElement: {
|
|
2532
|
+
prototype: HTMLGxIdeSelectUserTeamElement;
|
|
2533
|
+
new (): HTMLGxIdeSelectUserTeamElement;
|
|
2534
|
+
};
|
|
2507
2535
|
interface HTMLGxIdeShareKbElementEventMap {
|
|
2508
2536
|
"componentDidRenderFirstTime": boolean;
|
|
2509
2537
|
}
|
|
@@ -2527,6 +2555,12 @@ declare global {
|
|
|
2527
2555
|
prototype: HTMLGxIdeSignInElement;
|
|
2528
2556
|
new (): HTMLGxIdeSignInElement;
|
|
2529
2557
|
};
|
|
2558
|
+
interface HTMLGxIdeSignInTeamElement extends Components.GxIdeSignInTeam, HTMLStencilElement {
|
|
2559
|
+
}
|
|
2560
|
+
var HTMLGxIdeSignInTeamElement: {
|
|
2561
|
+
prototype: HTMLGxIdeSignInTeamElement;
|
|
2562
|
+
new (): HTMLGxIdeSignInTeamElement;
|
|
2563
|
+
};
|
|
2530
2564
|
interface HTMLGxIdeSplashElement extends Components.GxIdeSplash, HTMLStencilElement {
|
|
2531
2565
|
}
|
|
2532
2566
|
var HTMLGxIdeSplashElement: {
|
|
@@ -2770,8 +2804,10 @@ declare global {
|
|
|
2770
2804
|
"gx-ide-new-object": HTMLGxIdeNewObjectElement;
|
|
2771
2805
|
"gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
|
|
2772
2806
|
"gx-ide-references": HTMLGxIdeReferencesElement;
|
|
2807
|
+
"gx-ide-select-user-team": HTMLGxIdeSelectUserTeamElement;
|
|
2773
2808
|
"gx-ide-share-kb": HTMLGxIdeShareKbElement;
|
|
2774
2809
|
"gx-ide-sign-in": HTMLGxIdeSignInElement;
|
|
2810
|
+
"gx-ide-sign-in-team": HTMLGxIdeSignInTeamElement;
|
|
2775
2811
|
"gx-ide-splash": HTMLGxIdeSplashElement;
|
|
2776
2812
|
"gx-ide-start-page": HTMLGxIdeStartPageElement;
|
|
2777
2813
|
"gx-ide-status-buttons": HTMLGxIdeStatusButtonsElement;
|
|
@@ -4163,6 +4199,16 @@ declare namespace LocalJSX {
|
|
|
4163
4199
|
*/
|
|
4164
4200
|
"selectorSourceCallback"?: SelectorSourceCallback;
|
|
4165
4201
|
}
|
|
4202
|
+
interface GxIdeSelectUserTeam {
|
|
4203
|
+
/**
|
|
4204
|
+
* Callback executed when the user click the 'continue' button
|
|
4205
|
+
*/
|
|
4206
|
+
"continueCallback": (teamId: string) => Promise<void>;
|
|
4207
|
+
/**
|
|
4208
|
+
* Array that contain the user's teams
|
|
4209
|
+
*/
|
|
4210
|
+
"teams": TeamData[];
|
|
4211
|
+
}
|
|
4166
4212
|
interface GxIdeShareKb {
|
|
4167
4213
|
/**
|
|
4168
4214
|
* Callback that is invoked when the dialog is closed
|
|
@@ -4200,6 +4246,16 @@ declare namespace LocalJSX {
|
|
|
4200
4246
|
) => Promise<FormSubmitResult>;
|
|
4201
4247
|
}
|
|
4202
4248
|
interface GxIdeSignIn {
|
|
4249
|
+
/**
|
|
4250
|
+
* Callback executed when the user click the Sign In button
|
|
4251
|
+
*/
|
|
4252
|
+
"signInCallback"?: () => Promise<void>;
|
|
4253
|
+
/**
|
|
4254
|
+
* Callback executed when the user click on the "term and conditions" link
|
|
4255
|
+
*/
|
|
4256
|
+
"termsCallback"?: () => Promise<void>;
|
|
4257
|
+
}
|
|
4258
|
+
interface GxIdeSignInTeam {
|
|
4203
4259
|
/**
|
|
4204
4260
|
* The authentication step to display
|
|
4205
4261
|
*/
|
|
@@ -4215,7 +4271,7 @@ declare namespace LocalJSX {
|
|
|
4215
4271
|
/**
|
|
4216
4272
|
* Array that contains the user's teams
|
|
4217
4273
|
*/
|
|
4218
|
-
"teams":
|
|
4274
|
+
"teams": TeamData1[];
|
|
4219
4275
|
/**
|
|
4220
4276
|
* Callback executed when the user clicks on the "term and conditions" link
|
|
4221
4277
|
*/
|
|
@@ -4731,8 +4787,10 @@ declare namespace LocalJSX {
|
|
|
4731
4787
|
"gx-ide-new-object": GxIdeNewObject;
|
|
4732
4788
|
"gx-ide-object-selector": GxIdeObjectSelector;
|
|
4733
4789
|
"gx-ide-references": GxIdeReferences;
|
|
4790
|
+
"gx-ide-select-user-team": GxIdeSelectUserTeam;
|
|
4734
4791
|
"gx-ide-share-kb": GxIdeShareKb;
|
|
4735
4792
|
"gx-ide-sign-in": GxIdeSignIn;
|
|
4793
|
+
"gx-ide-sign-in-team": GxIdeSignInTeam;
|
|
4736
4794
|
"gx-ide-splash": GxIdeSplash;
|
|
4737
4795
|
"gx-ide-start-page": GxIdeStartPage;
|
|
4738
4796
|
"gx-ide-status-buttons": GxIdeStatusButtons;
|
|
@@ -4791,8 +4849,10 @@ declare module "@stencil/core" {
|
|
|
4791
4849
|
"gx-ide-new-object": LocalJSX.GxIdeNewObject & JSXBase.HTMLAttributes<HTMLGxIdeNewObjectElement>;
|
|
4792
4850
|
"gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
|
|
4793
4851
|
"gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
|
|
4852
|
+
"gx-ide-select-user-team": LocalJSX.GxIdeSelectUserTeam & JSXBase.HTMLAttributes<HTMLGxIdeSelectUserTeamElement>;
|
|
4794
4853
|
"gx-ide-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
|
|
4795
4854
|
"gx-ide-sign-in": LocalJSX.GxIdeSignIn & JSXBase.HTMLAttributes<HTMLGxIdeSignInElement>;
|
|
4855
|
+
"gx-ide-sign-in-team": LocalJSX.GxIdeSignInTeam & JSXBase.HTMLAttributes<HTMLGxIdeSignInTeamElement>;
|
|
4796
4856
|
"gx-ide-splash": LocalJSX.GxIdeSplash & JSXBase.HTMLAttributes<HTMLGxIdeSplashElement>;
|
|
4797
4857
|
"gx-ide-start-page": LocalJSX.GxIdeStartPage & JSXBase.HTMLAttributes<HTMLGxIdeStartPageElement>;
|
|
4798
4858
|
"gx-ide-status-buttons": LocalJSX.GxIdeStatusButtons & JSXBase.HTMLAttributes<HTMLGxIdeStatusButtonsElement>;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/genexus-ide-ui",
|
|
3
3
|
"license": "Apache-2.0",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.32",
|
|
5
5
|
"description": "GeneXus IDE UI components",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@genexus/chameleon-controls-library": ">=6.0.0-next.55",
|
|
38
38
|
"@genexus/gemini": "*2.0.1",
|
|
39
|
-
"@genexus/mercury": "*0.12.
|
|
39
|
+
"@genexus/mercury": "*0.12.6"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@genexus/chameleon-controls-library": ">=6.0.0-next.55",
|
|
43
43
|
"@genexus/gemini": "*2.0.1",
|
|
44
|
-
"@genexus/mercury": "*0.12.
|
|
44
|
+
"@genexus/mercury": "*0.12.6",
|
|
45
45
|
"@stencil-community/eslint-plugin": "~0.7.1",
|
|
46
46
|
"@stencil/core": "~4.9.0",
|
|
47
47
|
"@stencil/sass": "~1.4.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/sign-in/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAkB,EACe,EAAE;IACnC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAC;KACX;IACD,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,KAAK,EAAE,IAAI,CAAC,EAAE;QACd,OAAO,EAAE,IAAI,CAAC,IAAI;KACnB,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in\";\n\nexport const mapTeamsToComboBoxItemModel = (\n teams?: TeamData[]\n): ComboBoxItemModel[] | undefined => {\n if (!teams) {\n return [];\n }\n return teams.map(team => ({\n value: team.id,\n caption: team.name\n }));\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","signInCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","_GxIdeUiSplash_userTeamsModel","_GxIdeUiSplash_chSelectTeamEl","_GxIdeUiSplash_switchStepTransitionTime","_GxIdeUiSplash_authStepInitial","_GxIdeUiSplash_authStepCallback","authStep","signInCallback","__classPrivateFieldGet","_GxIdeUiSplash_continueHandler","call","async","continueCallback","authStepChanged","newAuthStep","slideIsVisible","setTimeout","authStepInternal","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","style","setProperty","toString","render","h","Host","model","class","src","alt","slide__main","titlePart1","titlePart2","hidden","descriptionText","signIn","byContinuingText","onClick","termsCallback","byContinuingCallBackText","selectUserTeam","infoMessage","htmlFor","accessibleName","_a","ref","buttonCaption"],"sources":["src/components/sign-in/helpers.ts","src/components/sign-in/sign-in.scss?tag=gx-ide-sign-in&encapsulation=shadow","src/components/sign-in/sign-in.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in\";\n\nexport const mapTeamsToComboBoxItemModel = (\n teams?: TeamData[]\n): ComboBoxItemModel[] | undefined => {\n if (!teams) {\n return [];\n }\n return teams.map(team => ({\n value: team.id,\n caption: team.name\n }));\n};\n",":host {\n display: grid;\n container-type: inline-size;\n container-name: host-container;\n block-size: 100%;\n inline-size: 100%;\n align-items: center;\n justify-content: center;\n padding: var(--mer-spacing--xl);\n}\n\n.slide {\n display: grid;\n grid-template-columns: 1fr 1fr;\n block-size: 100%;\n max-block-size: 700px;\n max-inline-size: 1100px;\n background-color: var(--mer-surface__elevation--01);\n border-radius: var(--mer-spacing--md);\n overflow: hidden;\n\n &__illustration {\n overflow: hidden;\n object-fit: cover;\n object-position: left;\n block-size: 100%;\n inline-size: 100%;\n }\n\n &__main {\n display: grid;\n block-size: 100%;\n inline-size: 100%;\n padding: var(--mer-spacing--3xl);\n transform: translateY(var(--mer-spacing--2xs));\n transition: var(--switch-step-transtion-time) all;\n opacity: 0;\n\n &--visible {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n &__main-container {\n display: grid;\n place-self: center;\n gap: var(--mer-spacing--lg);\n max-inline-size: 480px;\n }\n\n &__main-header {\n display: grid;\n gap: var(--mer-spacing--lg);\n }\n\n &__main-title {\n display: flex;\n flex-direction: column;\n font-size: var(--mer-font__size--xl);\n font-weight: var(--mer-font__weight--semi-bold);\n letter-spacing: 0.02em;\n color: var(--mer-text__on-surface);\n }\n\n &__main-description {\n display: grid;\n gap: var(--mer-spacing--2xl);\n font-size: var(--mer-font__size--sm);\n font-weight: var(--mer-font__weight--light);\n line-height: var(--mer-line-height--spaced);\n color: var(--mer-text__complementary);\n }\n}\n\n.terms-conditions {\n text-decoration: underline;\n}\n\n.teams-list {\n inline-size: 100%;\n max-inline-size: 400px;\n}\n\n.main-btn {\n inline-size: 100%;\n max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n .slide {\n grid-template-columns: 1fr 2fr;\n }\n}\n\n@container host-container (max-width: 640px) {\n .slide {\n grid-template-columns: 1fr 5fr;\n }\n}\n","// 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 { mapTeamsToComboBoxItemModel } 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-sign-in\",\n styleUrl: \"sign-in.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/sign-in\"]\n})\nexport class GxIdeUiSplash {\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 // Select User Team References :\n #userTeamsModel: ComboBoxItemModel[] = [];\n #chSelectTeamEl: HTMLChComboBoxRenderElement;\n #switchStepTransitionTime: number = 100;\n #authStepInitial: AuthStep = \"signIn\";\n\n @Element() el: HTMLGxIdeSignInElement;\n\n /**\n * This is a hand over from \"authStep\", that allows updating descriptions once the slide is hidden. This allows a smooth transition between descriptions.\n */\n @State() authStepInternal: AuthStep = this.#authStepInitial;\n\n /**\n * Defines iv the main slide is visible or not. Used to do a smooth transition between slides.\n */\n @State() slideIsVisible: boolean = true;\n\n /**\n * The authentication step to display\n */\n @Prop() readonly authStep: AuthStep = this.#authStepInitial;\n @Watch(\"authStep\")\n authStepChanged(newAuthStep: AuthStep) {\n this.slideIsVisible = false;\n // switch step\n setTimeout(() => {\n this.authStepInternal = newAuthStep;\n }, this.#switchStepTransitionTime);\n // show slide\n setTimeout(() => {\n this.slideIsVisible = true;\n }, this.#switchStepTransitionTime * 2);\n }\n\n /**\n * Callback executed when the user clicks the 'Continue' button\n */\n @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n /**\n * Callback executed when the user click the \"Sign In\" button\n */\n @Prop() readonly signInCallback: () => Promise<void>;\n\n /**\n * Array that contains the user's teams\n */\n @Prop() readonly teams!: TeamData[];\n\n /**\n * Callback executed when the user clicks on the \"term and conditions\" link\n */\n @Prop() readonly termsCallback: () => Promise<void>;\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.#userTeamsModel = mapTeamsToComboBoxItemModel(this.teams);\n this.el.style.setProperty(\n \"--switch-step-transtion-time\",\n this.#switchStepTransitionTime.toString() + \"ms\"\n );\n }\n\n #authStepCallback = () => {\n if (this.authStep === \"signIn\") {\n this.signInCallback();\n } else if (this.authStep === \"selectUserTeam\") {\n this.#continueHandler();\n }\n };\n\n #continueHandler = async () => {\n await this.continueCallback(this.#chSelectTeamEl.value);\n };\n\n render() {\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 <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>\n {this.#componentLocale[this.authStepInternal].titlePart1}\n </span>\n <span>\n {this.#componentLocale[this.authStepInternal].titlePart2}\n </span>\n </h2>\n </header>\n\n {this.authStepInternal === \"signIn\" ? (\n <div class=\"slide__main-description\">\n <p hidden>\n <span>{this.#componentLocale.descriptionText}</span>\n </p>\n <span>\n {this.#componentLocale.signIn.byContinuingText}\n <a class=\"terms-conditions\" onClick={this.termsCallback}>\n {this.#componentLocale.signIn.byContinuingCallBackText}\n </a>\n </span>\n </div>\n ) : (\n [\n <div class=\"slide__select-team-description\">\n <p class=\"text-body-highlighted-l\">\n {this.#componentLocale.selectUserTeam.infoMessage}\n </p>\n </div>,\n\n <div class=\"field-group\">\n <div class=\"field field-block\">\n <label htmlFor=\"teams\">\n {this.#componentLocale.teams}\n </label>\n <ch-combo-box-render\n id=\"teams\"\n accessibleName=\"Teams\"\n class=\"combo-box teams-list\"\n model={this.#userTeamsModel}\n value={this.#userTeamsModel[0]?.value}\n ref={(el: HTMLChComboBoxRenderElement) =>\n (this.#chSelectTeamEl =\n el as HTMLChComboBoxRenderElement)\n }\n ></ch-combo-box-render>\n </div>\n </div>\n ]\n )}\n\n <div>\n <button\n class=\"button-primary main-btn\"\n onClick={this.#authStepCallback}\n >\n {this.#componentLocale[this.authStepInternal].buttonCaption}\n </button>\n </div>\n </div>\n </div>\n </section>\n </Host>\n );\n }\n}\n\nexport type AuthStep = \"signIn\" | \"selectUserTeam\";\n\nexport type TeamData = {\n id: string;\n name: string;\n};\n"],"mappings":"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"}
|
|
File without changes
|