@genexus/genexus-ide-ui 0.0.62 → 0.0.63

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.
Files changed (113) hide show
  1. package/dist/cjs/{ch-tree-x_3.cjs.entry.js → ch-checkbox_4.cjs.entry.js} +277 -71
  2. package/dist/cjs/ch-next-data-modeling-render.cjs.entry.js +242 -0
  3. package/dist/cjs/{ch-next-data-modeling-item.cjs.entry.js → ch-next-data-modeling_2.cjs.entry.js} +20 -1
  4. package/dist/cjs/ch-tree-view-render-wrapper.cjs.entry.js +160 -0
  5. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  6. package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +41 -39
  7. package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +23 -11
  8. package/dist/cjs/gx-ide-test.cjs.entry.js +107 -122
  9. package/dist/cjs/gxg-color-picker.cjs.entry.js +2 -2
  10. package/dist/cjs/gxg-title-editable.cjs.entry.js +11 -4
  11. package/dist/cjs/{gxg-tree_2.cjs.entry.js → gxg-tree-item.cjs.entry.js} +0 -212
  12. package/dist/cjs/gxg-tree-view.cjs.entry.js +165 -0
  13. package/dist/cjs/gxg-tree.cjs.entry.js +218 -0
  14. package/dist/cjs/loader.cjs.js +1 -1
  15. package/dist/collection/collection-manifest.json +5 -3
  16. package/dist/collection/components/_test/test.css +5 -0
  17. package/dist/collection/components/_test/test.js +109 -220
  18. package/dist/collection/components/kb-manager-export/helpers.js +7 -23
  19. package/dist/collection/components/kb-manager-export/kb-manager-export.css +20 -0
  20. package/dist/collection/components/kb-manager-export/kb-manager-export.js +42 -22
  21. package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +1 -0
  22. package/dist/collection/components/kb-manager-import/kb-manager-import.js +23 -11
  23. package/dist/components/ch-next-data-modeling-item.js +1 -457
  24. package/dist/components/ch-next-data-modeling-render.js +295 -0
  25. package/dist/components/ch-next-data-modeling.js +1 -27
  26. package/dist/components/ch-tree-view-item.js +6 -0
  27. package/dist/components/ch-tree-view-render-wrapper.js +224 -0
  28. package/dist/components/ch-tree-view-render.js +6 -0
  29. package/dist/components/ch-tree-view.js +6 -0
  30. package/dist/components/gx-ide-kb-manager-export.js +75 -73
  31. package/dist/components/gx-ide-kb-manager-import.js +38 -20
  32. package/dist/components/gx-ide-references.js +21 -15
  33. package/dist/components/gx-ide-test.js +120 -160
  34. package/dist/components/gxg-color-picker.js +2 -2
  35. package/dist/components/gxg-title-editable.js +12 -4
  36. package/dist/components/gxg-tree-item.js +614 -1
  37. package/dist/components/gxg-tree-view.js +2 -2
  38. package/dist/components/gxg-tree.js +236 -1
  39. package/dist/components/index.js +5 -3
  40. package/dist/components/next-data-modeling-item.js +466 -0
  41. package/dist/{esm/ch-next-data-modeling.entry.js → components/next-data-modeling.js} +21 -7
  42. package/dist/components/{tree-x-list-item.js → tree-view-item.js} +9 -9
  43. package/dist/components/{ch-test-tree-x.js → tree-view-render.js} +168 -28
  44. package/dist/components/tree-view.js +410 -435
  45. package/dist/components/tree-view2.js +226 -0
  46. package/dist/esm/{ch-tree-x_3.entry.js → ch-checkbox_4.entry.js} +275 -70
  47. package/dist/esm/ch-next-data-modeling-render.entry.js +238 -0
  48. package/dist/esm/{ch-next-data-modeling-item.entry.js → ch-next-data-modeling_2.entry.js} +21 -3
  49. package/dist/esm/ch-tree-view-render-wrapper.entry.js +156 -0
  50. package/dist/esm/genexus-ide-ui.js +1 -1
  51. package/dist/esm/gx-ide-kb-manager-export.entry.js +41 -39
  52. package/dist/esm/gx-ide-kb-manager-import.entry.js +23 -11
  53. package/dist/esm/gx-ide-test.entry.js +108 -123
  54. package/dist/esm/gxg-color-picker.entry.js +2 -2
  55. package/dist/esm/gxg-title-editable.entry.js +11 -4
  56. package/dist/{components/gxg-tree-item2.js → esm/gxg-tree-item.entry.js} +9 -79
  57. package/dist/esm/gxg-tree-view.entry.js +161 -0
  58. package/dist/{components/gxg-tree2.js → esm/gxg-tree.entry.js} +8 -32
  59. package/dist/esm/loader.js +1 -1
  60. package/dist/genexus-ide-ui/genexus-ide-ui.css +1 -1
  61. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  62. package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +1 -0
  63. package/dist/genexus-ide-ui/p-13177896.entry.js +1 -0
  64. package/dist/genexus-ide-ui/p-19fef562.entry.js +1 -0
  65. package/dist/genexus-ide-ui/p-2781b92a.entry.js +1 -0
  66. package/dist/genexus-ide-ui/p-2c17e71d.entry.js +1 -0
  67. package/dist/genexus-ide-ui/p-40a57a36.entry.js +1 -0
  68. package/dist/genexus-ide-ui/p-636d02fa.entry.js +1 -0
  69. package/dist/genexus-ide-ui/p-7b63be93.entry.js +1 -0
  70. package/dist/genexus-ide-ui/p-8a7c4561.entry.js +1 -0
  71. package/dist/genexus-ide-ui/p-a2cb0e6b.entry.js +1 -0
  72. package/dist/genexus-ide-ui/p-a9c8b373.entry.js +1 -0
  73. package/dist/genexus-ide-ui/p-b819706e.entry.js +1 -0
  74. package/dist/genexus-ide-ui/p-bacd879c.entry.js +1 -0
  75. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/next/data-modeling-render/next-data-modeling-render.css +3 -0
  76. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/tree-view/tree-view-render.css +3 -0
  77. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.css +0 -0
  78. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.css +45 -0
  79. package/dist/node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css +17 -3
  80. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +5 -2
  81. package/dist/types/common/helpers.d.ts +2 -2
  82. package/dist/types/components/_test/test.d.ts +3 -35
  83. package/dist/types/components/kb-manager-export/helpers.d.ts +4 -4
  84. package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +10 -5
  85. package/dist/types/components/kb-manager-import/helpers.d.ts +3 -3
  86. package/dist/types/components/kb-manager-import/kb-manager-import.d.ts +7 -6
  87. package/dist/types/components/references/helpers.d.ts +2 -2
  88. package/dist/types/components/references/references.d.ts +3 -3
  89. package/dist/types/components.d.ts +3 -60
  90. package/package.json +3 -3
  91. package/dist/cjs/ch-checkbox.cjs.entry.js +0 -93
  92. package/dist/cjs/ch-next-data-modeling.cjs.entry.js +0 -19
  93. package/dist/cjs/ch-test-tree-x.cjs.entry.js +0 -458
  94. package/dist/components/ch-tree-x-list-item.js +0 -6
  95. package/dist/components/ch-tree-x.js +0 -6
  96. package/dist/components/tree-x.js +0 -504
  97. package/dist/esm/ch-checkbox.entry.js +0 -89
  98. package/dist/esm/ch-test-tree-x.entry.js +0 -454
  99. package/dist/esm/gxg-tree_2.entry.js +0 -757
  100. package/dist/genexus-ide-ui/p-092ccacd.entry.js +0 -1
  101. package/dist/genexus-ide-ui/p-1ad68b23.entry.js +0 -3
  102. package/dist/genexus-ide-ui/p-3442d19a.entry.js +0 -1
  103. package/dist/genexus-ide-ui/p-39968306.entry.js +0 -1
  104. package/dist/genexus-ide-ui/p-5755f985.entry.js +0 -1
  105. package/dist/genexus-ide-ui/p-85597097.entry.js +0 -1
  106. package/dist/genexus-ide-ui/p-9e530c7d.entry.js +0 -1
  107. package/dist/genexus-ide-ui/p-ad5040e4.entry.js +0 -1
  108. package/dist/genexus-ide-ui/p-aeb3b032.entry.js +0 -1
  109. package/dist/genexus-ide-ui/p-c53522c9.entry.js +0 -1
  110. package/dist/genexus-ide-ui/p-d104f9a4.entry.js +0 -1
  111. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +0 -3
  112. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-x/tree-x.css +0 -45
  113. /package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/{tree-x-list-item/tree-x-list-item.css → tree-view-item/tree-view-item.css} +0 -0
