@ganpatiinfo/gids-web-dom-reference 2.0.6 → 2.0.8

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/CHANGELOG.md +25 -0
  2. package/dist/components/GidsAvatar/GidsAvatar.d.ts +7 -0
  3. package/dist/components/GidsAvatar/GidsAvatar.d.ts.map +1 -0
  4. package/dist/components/GidsAvatar/GidsAvatar.js +42 -0
  5. package/dist/components/GidsAvatar/GidsAvatar.js.map +1 -0
  6. package/dist/components/GidsAvatarGroup/GidsAvatarGroup.d.ts +7 -0
  7. package/dist/components/GidsAvatarGroup/GidsAvatarGroup.d.ts.map +1 -0
  8. package/dist/components/GidsAvatarGroup/GidsAvatarGroup.js +10 -0
  9. package/dist/components/GidsAvatarGroup/GidsAvatarGroup.js.map +1 -0
  10. package/dist/components/GidsBadge/GidsBadge.d.ts +1 -1
  11. package/dist/components/GidsBadge/GidsBadge.d.ts.map +1 -1
  12. package/dist/components/GidsBadge/GidsBadge.js +1 -1
  13. package/dist/components/GidsBadge/GidsBadge.js.map +1 -1
  14. package/dist/components/GidsButton/GidsButton.d.ts +1 -1
  15. package/dist/components/GidsButton/GidsButton.d.ts.map +1 -1
  16. package/dist/components/GidsButton/GidsButton.js +2 -2
  17. package/dist/components/GidsButton/GidsButton.js.map +1 -1
  18. package/dist/components/GidsCheckbox/GidsCheckbox.d.ts.map +1 -1
  19. package/dist/components/GidsCheckbox/GidsCheckbox.js +2 -2
  20. package/dist/components/GidsCheckbox/GidsCheckbox.js.map +1 -1
  21. package/dist/components/GidsCheckboxGroup/GidsCheckboxGroup.d.ts +1 -1
  22. package/dist/components/GidsCheckboxGroup/GidsCheckboxGroup.d.ts.map +1 -1
  23. package/dist/components/GidsCheckboxGroup/GidsCheckboxGroup.js +1 -1
  24. package/dist/components/GidsCheckboxGroup/GidsCheckboxGroup.js.map +1 -1
  25. package/dist/components/GidsDisplayTag/GidsDisplayTag.d.ts +1 -1
  26. package/dist/components/GidsDisplayTag/GidsDisplayTag.d.ts.map +1 -1
  27. package/dist/components/GidsDivider/GidsDivider.d.ts.map +1 -1
  28. package/dist/components/GidsIcon/GidsIcon.d.ts.map +1 -1
  29. package/dist/components/GidsInputTag/GidsInputTag.d.ts +7 -0
  30. package/dist/components/GidsInputTag/GidsInputTag.d.ts.map +1 -0
  31. package/dist/components/GidsInputTag/GidsInputTag.js +38 -0
  32. package/dist/components/GidsInputTag/GidsInputTag.js.map +1 -0
  33. package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.d.ts +6 -0
  34. package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.d.ts.map +1 -0
  35. package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.js +17 -0
  36. package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.js.map +1 -0
  37. package/dist/components/GidsLabel/GidsLabel.d.ts +1 -1
  38. package/dist/components/GidsLabel/GidsLabel.d.ts.map +1 -1
  39. package/dist/components/GidsLabel/GidsLabel.js +1 -1
  40. package/dist/components/GidsLabel/GidsLabel.js.map +1 -1
  41. package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.d.ts.map +1 -1
  42. package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js +2 -2
  43. package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js.map +1 -1
  44. package/dist/components/GidsLink/GidsLink.d.ts +1 -1
  45. package/dist/components/GidsLink/GidsLink.d.ts.map +1 -1
  46. package/dist/components/GidsLink/GidsLink.js +1 -1
  47. package/dist/components/GidsLink/GidsLink.js.map +1 -1
  48. package/dist/components/GidsRadio/GidsRadio.d.ts +1 -1
  49. package/dist/components/GidsRadio/GidsRadio.d.ts.map +1 -1
  50. package/dist/components/GidsRadio/GidsRadio.js +2 -2
  51. package/dist/components/GidsRadio/GidsRadio.js.map +1 -1
  52. package/dist/components/GidsRadioGroup/GidsRadioGroup.d.ts +1 -1
  53. package/dist/components/GidsRadioGroup/GidsRadioGroup.d.ts.map +1 -1
  54. package/dist/components/GidsRadioGroup/GidsRadioGroup.js +1 -1
  55. package/dist/components/GidsRadioGroup/GidsRadioGroup.js.map +1 -1
  56. package/dist/components/GidsSpinner/GidsSpinner.d.ts.map +1 -1
  57. package/dist/components/GidsSpinner/GidsSpinner.js +1 -1
  58. package/dist/components/GidsSpinner/GidsSpinner.js.map +1 -1
  59. package/dist/components/GidsSwitch/GidsSwitch.d.ts +1 -1
  60. package/dist/components/GidsSwitch/GidsSwitch.d.ts.map +1 -1
  61. package/dist/components/GidsSwitch/GidsSwitch.js +2 -2
  62. package/dist/components/GidsSwitch/GidsSwitch.js.map +1 -1
  63. package/dist/components/GidsSwitchGroup/GidsSwitchGroup.d.ts +1 -1
  64. package/dist/components/GidsSwitchGroup/GidsSwitchGroup.d.ts.map +1 -1
  65. package/dist/components/GidsSwitchGroup/GidsSwitchGroup.js +1 -1
  66. package/dist/components/GidsSwitchGroup/GidsSwitchGroup.js.map +1 -1
  67. package/dist/components/GidsTagGroup/GidsTagGroup.d.ts +7 -0
  68. package/dist/components/GidsTagGroup/GidsTagGroup.d.ts.map +1 -0
  69. package/dist/components/GidsTagGroup/GidsTagGroup.js +10 -0
  70. package/dist/components/GidsTagGroup/GidsTagGroup.js.map +1 -0
  71. package/dist/components/GidsToggleButton/GidsToggleButton.d.ts +1 -1
  72. package/dist/components/GidsToggleButton/GidsToggleButton.d.ts.map +1 -1
  73. package/dist/components/GidsToggleButton/GidsToggleButton.js +2 -2
  74. package/dist/components/GidsToggleButton/GidsToggleButton.js.map +1 -1
  75. package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.d.ts.map +1 -1
  76. package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.js +2 -2
  77. package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.js.map +1 -1
  78. package/dist/components/_GidsRadioControl/GidsRadioControl.d.ts.map +1 -1
  79. package/dist/components/_GidsRadioControl/GidsRadioControl.js +1 -1
  80. package/dist/components/_GidsRadioControl/GidsRadioControl.js.map +1 -1
  81. package/dist/components/_GidsSpinnerControl/GidsSpinnerControl.d.ts.map +1 -1
  82. package/dist/components/_GidsSwitchControl/GidsSwitchControl.d.ts.map +1 -1
  83. package/dist/components/_GidsSwitchControl/GidsSwitchControl.js +2 -2
  84. package/dist/components/_GidsSwitchControl/GidsSwitchControl.js.map +1 -1
  85. package/dist/index.d.ts +26 -21
  86. package/dist/index.d.ts.map +1 -1
  87. package/dist/index.js +26 -21
  88. package/dist/index.js.map +1 -1
  89. package/dist/utils/domUtils.d.ts.map +1 -1
  90. package/package.json +4 -4
  91. package/src/components/GidsAvatar/GidsAvatar.ts +66 -0
  92. package/src/components/GidsAvatarGroup/GidsAvatarGroup.ts +27 -0
  93. package/src/components/GidsBadge/GidsBadge.ts +1 -1
  94. package/src/components/GidsButton/GidsButton.ts +2 -2
  95. package/src/components/GidsCheckbox/GidsCheckbox.ts +2 -2
  96. package/src/components/GidsCheckboxGroup/GidsCheckboxGroup.ts +1 -1
  97. package/src/components/GidsDisplayTag/GidsDisplayTag.ts +1 -1
  98. package/src/components/GidsInputTag/GidsInputTag.ts +62 -0
  99. package/src/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.ts +31 -0
  100. package/src/components/GidsLabel/GidsLabel.ts +1 -1
  101. package/src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.ts +2 -2
  102. package/src/components/GidsLink/GidsLink.ts +1 -1
  103. package/src/components/GidsRadio/GidsRadio.ts +3 -3
  104. package/src/components/GidsRadioGroup/GidsRadioGroup.ts +1 -1
  105. package/src/components/GidsSpinner/GidsSpinner.ts +1 -1
  106. package/src/components/GidsSwitch/GidsSwitch.ts +3 -3
  107. package/src/components/GidsSwitchGroup/GidsSwitchGroup.ts +1 -1
  108. package/src/components/GidsTagGroup/GidsTagGroup.ts +22 -0
  109. package/src/components/GidsToggleButton/GidsToggleButton.ts +2 -2
  110. package/src/components/_GidsCheckboxControl/GidsCheckboxControl.ts +2 -2
  111. package/src/components/_GidsRadioControl/GidsRadioControl.ts +1 -1
  112. package/src/components/_GidsSwitchControl/GidsSwitchControl.ts +2 -2
  113. package/src/index.ts +26 -21
