@ganpatiinfo/gids-web-dom-reference 2.1.0 → 2.1.1

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 (17) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/GidsBaseCard/GidsBaseCard.d.ts +8 -0
  3. package/dist/components/GidsBaseCard/GidsBaseCard.d.ts.map +1 -0
  4. package/dist/components/GidsBaseCard/GidsBaseCard.js +12 -0
  5. package/dist/components/GidsBaseCard/GidsBaseCard.js.map +1 -0
  6. package/dist/components/GidsCard/GidsCard.d.ts +8 -0
  7. package/dist/components/GidsCard/GidsCard.d.ts.map +1 -0
  8. package/dist/components/GidsCard/GidsCard.js +81 -0
  9. package/dist/components/GidsCard/GidsCard.js.map +1 -0
  10. package/dist/index.d.ts +2 -0
  11. package/dist/index.d.ts.map +1 -1
  12. package/dist/index.js +2 -0
  13. package/dist/index.js.map +1 -1
  14. package/package.json +3 -3
  15. package/src/components/GidsBaseCard/GidsBaseCard.ts +35 -0
  16. package/src/components/GidsCard/GidsCard.ts +122 -0
  17. package/src/index.ts +2 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @ganpatiinfo/gids-web-dom-reference
2
2
 
3
+ ## 2.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 95cebb9: Added `basecard` and `card` components
8
+ - Updated dependencies [95cebb9]
9
+ - Updated dependencies [95cebb9]
10
+ - @ganpatiinfo/gids-core-shared@2.1.1
11
+ - @ganpatiinfo/gids-web-shared@2.1.1
12
+ - @ganpatiinfo/gids-web-theme-interface@2.0.7
13
+
3
14
  ## 2.1.0
4
15
 
5
16
  ### Minor Changes