@@ -15,7 +15,7 @@ import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/di
15
15
  import { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
16
16
  import { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
17
17
  import { FileSelectorLabels, LabelPosition as LabelPosition2 } from "./components/file-selector/file-selector";
18
- import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
18
+ import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
19
19
  import { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback1, ExportCallback, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
20
20
  import { CancelCallback as CancelCallback2, ImportCallback, LoadCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
21
21
  import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
@@ -33,7 +33,6 @@ import { cancelCallback, confirmCallback } from "./components/team-dev/select-re
33
33
  import { ConfirmCallback as ConfirmCallback1, GridContextMenuCallback, LoadCallback as LoadCallback3, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev/update/team-dev-update";
34
34
  import { AddCallback, CancelCallback as CancelCallback7, ConfirmCallback as ConfirmCallback2, ObjectData as ObjectData1 } from "./components/team-dev/update-partial-selection/team-dev-update-partial-selection";
35
35
  import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/team-dev-update-to-revision";
36
- import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
37
36
  import { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
38
37
  import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback4, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/ww-images/ww-images";
39
38
  export namespace Components {
@@ -336,7 +335,7 @@ export namespace Components {
336
335
  /**
337
336
  * Just for testing. Remove when this is is done (Bruno)
338
337
  */
339
- "dummyInitialTree": TreeXItemModel[];
338
+ "dummyInitialTree": TreeViewItemModel[];
340
339
  /**
341
340
  * Callback invoked when the user wants to initiate the export process.
342
341
  * @param fileName :string
@@ -967,34 +966,6 @@ export namespace Components {
967
966
  "mainTile": string;
968
967
  }
969
968
  interface GxIdeTest {
970
- /**
971
- * A callback that returns a Promise with the new tree model
972
- */
973
- "lazyLoadTreeItemsCallback": (
974
- treeItemId: string
975
- ) => Promise<GxgTreeItemData[]>;
976
- /**
977
- * A new lazy node
978
- */
979
- "lazyNode": GxgTreeItemData[];
980
- /**
981
- * The new tree node to update
982
- */
983
- "newNode": GxgTreeItemData[];
984
- /**
985
- * Update tree model test
986
- */
987
- "testUpdateNode": false;
988
- /**
989
- * The model for a gxg-tree
990
- */
991
- "treeModel": GxgTreeItemData[];
992
- /**
993
- * A new lazy node
994
- */
995
- "updateLazyCallback": (
996
- id: string
997
- ) => Promise<GxgTreeItemData[]>;
998
969
  }
999
970
  interface GxIdeTitle {
1000
971
  /**
@@ -1722,7 +1693,7 @@ declare namespace LocalJSX {
1722
1693
  /**
1723
1694
  * Just for testing. Remove when this is is done (Bruno)
1724
1695
  */
1725
- "dummyInitialTree"?: TreeXItemModel[];
1696
+ "dummyInitialTree"?: TreeViewItemModel[];
1726
1697
  /**
1727
1698
  * Callback invoked when the user wants to initiate the export process.
1728
1699
  * @param fileName :string
@@ -2445,38 +2416,10 @@ declare namespace LocalJSX {
2445
2416
  "onComponentDidRenderFirstTime"?: (event: GxIdeTemplateCustomEvent<string>) => void;
2446
2417
  }
2447
2418
  interface GxIdeTest {
2448
- /**
2449
- * A callback that returns a Promise with the new tree model
2450
- */
2451
- "lazyLoadTreeItemsCallback"?: (
2452
- treeItemId: string
2453
- ) => Promise<GxgTreeItemData[]>;
2454
- /**
2455
- * A new lazy node
2456
- */
2457
- "lazyNode"?: GxgTreeItemData[];
2458
- /**
2459
- * The new tree node to update
2460
- */
2461
- "newNode"?: GxgTreeItemData[];
2462
2419
  /**
2463
2420
  * @description Gets fired when the component has rendered for the first time.
2464
2421
  */
2465
2422
  "onComponentDidRenderFirstTime"?: (event: GxIdeTestCustomEvent<string>) => void;
2466
- /**
2467
- * Update tree model test
2468
- */
2469
- "testUpdateNode"?: false;
2470
- /**
2471
- * The model for a gxg-tree
2472
- */
2473
- "treeModel"?: GxgTreeItemData[];
2474
- /**
2475
- * A new lazy node
2476
- */
2477
- "updateLazyCallback"?: (
2478
- id: string
2479
- ) => Promise<GxgTreeItemData[]>;
2480
2423
  }
2481
2424
  interface GxIdeTitle {
2482
2425
  /**
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": "0.0.62",
4
+ "version": "0.0.63",
5
5
  "description": "GeneXus IDE UI components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -36,10 +36,10 @@
36
36
  "@types/react": "^18.2.8"
37
37
  },
38
38
  "peerDependencies": {
39
- "@genexus/gemini": "*0.1.542"
39
+ "@genexus/gemini": "*0.2.2"
40
40
  },
41
41
  "devDependencies": {
42
- "@genexus/gemini": "*0.1.542",
42
+ "@genexus/gemini": "*0.2.2",
43
43
  "@stencil-community/eslint-plugin": "^0.5.0",
44
44
  "@stencil/core": "^2.17.0",
45
45
  "@stencil/sass": "^2.0.1",
@@ -1,93 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-5a32426a.js');
6
- const reserverdNames = require('./reserverd-names-1b00889a.js');
7
-
8
- const checkboxCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";
9
-
10
- const CHECKBOX_ID = "checkbox";
11
- const PARTS = (checked, indeterminate) => `${checked ? " checked" : ""}${indeterminate ? " indeterminate" : ""}`;
12
- const CheckBox = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- this.click = index.createEvent(this, "click", 7);
16
- this.input = index.createEvent(this, "input", 7);
17
- /**
18
- * This attribute lets you specify if the element is disabled.
19
- * If disabled, it will not fire any user interaction related event
20
- * (for example, click event).
21
- */
22
- this.disabled = false;
23
- /**
24
- * True to highlight control when an action is fired.
25
- */
26
- this.highlightable = false;
27
- /**
28
- * `true` if the control's value is indeterminate.
29
- */
30
- this.indeterminate = false;
31
- /**
32
- * This attribute indicates that the user cannot modify the value of the control.
33
- * Same as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
34
- * attribute for `input` elements.
35
- */
36
- this.readonly = false;
37
- this.getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;
38
- /**
39
- * Checks if it is necessary to prevent the click from bubbling
40
- */
41
- this.handleClick = (event) => {
42
- if (this.readonly || this.disabled) {
43
- return;
44
- }
45
- event.stopPropagation();
46
- };
47
- this.handleChange = (event) => {
48
- event.stopPropagation();
49
- const inputRef = event.target;
50
- const checked = inputRef.checked;
51
- const value = this.getValue(checked);
52
- this.checked = checked;
53
- this.value = value;
54
- inputRef.value = value; // Update input's value before emitting the event
55
- this.input.emit(event);
56
- if (this.highlightable) {
57
- this.click.emit();
58
- }
59
- };
60
- }
61
- valueChanged() {
62
- this.checked = this.value === this.checkedValue;
63
- }
64
- componentWillLoad() {
65
- this.checked = this.value === this.checkedValue;
66
- }
67
- render() {
68
- var _a;
69
- const additionalParts = PARTS(this.checked, this.indeterminate);
70
- return (index.h(index.Host, { class: {
71
- [reserverdNames.DISABLED_CLASS]: this.disabled,
72
- "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
73
- (this.readonly && this.highlightable)
74
- } }, index.h("div", { class: {
75
- container: true,
76
- "container--checked": this.checked
77
- }, part: `container${additionalParts}` }, index.h("input", { "aria-label": ((_a = this.accessibleName) === null || _a === void 0 ? void 0 : _a.trim()) !== "" &&
78
- this.accessibleName !== this.caption
79
- ? this.accessibleName
80
- : null, id: this.caption ? CHECKBOX_ID : null, class: "input", part: "input", type: "checkbox", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), index.h("div", { class: {
81
- option: true,
82
- "option--checked": this.checked && !this.indeterminate,
83
- "option--indeterminate": this.indeterminate
84
- }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (index.h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
85
- }
86
- get element() { return index.getElement(this); }
87
- static get watchers() { return {
88
- "value": ["valueChanged"]
89
- }; }
90
- };
91
- CheckBox.style = checkboxCss;
92
-
93
- exports.ch_checkbox = CheckBox;
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-5a32426a.js');
6
-
7
- const nextDataModelingCss = "ch-next-data-modeling{--delete-icon:url('data:image/svg+xml,<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.87729 4.55154H12.1585V14.3936C12.1613 14.8186 11.9944 15.2273 11.6949 15.5288C11.3953 15.8304 10.9878 16 10.5627 16H3.47304C3.04797 16 2.64046 15.8304 2.34089 15.5288C2.04133 15.2273 1.87447 14.8186 1.87729 14.3936V4.55154ZM10.5734 1.42436V1.25301C10.5676 0.559264 10.0035 0 9.30972 0H4.72605C4.03228 0 3.46821 0.559264 3.46233 1.25301V1.42436H0.078125V3.03079H14.0005V1.42436H10.5734Z\" fill=\"%23000\"/></svg>');--edit-icon:url('data:image/svg+xml,<svg width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.4291 5.4137L10.8838 1.73151L12.0517 0.50411C12.3715 0.168037 12.7644 0 13.2304 0C13.6964 0 14.089 0.168037 14.4082 0.50411L15.5761 1.73151C15.8958 2.06758 16.0627 2.47321 16.0766 2.94838C16.0905 3.42356 15.9376 3.82889 15.6178 4.16438L14.4291 5.4137ZM13.2195 6.70685L4.37728 16H0.832031V12.274L9.67429 2.98082L13.2195 6.70685Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;flex:1;height:100%}";
8
-
9
- const NextDataModeling = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- }
13
- render() {
14
- return (index.h(index.Host, { role: "list" }, index.h("slot", null)));
15
- }
16
- };
17
- NextDataModeling.style = nextDataModelingCss;
18
-
19
- exports.ch_next_data_modeling = NextDataModeling;