@@ -1,5 +1,5 @@
1
1
  import { type GidsLinkCommonProps } from '@ganpatiinfo/gids-core-shared';
2
- import { appendAsChildren, type DomChildren } from '../../utils/domUtils';
2
+ import { appendAsChildren, type DomChildren } from '../../utils/domUtils.js';
3
3
  import {
4
4
  type ClassValue,
5
5
  GidsLinkWebUtils,
@@ -4,9 +4,9 @@ import {
4
4
  type GidsRadioWebProps,
5
5
  GidsRadioWebUtils,
6
6
  } from '@ganpatiinfo/gids-web-shared';
7
- import { GidsRadioControlDom } from '../_GidsRadioControl/GidsRadioControl';
8
- import { GidsLabelDom } from '../GidsLabel/GidsLabel';
9
- import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
7
+ import { GidsRadioControlDom } from '../_GidsRadioControl/GidsRadioControl.js';
8
+ import { GidsLabelDom } from '../GidsLabel/GidsLabel.js';
9
+ import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils.js';
10
10
 
11
11
  const { getGidsRadioClassNames } = GidsRadioWebUtils;
12
12
 
@@ -1,5 +1,5 @@
1
1
  import { type GidsRadioGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
2
- import { appendAsChildren, type DomChildren } from '../../utils/domUtils';
2
+ import { appendAsChildren, type DomChildren } from '../../utils/domUtils.js';
3
3
 
4
4
  export type GidsRadioGroupDomProps = GidsRadioGroupCommonProps<DomChildren>;
5
5
 
@@ -6,7 +6,7 @@ import {
6
6
  type ClassValue,
7
7
  GidsSpinnerWebUtils,
8
8
  } from '@ganpatiinfo/gids-web-shared';
9
- import { GidsSpinnerControlDom } from '../_GidsSpinnerControl/GidsSpinnerControl';
9
+ import { GidsSpinnerControlDom } from '../_GidsSpinnerControl/GidsSpinnerControl.js';
10
10
 
11
11
  const { getGidsSpinnerClassNames } = GidsSpinnerWebUtils;
12
12
  const { getElementVisibility } = GidsSpinnerCommonUtils;
@@ -4,9 +4,9 @@ import {
4
4
  type GidsSwitchWebProps,
5
5
  GidsSwitchWebUtils,
6
6
  } from '@ganpatiinfo/gids-web-shared';
7
- import { GidsSwitchControlDom } from '../_GidsSwitchControl/GidsSwitchControl';
8
- import { GidsLabelDom } from '../GidsLabel/GidsLabel';
9
- import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
7
+ import { GidsSwitchControlDom } from '../_GidsSwitchControl/GidsSwitchControl.js';
8
+ import { GidsLabelDom } from '../GidsLabel/GidsLabel.js';
9
+ import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils.js';
10
10
 
11
11
  const { getGidsSwitchClassNames } = GidsSwitchWebUtils;
12
12
 
@@ -1,5 +1,5 @@
1
1
  import { type GidsSwitchGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
2
- import { appendAsChildren, type DomChildren } from '../../utils/domUtils';
2
+ import { appendAsChildren, type DomChildren } from '../../utils/domUtils.js';
3
3
 
4
4
  export type GidsSwitchGroupDomProps = GidsSwitchGroupCommonProps<DomChildren>;
5
5
 
@@ -0,0 +1,22 @@
1
+ import { type GidsTagGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
2
+ import { GidsTagGroupWebUtils } from '@ganpatiinfo/gids-web-shared';
3
+ import { appendAsChildren, type DomChildren } from '../../utils/domUtils.js';
4
+
5
+ const { getGidsTagGroupClassNames } = GidsTagGroupWebUtils;
6
+
7
+ export interface GidsTagGroupDomProps
8
+ extends GidsTagGroupCommonProps<DomChildren> {
9
+ extraClasses?: string;
10
+ }
11
+
12
+ export const GidsTagGroupDom = ({
13
+ children,
14
+ extraClasses,
15
+ }: GidsTagGroupDomProps): HTMLSpanElement => {
16
+ const tagGroup = document.createElement('span');
17
+ tagGroup.className = getGidsTagGroupClassNames(extraClasses);
18
+
19
+ appendAsChildren(tagGroup, children);
20
+
21
+ return tagGroup;
22
+ };
@@ -3,7 +3,7 @@ import {
3
3
  appendAsChildren,
4
4
  toggleAttribute,
5
5
  type DomChildren,
6
- } from '../../utils/domUtils';
6
+ } from '../../utils/domUtils.js';
7
7
 
8
8
  export interface GidsToggleButtonDomProps
9
9
  extends GidsToggleButtonWebProps<DomChildren> {
@@ -41,7 +41,7 @@ export const GidsToggleButtonDom = ({
41
41
  toggleAttribute(toggleButton, 'disabled', !!disabled);
42
42
  toggleAttribute(toggleButton, 'default-selected', !!defaultSelected);
43
43
 
44
- // @ts-expect-error
44
+ // @ts-expect-error: Expected
45
45
  toggleButton.selected = selected;
46
46
 
47
47
  appendAsChildren(toggleButton, children);
@@ -3,8 +3,8 @@ import {
3
3
  type GidsCheckboxControlWebProps,
4
4
  GidsCheckboxControlWebUtils,
5
5
  } from '@ganpatiinfo/gids-web-shared';
6
- import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
7
- import { GidsIconDom } from '../GidsIcon/GidsIcon';
6
+ import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils.js';
7
+ import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
8
8
 
9
9
  const { getGidsCheckboxControlClassNames } = GidsCheckboxControlWebUtils;
10
10
 
@@ -3,7 +3,7 @@ import {
3
3
  type GidsRadioControlWebProps,
4
4
  GidsRadioControlWebUtils,
5
5
  } from '@ganpatiinfo/gids-web-shared';
6
- import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
6
+ import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils.js';
7
7
 
8
8
  const { getGidsRadioControlClassNames } = GidsRadioControlWebUtils;
9
9
 
@@ -3,8 +3,8 @@ import {
3
3
  type GidsSwitchControlWebProps,
4
4
  GidsSwitchControlWebUtils,
5
5
  } from '@ganpatiinfo/gids-web-shared';
6
- import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
7
- import { GidsIconDom } from '../GidsIcon/GidsIcon';
6
+ import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils.js';
7
+ import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
8
8
 
9
9
  const { getGidsSwitchControlClassNames } = GidsSwitchControlWebUtils;
10
10
 
package/src/index.ts CHANGED
@@ -1,28 +1,33 @@
1
1
  /**
2
2
  * Referenced to DOM components
3
3
  */
4
- export * from './components/GidsButton/GidsButton';
5
- export * from './components/GidsDivider/GidsDivider';
6
- export * from './components/GidsDisplayTag/GidsDisplayTag';
7
- export * from './components/GidsIcon/GidsIcon';
8
- export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo';
9
- export * from './components/GidsLabel/GidsLabel';
10
- export * from './components/GidsLink/GidsLink';
11
- export * from './components/_GidsSpinnerControl/GidsSpinnerControl';
12
- export * from './components/GidsSpinner/GidsSpinner';
13
- export * from './components/GidsToggleButton/GidsToggleButton';
14
- export * from './components/_GidsCheckboxControl/GidsCheckboxControl';
15
- export * from './components/_GidsRadioControl/GidsRadioControl';
16
- export * from './components/_GidsSwitchControl/GidsSwitchControl';
17
- export * from './components/GidsCheckbox/GidsCheckbox';
18
- export * from './components/GidsRadio/GidsRadio';
19
- export * from './components/GidsSwitch/GidsSwitch';
20
- export * from './components/GidsCheckboxGroup/GidsCheckboxGroup';
21
- export * from './components/GidsRadioGroup/GidsRadioGroup';
22
- export * from './components/GidsSwitchGroup/GidsSwitchGroup';
23
- export * from './components/GidsBadge/GidsBadge';
4
+ export * from './components/GidsButton/GidsButton.js';
5
+ export * from './components/GidsDivider/GidsDivider.js';
6
+ export * from './components/GidsDisplayTag/GidsDisplayTag.js';
7
+ export * from './components/GidsIcon/GidsIcon.js';
8
+ export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js';
9
+ export * from './components/GidsLabel/GidsLabel.js';
10
+ export * from './components/GidsLink/GidsLink.js';
11
+ export * from './components/_GidsSpinnerControl/GidsSpinnerControl.js';
12
+ export * from './components/GidsSpinner/GidsSpinner.js';
13
+ export * from './components/GidsToggleButton/GidsToggleButton.js';
14
+ export * from './components/_GidsCheckboxControl/GidsCheckboxControl.js';
15
+ export * from './components/_GidsRadioControl/GidsRadioControl.js';
16
+ export * from './components/_GidsSwitchControl/GidsSwitchControl.js';
17
+ export * from './components/GidsCheckbox/GidsCheckbox.js';
18
+ export * from './components/GidsRadio/GidsRadio.js';
19
+ export * from './components/GidsSwitch/GidsSwitch.js';
20
+ export * from './components/GidsCheckboxGroup/GidsCheckboxGroup.js';
21
+ export * from './components/GidsRadioGroup/GidsRadioGroup.js';
22
+ export * from './components/GidsSwitchGroup/GidsSwitchGroup.js';
23
+ export * from './components/GidsBadge/GidsBadge.js';
24
+ export * from './components/GidsAvatar/GidsAvatar.js';
25
+ export * from './components/GidsAvatarGroup/GidsAvatarGroup.js';
26
+ export * from './components/GidsTagGroup/GidsTagGroup.js';
27
+ export * from './components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.js';
28
+ export * from './components/GidsInputTag/GidsInputTag.js';
24
29
 
25
30
  /**
26
31
  * Utilities
27
32
  */
28
- export * from './utils/domUtils';
33
+ export * from './utils/domUtils.js';