package/dist/components/GidsBaseCard/GidsBaseCard.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { type GidsBaseCardCommonProps } from '@ganpatiinfo/gids-core-shared';
2
+ import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
3
+ import { type DomNodeOrString } from '../../utils/domUtils.js';
4
+ export interface GidsBaseCardDomProps extends GidsBaseCardCommonProps<DomNodeOrString> {
5
+ extraClasses?: ClassValue;
6
+ }
7
+ export declare const GidsBaseCardDom: ({ children, cardType, appearance, extraClasses, }: GidsBaseCardDomProps) => HTMLDivElement;
8
+ //# sourceMappingURL=GidsBaseCard.d.ts.map
package/dist/components/GidsBaseCard/GidsBaseCard.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsBaseCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EACN,KAAK,UAAU,EAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,KAAK,eAAe,EACpB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,oBAChB,SAAQ,uBAAuB,CAAC,eAAe,CAAC;IAChD,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,GAAI,mDAK7B,oBAAoB,KAAG,cAYzB,CAAC"}
package/dist/components/GidsBaseCard/GidsBaseCard.js ADDED
@@ -0,0 +1,12 @@
1
+ import { GidsBaseCardWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ import { appendAsChildren, } from '../../utils/domUtils.js';
3
+ const { getGidsBaseCardClassNames } = GidsBaseCardWebUtils;
4
+ export const GidsBaseCardDom = ({ children, cardType = 'empty', appearance = 'default', extraClasses, }) => {
5
+ const baseCard = document.createElement('div');
6
+ baseCard.className = getGidsBaseCardClassNames({ cardType, appearance }, extraClasses);
7
+ if (children) {
8
+ appendAsChildren(baseCard, children);
9
+ }
10
+ return baseCard;
11
+ };
12
+ //# sourceMappingURL=GidsBaseCard.js.map
package/dist/components/GidsBaseCard/GidsBaseCard.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsBaseCard.js","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,oBAAoB,GACpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,gBAAgB,GAEhB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAO3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,UAAU,GAAG,SAAS,EACtB,YAAY,GACU,EAAkB,EAAE;IAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,yBAAyB,CAC7C,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxB,YAAY,CACZ,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC"}
package/dist/components/GidsCard/GidsCard.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { type GidsCardCommonProps } from '@ganpatiinfo/gids-core-shared';
2
+ import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
3
+ import { type DomChildren } from '../../utils/domUtils.js';
4
+ export interface GidsCardDomProps extends GidsCardCommonProps<DomChildren, string, string> {
5
+ extraClasses?: ClassValue;
6
+ }
7
+ export declare const GidsCardDom: ({ cardHeaderType, cardHeaderSrc, children, heading, subHeading, description, baseCardAppearance, headerVisible, extraClasses, }: GidsCardDomProps) => HTMLDivElement;
8
+ //# sourceMappingURL=GidsCard.d.ts.map
package/dist/components/GidsCard/GidsCard.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCard/GidsCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,KAAK,UAAU,EAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO7E,MAAM,WAAW,gBAChB,SAAQ,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC;IACxD,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,GAAI,iIAUzB,gBAAgB,KAAG,cA2FrB,CAAC"}
package/dist/components/GidsCard/GidsCard.js ADDED
@@ -0,0 +1,81 @@
1
+ import { GidsCardCommonUtils, } from '@ganpatiinfo/gids-core-shared';
2
+ import { GidsCardWebUtils, } from '@ganpatiinfo/gids-web-shared';
3
+ import { appendAsChildren } from '../../utils/domUtils.js';
4
+ import { GidsAvatarDom } from '../GidsAvatar/GidsAvatar.js';
5
+ import { GidsBaseCardDom } from '../GidsBaseCard/GidsBaseCard.js';
6
+ const { getGidsCardClassNames } = GidsCardWebUtils;
7
+ const { isContentContainerVisible, isSimpleCard } = GidsCardCommonUtils;
8
+ export const GidsCardDom = ({ cardHeaderType = 'image', cardHeaderSrc, children, heading, subHeading, description, baseCardAppearance = 'default', headerVisible, extraClasses, }) => {
9
+ const card = document.createElement('div');
10
+ card.className = getGidsCardClassNames({ isSimpleCard: isSimpleCard({ cardHeaderSrc, headerVisible }) }, extraClasses);
11
+ const cardInnerContainer = document.createElement('div');
12
+ cardInnerContainer.className = isSimpleCard({ cardHeaderSrc, headerVisible })
13
+ ? 'gids-card__simple-card-inner-container'
14
+ : 'gids-card__advanced-card-inner-container';
15
+ if (cardHeaderSrc && cardHeaderSrc !== '' && headerVisible) {
16
+ const headerContainer = document.createElement('div');
17
+ headerContainer.className =
18
+ cardHeaderType === 'avatar'
19
+ ? 'gids-card__header-container-avatar'
20
+ : 'gids-card__header-container-image';
21
+ if (cardHeaderType === 'avatar') {
22
+ headerContainer.appendChild(GidsAvatarDom({
23
+ appearance: 'image',
24
+ size: 'xl',
25
+ imageSrc: cardHeaderSrc,
26
+ }));
27
+ }
28
+ else {
29
+ const image = document.createElement('img');
30
+ image.src = cardHeaderSrc;
31
+ image.setAttribute('alt', 'alt_text');
32
+ image.className = 'gids-card__image';
33
+ headerContainer.appendChild(image);
34
+ }
35
+ cardInnerContainer.appendChild(headerContainer);
36
+ }
37
+ const contentContainer = document.createElement('div');
38
+ contentContainer.className = 'gids-card__content-container';
39
+ if (heading && heading !== '') {
40
+ const headingElement = document.createElement('div');
41
+ headingElement.className = 'gids-card__heading';
42
+ appendAsChildren(headingElement, heading);
43
+ contentContainer.appendChild(headingElement);
44
+ }
45
+ if (subHeading && subHeading !== '') {
46
+ const subHeadingElement = document.createElement('div');
47
+ subHeadingElement.className = 'gids-card__subheading';
48
+ appendAsChildren(subHeadingElement, subHeading);
49
+ contentContainer.appendChild(subHeadingElement);
50
+ }
51
+ if (description && description !== '') {
52
+ const descriptionElement = document.createElement('p');
53
+ descriptionElement.className = 'gids-card__description';
54
+ appendAsChildren(descriptionElement, description);
55
+ contentContainer.appendChild(descriptionElement);
56
+ }
57
+ if (children) {
58
+ const childrenElement = document.createElement('div');
59
+ childrenElement.className = 'gids-card__children';
60
+ appendAsChildren(childrenElement, children);
61
+ contentContainer.appendChild(childrenElement);
62
+ }
63
+ if (isContentContainerVisible({
64
+ heading,
65
+ subHeading,
66
+ description,
67
+ children,
68
+ })) {
69
+ cardInnerContainer.appendChild(contentContainer);
70
+ }
71
+ card.appendChild(GidsBaseCardDom({
72
+ children: cardInnerContainer,
73
+ cardType: 'content',
74
+ appearance: baseCardAppearance,
75
+ extraClasses: isSimpleCard({ cardHeaderSrc, headerVisible })
76
+ ? 'gids-card__base-card-simple'
77
+ : 'gids-card__base-card-advanced',
78
+ }));
79
+ return card;
80
+ };
81
+ //# sourceMappingURL=GidsCard.js.map
package/dist/components/GidsCard/GidsCard.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsCard.js","sourceRoot":"","sources":["../../../src/components/GidsCard/GidsCard.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -34,6 +34,8 @@ export * from './components/GidsBox/GidsBox.js';
34
34
  export * from './components/GidsContainer/GidsContainer.js';
35
35
  export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
36
36
  export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
37
+ export * from './components/GidsBaseCard/GidsBaseCard.js';
38
+ export * from './components/GidsCard/GidsCard.js';
37
39
  /**
38
40
  * Utilities
39
41
  */
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAE9D;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAElD;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
package/dist/index.js CHANGED
@@ -34,6 +34,8 @@ export * from './components/GidsBox/GidsBox.js';
34
34
  export * from './components/GidsContainer/GidsContainer.js';
35
35
  export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
36
36
  export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
37
+ export * from './components/GidsBaseCard/GidsBaseCard.js';
38
+ export * from './components/GidsCard/GidsCard.js';
37
39
  /**
38
40
  * Utilities
39
41
  */
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAE9D;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAElD;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ganpatiinfo/gids-web-dom-reference",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "private": false,
5
5
  "description": "DOM for components reference implementations",
6
6
  "homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -24,8 +24,8 @@
24
24
  "directory": "packages/private/web-dom-reference"
25
25
  },
26
26
  "dependencies": {
27
- "@ganpatiinfo/gids-core-shared": "2.1.0",
28
- "@ganpatiinfo/gids-web-shared": "2.1.0"
27
+ "@ganpatiinfo/gids-core-shared": "2.1.1",
28
+ "@ganpatiinfo/gids-web-shared": "2.1.1"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "@ganpatiinfo/gids-web-theme-interface": "2.0.7",
package/src/components/GidsBaseCard/GidsBaseCard.ts ADDED
@@ -0,0 +1,35 @@
1
+ import { type GidsBaseCardCommonProps } from '@ganpatiinfo/gids-core-shared';
2
+ import {
3
+ type ClassValue,
4
+ GidsBaseCardWebUtils,
5
+ } from '@ganpatiinfo/gids-web-shared';
6
+ import {
7
+ appendAsChildren,
8
+ type DomNodeOrString,
9
+ } from '../../utils/domUtils.js';
10
+
11
+ const { getGidsBaseCardClassNames } = GidsBaseCardWebUtils;
12
+
13
+ export interface GidsBaseCardDomProps
14
+ extends GidsBaseCardCommonProps<DomNodeOrString> {
15
+ extraClasses?: ClassValue;
16
+ }
17
+
18
+ export const GidsBaseCardDom = ({
19
+ children,
20
+ cardType = 'empty',
21
+ appearance = 'default',
22
+ extraClasses,
23
+ }: GidsBaseCardDomProps): HTMLDivElement => {
24
+ const baseCard = document.createElement('div');
25
+ baseCard.className = getGidsBaseCardClassNames(
26
+ { cardType, appearance },
27
+ extraClasses,
28
+ );
29
+
30
+ if (children) {
31
+ appendAsChildren(baseCard, children);
32
+ }
33
+
34
+ return baseCard;
35
+ };
package/src/components/GidsCard/GidsCard.ts ADDED
@@ -0,0 +1,122 @@
1
+ import {
2
+ GidsCardCommonUtils,
3
+ type GidsCardCommonProps,
4
+ } from '@ganpatiinfo/gids-core-shared';
5
+ import {
6
+ type ClassValue,
7
+ GidsCardWebUtils,
8
+ } from '@ganpatiinfo/gids-web-shared';
9
+ import { appendAsChildren, type DomChildren } from '../../utils/domUtils.js';
10
+ import { GidsAvatarDom } from '../GidsAvatar/GidsAvatar.js';
11
+ import { GidsBaseCardDom } from '../GidsBaseCard/GidsBaseCard.js';
12
+
13
+ const { getGidsCardClassNames } = GidsCardWebUtils;
14
+ const { isContentContainerVisible, isSimpleCard } = GidsCardCommonUtils;
15
+
16
+ export interface GidsCardDomProps
17
+ extends GidsCardCommonProps<DomChildren, string, string> {
18
+ extraClasses?: ClassValue;
19
+ }
20
+
21
+ export const GidsCardDom = ({
22
+ cardHeaderType = 'image',
23
+ cardHeaderSrc,
24
+ children,
25
+ heading,
26
+ subHeading,
27
+ description,
28
+ baseCardAppearance = 'default',
29
+ headerVisible,
30
+ extraClasses,
31
+ }: GidsCardDomProps): HTMLDivElement => {
32
+ const card = document.createElement('div');
33
+ card.className = getGidsCardClassNames(
34
+ { isSimpleCard: isSimpleCard({ cardHeaderSrc, headerVisible }) },
35
+ extraClasses,
36
+ );
37
+
38
+ const cardInnerContainer = document.createElement('div');
39
+ cardInnerContainer.className = isSimpleCard({ cardHeaderSrc, headerVisible })
40
+ ? 'gids-card__simple-card-inner-container'
41
+ : 'gids-card__advanced-card-inner-container';
42
+
43
+ if (cardHeaderSrc && cardHeaderSrc !== '' && headerVisible) {
44
+ const headerContainer = document.createElement('div');
45
+ headerContainer.className =
46
+ cardHeaderType === 'avatar'
47
+ ? 'gids-card__header-container-avatar'
48
+ : 'gids-card__header-container-image';
49
+ if (cardHeaderType === 'avatar') {
50
+ headerContainer.appendChild(
51
+ GidsAvatarDom({
52
+ appearance: 'image',
53
+ size: 'xl',
54
+ imageSrc: cardHeaderSrc,
55
+ }),
56
+ );
57
+ } else {
58
+ const image = document.createElement('img');
59
+ image.src = cardHeaderSrc!;
60
+ image.setAttribute('alt', 'alt_text');
61
+ image.className = 'gids-card__image';
62
+ headerContainer.appendChild(image);
63
+ }
64
+ cardInnerContainer.appendChild(headerContainer);
65
+ }
66
+
67
+ const contentContainer = document.createElement('div');
68
+ contentContainer.className = 'gids-card__content-container';
69
+
70
+ if (heading && heading !== '') {
71
+ const headingElement = document.createElement('div');
72
+ headingElement.className = 'gids-card__heading';
73
+ appendAsChildren(headingElement, heading);
74
+ contentContainer.appendChild(headingElement);
75
+ }
76
+
77
+ if (subHeading && subHeading !== '') {
78
+ const subHeadingElement = document.createElement('div');
79
+ subHeadingElement.className = 'gids-card__subheading';
80
+ appendAsChildren(subHeadingElement, subHeading);
81
+ contentContainer.appendChild(subHeadingElement);
82
+ }
83
+
84
+ if (description && description !== '') {
85
+ const descriptionElement = document.createElement('p');
86
+ descriptionElement.className = 'gids-card__description';
87
+ appendAsChildren(descriptionElement, description);
88
+ contentContainer.appendChild(descriptionElement);
89
+ }
90
+
91
+ if (children) {
92
+ const childrenElement = document.createElement('div');
93
+ childrenElement.className = 'gids-card__children';
94
+
95
+ appendAsChildren(childrenElement, children);
96
+ contentContainer.appendChild(childrenElement);
97
+ }
98
+
99
+ if (
100
+ isContentContainerVisible({
101
+ heading,
102
+ subHeading,
103
+ description,
104
+ children,
105
+ })
106
+ ) {
107
+ cardInnerContainer.appendChild(contentContainer);
108
+ }
109
+
110
+ card.appendChild(
111
+ GidsBaseCardDom({
112
+ children: cardInnerContainer,
113
+ cardType: 'content',
114
+ appearance: baseCardAppearance,
115
+ extraClasses: isSimpleCard({ cardHeaderSrc, headerVisible })
116
+ ? 'gids-card__base-card-simple'
117
+ : 'gids-card__base-card-advanced',
118
+ }),
119
+ );
120
+
121
+ return card;
122
+ };
package/src/index.ts CHANGED
@@ -34,6 +34,8 @@ export * from './components/GidsBox/GidsBox.js';
34
34
  export * from './components/GidsContainer/GidsContainer.js';
35
35
  export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
36
36
  export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
37
+ export * from './components/GidsBaseCard/GidsBaseCard.js';
38
+ export * from './components/GidsCard/GidsCard.js';
37
39
 
38
40
  /**
39
41
  * Utilities