@ganpatiinfo/gids-react-web 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.
- package/dist/components/GidsAvatar/GidsAvatar.d.ts +20 -0
- package/dist/components/GidsAvatar/GidsAvatar.d.ts.map +1 -0
- package/dist/components/GidsAvatar/GidsAvatar.js +28 -0
- package/dist/components/GidsAvatar/GidsAvatar.js.map +1 -0
- package/dist/components/GidsAvatarGroup/GidsAvatarGroup.d.ts +30 -0
- package/dist/components/GidsAvatarGroup/GidsAvatarGroup.d.ts.map +1 -0
- package/dist/components/GidsAvatarGroup/GidsAvatarGroup.js +32 -0
- package/dist/components/GidsAvatarGroup/GidsAvatarGroup.js.map +1 -0
- package/dist/components/GidsButton/GidsButton.d.ts.map +1 -1
- package/dist/components/GidsButton/GidsButton.js +2 -2
- package/dist/components/GidsButton/GidsButton.js.map +1 -1
- package/dist/components/GidsDisplayTag/GidsDisplayTag.d.ts.map +1 -1
- package/dist/components/GidsDivider/GidsDivider.d.ts.map +1 -1
- package/dist/components/GidsIcon/GidsIcon.d.ts.map +1 -1
- package/dist/components/GidsInputTag/GidsInputTag.d.ts +48 -0
- package/dist/components/GidsInputTag/GidsInputTag.d.ts.map +1 -0
- package/dist/components/GidsInputTag/GidsInputTag.js +55 -0
- package/dist/components/GidsInputTag/GidsInputTag.js.map +1 -0
- package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.d.ts +6 -0
- package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.d.ts.map +1 -0
- package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.js +9 -0
- package/dist/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.js.map +1 -0
- package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.d.ts.map +1 -1
- package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js +1 -1
- package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js.map +1 -1
- package/dist/components/GidsSpinner/GidsSpinner.d.ts.map +1 -1
- package/dist/components/GidsSpinner/GidsSpinner.js +1 -1
- package/dist/components/GidsSpinner/GidsSpinner.js.map +1 -1
- package/dist/components/GidsTagGroup/GidsTagGroup.d.ts +27 -0
- package/dist/components/GidsTagGroup/GidsTagGroup.d.ts.map +1 -0
- package/dist/components/GidsTagGroup/GidsTagGroup.js +29 -0
- package/dist/components/GidsTagGroup/GidsTagGroup.js.map +1 -0
- package/dist/components/_GidsSpinnerControl/GidsSpinnerControl.d.ts.map +1 -1
- package/dist/index.d.ts +19 -15
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +19 -15
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { type ReactNode, type ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { type GidsAvatarWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
export type GidsAvatarProps = GidsAvatarWebProps<ReactNode> & ComponentPropsWithRef<'span'>;
|
|
4
|
+
/**
|
|
5
|
+
* React DOM implementation of GIDS Avatar component.
|
|
6
|
+
*
|
|
7
|
+
* **Usage**
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { GidsAvatar } from "@ganpatiinfo/gids-react-web";
|
|
11
|
+
*
|
|
12
|
+
* export const MyComponent = () => (
|
|
13
|
+
* <GidsAvatar appearance="text" text="J" />
|
|
14
|
+
* );
|
|
15
|
+
* ```
|
|
16
|
+
*
|
|
17
|
+
* **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders. For example, `<GidsAvatar id="foo" />` will render `<span id="foo" ... >...</span>`.
|
|
18
|
+
*/
|
|
19
|
+
export declare function GidsAvatar({ appearance, color, size, badge, text, imageSrc, alt, iconTitleId, className, ...rest }: GidsAvatarProps): React.JSX.Element;
|
|
20
|
+
//# sourceMappingURL=GidsAvatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/GidsAvatar/GidsAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,8BAA8B,CAAC;AAMtC,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC,SAAS,CAAC,GAC1D,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAC1B,UAAU,EACV,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACP,EAAE,eAAe,qBAwBjB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsAvatarCommonUtils } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
import { GidsAvatarWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
import { GidsIcon } from '../GidsIcon/GidsIcon.js';
|
|
5
|
+
const { shouldTextBeHiddenFromAt } = GidsAvatarCommonUtils;
|
|
6
|
+
const { getGidsAvatarClassNames } = GidsAvatarWebUtils;
|
|
7
|
+
/**
|
|
8
|
+
* React DOM implementation of GIDS Avatar component.
|
|
9
|
+
*
|
|
10
|
+
* **Usage**
|
|
11
|
+
*
|
|
12
|
+
* ```tsx
|
|
13
|
+
* import { GidsAvatar } from "@ganpatiinfo/gids-react-web";
|
|
14
|
+
*
|
|
15
|
+
* export const MyComponent = () => (
|
|
16
|
+
* <GidsAvatar appearance="text" text="J" />
|
|
17
|
+
* );
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders. For example, `<GidsAvatar id="foo" />` will render `<span id="foo" ... >...</span>`.
|
|
21
|
+
*/
|
|
22
|
+
export function GidsAvatar({ appearance, color, size, badge, text, imageSrc, alt, iconTitleId, className, ...rest }) {
|
|
23
|
+
const hideTextFromAt = shouldTextBeHiddenFromAt({ text, alt });
|
|
24
|
+
return (React.createElement("span", { className: getGidsAvatarClassNames({ color, size }, className), ...rest },
|
|
25
|
+
appearance === 'image' ? (React.createElement("img", { src: imageSrc, alt: alt ?? text ?? '', width: "100", height: "100" })) : appearance === 'icon' ? (React.createElement(GidsIcon, { name: "user", alt: alt ?? text, titleId: iconTitleId })) : (React.createElement("span", { role: hideTextFromAt ? undefined : 'img', "aria-hidden": hideTextFromAt ? 'true' : undefined, "aria-label": hideTextFromAt ? undefined : (alt ?? text) }, text)),
|
|
26
|
+
badge));
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=GidsAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAvatar.js","sourceRoot":"","sources":["../../../src/components/GidsAvatar/GidsAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EACN,kBAAkB,GAElB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,CAAC;AAC3D,MAAM,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,CAAC;AAKvD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,UAAU,CAAC,EAC1B,UAAU,EACV,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACU;IACjB,MAAM,cAAc,GAAG,wBAAwB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IAE/D,OAAO,CACN,8BACC,SAAS,EAAE,uBAAuB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,KAC1D,IAAI;QAEP,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CACzB,6BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,GAAG,CACvE,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,oBAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,IAAI,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI,CAChE,CAAC,CAAC,CAAC,CACH,8BACC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,iBAC3B,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBACpC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,IAErD,IAAI,CACC,CACP;QACA,KAAK,CACA,CACP,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { ReactNode, type ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { GidsAvatarGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
export type GidsAvatarGroupProps = GidsAvatarGroupCommonProps<ReactNode> & ComponentPropsWithRef<'span'>;
|
|
4
|
+
/**
|
|
5
|
+
* React DOM implementation of GIDS Avatar Group component
|
|
6
|
+
*
|
|
7
|
+
* **Usage**
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
*
|
|
11
|
+
* import { GidsAvatarGroup } from "@ganpatiinfo/gids-react-web";
|
|
12
|
+
*
|
|
13
|
+
* export const MyComponent = () => (
|
|
14
|
+
* <GidsAvatarGroup
|
|
15
|
+
* appearance="spread"
|
|
16
|
+
* layout="wrap">
|
|
17
|
+
* <GidsAvatar
|
|
18
|
+
* appearance="text"
|
|
19
|
+
* color="random"
|
|
20
|
+
* size="md"
|
|
21
|
+
* text="A"/>
|
|
22
|
+
<!-- more avatars -->
|
|
23
|
+
* </GidsAvatarGroup>
|
|
24
|
+
* );
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders.
|
|
28
|
+
*/
|
|
29
|
+
export declare function GidsAvatarGroup({ appearance, layout, children, className, ...rest }: GidsAvatarGroupProps): React.JSX.Element;
|
|
30
|
+
//# sourceMappingURL=GidsAvatarGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GidsAvatarGroup/GidsAvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAK3E,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,CAAC,SAAS,CAAC,GACvE,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,wBAAgB,eAAe,CAAC,EAC/B,UAAqB,EACrB,MAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACP,EAAE,oBAAoB,qBAYtB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsAvatarGroupWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
const { getGidsAvatarGroupClassNames } = GidsAvatarGroupWebUtils;
|
|
4
|
+
/**
|
|
5
|
+
* React DOM implementation of GIDS Avatar Group component
|
|
6
|
+
*
|
|
7
|
+
* **Usage**
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
*
|
|
11
|
+
* import { GidsAvatarGroup } from "@ganpatiinfo/gids-react-web";
|
|
12
|
+
*
|
|
13
|
+
* export const MyComponent = () => (
|
|
14
|
+
* <GidsAvatarGroup
|
|
15
|
+
* appearance="spread"
|
|
16
|
+
* layout="wrap">
|
|
17
|
+
* <GidsAvatar
|
|
18
|
+
* appearance="text"
|
|
19
|
+
* color="random"
|
|
20
|
+
* size="md"
|
|
21
|
+
* text="A"/>
|
|
22
|
+
<!-- more avatars -->
|
|
23
|
+
* </GidsAvatarGroup>
|
|
24
|
+
* );
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders.
|
|
28
|
+
*/
|
|
29
|
+
export function GidsAvatarGroup({ appearance = 'spread', layout = 'wrap', children, className, ...rest }) {
|
|
30
|
+
return (React.createElement("span", { className: getGidsAvatarGroupClassNames({ appearance, layout }, className), ...rest }, children));
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=GidsAvatarGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsAvatarGroup.js","sourceRoot":"","sources":["../../../src/components/GidsAvatarGroup/GidsAvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAKjE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,MAAM,UAAU,eAAe,CAAC,EAC/B,UAAU,GAAG,QAAQ,EACrB,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACe;IACtB,OAAO,CACN,8BACC,SAAS,EAAE,4BAA4B,CACtC,EAAE,UAAU,EAAE,MAAM,EAAE,EACtB,SAAS,CACT,KACG,IAAI,IAEP,QAAQ,CACH,CACP,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsButton.d.ts","sourceRoot":"","sources":["../../../src/components/GidsButton/GidsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,EAChC,MAAM,8BAA8B,CAAC;AACtC,OAAc,EACb,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,GAAG,EACR,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,2BAA2B,IAChE,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE3E,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,2BAA2B,
|
|
1
|
+
{"version":3,"file":"GidsButton.d.ts","sourceRoot":"","sources":["../../../src/components/GidsButton/GidsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,EAChC,MAAM,8BAA8B,CAAC;AACtC,OAAc,EACb,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,GAAG,EACR,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,2BAA2B,IAChE,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE3E,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,2BAA2B,GAAG,QAAQ,EAAE,0HAa1E,eAAe,CAAC,CAAC,CAAC,KAAG,GAAG,CAAC,OAiC3B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { GidsButtonWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { GidsSpinnerControl } from '../_GidsSpinnerControl/GidsSpinnerControl';
|
|
3
|
+
import { GidsSpinnerControl } from '../_GidsSpinnerControl/GidsSpinnerControl.js';
|
|
4
4
|
const { getGidsButtonClassNames } = GidsButtonWebUtils;
|
|
5
5
|
export const GidsButton = ({ as, children, appearance, size, width, destructive, loading, leadingIcon, trailingIcon, disabled, className, ...rest }) => {
|
|
6
6
|
const Component = as || 'button';
|
|
@@ -9,7 +9,7 @@ export const GidsButton = ({ as, children, appearance, size, width, destructive,
|
|
|
9
9
|
rest.type = 'button';
|
|
10
10
|
}
|
|
11
11
|
return (
|
|
12
|
-
// @ts-expect-error
|
|
12
|
+
// @ts-expect-error: Expected error
|
|
13
13
|
React.createElement(Component, { className: getGidsButtonClassNames({
|
|
14
14
|
appearance,
|
|
15
15
|
width,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsButton.js","sourceRoot":"","sources":["../../../src/components/GidsButton/GidsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,GAGlB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"GidsButton.js","sourceRoot":"","sources":["../../../src/components/GidsButton/GidsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,GAGlB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,MAAM,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,CAAC;AAKvD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAmD,EAC5E,EAAE,EACF,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACa,EAAe,EAAE;IACrC,MAAM,SAAS,GAAG,EAAE,IAAI,QAAQ,CAAC;IACjC,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtE,IAAI,EAAE,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;QACzC,IAAwC,CAAC,IAAI,GAAG,QAAQ,CAAC;IAC3D,CAAC;IAED,OAAO;IACN,mCAAmC;IACnC,oBAAC,SAAS,IACT,SAAS,EAAE,uBAAuB,CACjC;YACC,UAAU;YACV,KAAK;YACL,IAAI;YACJ,OAAO;YACP,WAAW;SACX,EACD,CAAC,QAAQ,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,YAAY,EAC3C,SAAS,CACT,EACD,QAAQ,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACvC,IAAI;QAER,8BAAM,SAAS,EAAC,sBAAsB;YACpC,WAAW;YACX,QAAQ,CACH;QACN,OAAO,IAAI,oBAAC,kBAAkB,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,SAAG;QAClE,YAAY,CACF,CACZ,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsDisplayTag.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDisplayTag/GidsDisplayTag.tsx"],"names":[],"mappings":"AAAA,OAAc,EACb,KAAK,GAAG,EACR,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAK/E,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,SAAS,CAAC,GACrE,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"GidsDisplayTag.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDisplayTag/GidsDisplayTag.tsx"],"names":[],"mappings":"AAAA,OAAc,EACb,KAAK,GAAG,EACR,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAK/E,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,SAAS,CAAC,GACrE,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B,eAAO,MAAM,cAAc,GAAI,8DAQ5B,mBAAmB,KAAG,GAAG,CAAC,OAa5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsDivider.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDivider/GidsDivider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAK5E,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEtD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"GidsDivider.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDivider/GidsDivider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAK5E,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEtD,eAAO,MAAM,WAAW,GAAI,iBAAiB,gBAAgB,KAAG,GAAG,CAAC,OAEnE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsIcon.d.ts","sourceRoot":"","sources":["../../../src/components/GidsIcon/GidsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,gBAAgB,EAGrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,KAAK,QAAQ,EACb,KAAK,cAAc,EAEnB,MAAM,uCAAuC,CAAC;AAC/C,OAAc,EAAS,KAAK,qBAAqB,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,GACrE,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEH,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"GidsIcon.d.ts","sourceRoot":"","sources":["../../../src/components/GidsIcon/GidsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,gBAAgB,EAGrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,KAAK,QAAQ,EACb,KAAK,cAAc,EAEnB,MAAM,uCAAuC,CAAC;AAC/C,OAAc,EAAS,KAAK,qBAAqB,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,GACrE,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEH,eAAO,MAAM,QAAQ,GAAI,8DAQtB,aAAa,KAAG,GAAG,CAAC,OAmBtB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React, { type ComponentPropsWithRef, type MouseEventHandler, type ReactNode } from 'react';
|
|
2
|
+
import { type GidsInputTagCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
type NonDissmissibleInputTagProps = GidsInputTagCommonProps<ReactNode> & ComponentPropsWithRef<'button'> & {
|
|
4
|
+
dismissible?: false;
|
|
5
|
+
};
|
|
6
|
+
type DissmissibleInputTagProps = GidsInputTagCommonProps<ReactNode> & ComponentPropsWithRef<'span'> & {
|
|
7
|
+
dismissible: true;
|
|
8
|
+
};
|
|
9
|
+
export type GidsInputTagProps = (NonDissmissibleInputTagProps | DissmissibleInputTagProps) & {
|
|
10
|
+
/**
|
|
11
|
+
* Event handler for when the interactive portion of the Input Tag is clicked.
|
|
12
|
+
*
|
|
13
|
+
* For dismissible Input Tags, clicking the close ('X') button will trigger
|
|
14
|
+
* this event. For non-dismissible Input Tags, clicking anywhere on the tag
|
|
15
|
+
* will trigger it.
|
|
16
|
+
*/
|
|
17
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* React DOM implementation of GIDS Input Tag component.
|
|
21
|
+
*
|
|
22
|
+
* **Usage**
|
|
23
|
+
*
|
|
24
|
+
* ```tsx
|
|
25
|
+
* import { GidsInputTag } from "@ganpatiinfo/gids-react-web";
|
|
26
|
+
*
|
|
27
|
+
* export const MyComponent = () => (
|
|
28
|
+
* <GidsInputTag label="foobar" />
|
|
29
|
+
* );
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* For Implementation of GIDS Input Tag component that is dismissible an additional prop `dismissible` set to `true` can be passed
|
|
33
|
+
*
|
|
34
|
+
* **Usage**
|
|
35
|
+
*
|
|
36
|
+
* ```tsx
|
|
37
|
+
* import { GidsInputTag } from "@ganpatiinfo/gids-react-web";
|
|
38
|
+
*
|
|
39
|
+
* export const MyComponent = () => (
|
|
40
|
+
* <GidsInputTag label="foobar" dismissible={true}/>
|
|
41
|
+
* );
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* **Note:** Any additional props are passed to the outermost `<button>` DOM element that this component renders. For example, `<GidsInputTag id="foo" />` will render `<button id="foo" ... >...</button>`.
|
|
45
|
+
*/
|
|
46
|
+
export declare function GidsInputTag({ label, appearance, size, icon, disabled, dismissible, dismissButtonLabel, onClick, ...rest }: GidsInputTagProps): React.JSX.Element;
|
|
47
|
+
export {};
|
|
48
|
+
//# sourceMappingURL=GidsInputTag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsInputTag.d.ts","sourceRoot":"","sources":["../../../src/components/GidsInputTag/GidsInputTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,KAAK,uBAAuB,EAE5B,MAAM,+BAA+B,CAAC;AAOvC,KAAK,4BAA4B,GAAG,uBAAuB,CAAC,SAAS,CAAC,GACrE,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEH,KAAK,yBAAyB,GAAG,uBAAuB,CAAC,SAAS,CAAC,GAClE,qBAAqB,CAAC,MAAM,CAAC,GAAG;IAC/B,WAAW,EAAE,IAAI,CAAC;CAClB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAC7B,4BAA4B,GAC5B,yBAAyB,CAC3B,GAAG;IACH;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,GAAG,IAAI,EACP,EAAE,iBAAiB,qBAyCnB"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsInputTagCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
import { GidsInputTagWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
import { GidsInputTagButton } from './_GidsInputTagButton/GidsInputTagButton.js';
|
|
5
|
+
const { getDismissButtonLabel } = GidsInputTagCommonUtils;
|
|
6
|
+
const { getGidsInputTagClassNames } = GidsInputTagWebUtils;
|
|
7
|
+
/**
|
|
8
|
+
* React DOM implementation of GIDS Input Tag component.
|
|
9
|
+
*
|
|
10
|
+
* **Usage**
|
|
11
|
+
*
|
|
12
|
+
* ```tsx
|
|
13
|
+
* import { GidsInputTag } from "@ganpatiinfo/gids-react-web";
|
|
14
|
+
*
|
|
15
|
+
* export const MyComponent = () => (
|
|
16
|
+
* <GidsInputTag label="foobar" />
|
|
17
|
+
* );
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* For Implementation of GIDS Input Tag component that is dismissible an additional prop `dismissible` set to `true` can be passed
|
|
21
|
+
*
|
|
22
|
+
* **Usage**
|
|
23
|
+
*
|
|
24
|
+
* ```tsx
|
|
25
|
+
* import { GidsInputTag } from "@ganpatiinfo/gids-react-web";
|
|
26
|
+
*
|
|
27
|
+
* export const MyComponent = () => (
|
|
28
|
+
* <GidsInputTag label="foobar" dismissible={true}/>
|
|
29
|
+
* );
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* **Note:** Any additional props are passed to the outermost `<button>` DOM element that this component renders. For example, `<GidsInputTag id="foo" />` will render `<button id="foo" ... >...</button>`.
|
|
33
|
+
*/
|
|
34
|
+
export function GidsInputTag({ label, appearance, size, icon, disabled, dismissible, dismissButtonLabel, onClick, ...rest }) {
|
|
35
|
+
if (dismissible) {
|
|
36
|
+
return (React.createElement("span", { className: getGidsInputTagClassNames({
|
|
37
|
+
size,
|
|
38
|
+
appearance,
|
|
39
|
+
disabled,
|
|
40
|
+
dismissible,
|
|
41
|
+
}), ...rest },
|
|
42
|
+
icon,
|
|
43
|
+
label,
|
|
44
|
+
React.createElement(GidsInputTagButton, { label: getDismissButtonLabel(dismissButtonLabel), appearance: appearance, size: size, disabled: disabled, onClick: onClick })));
|
|
45
|
+
}
|
|
46
|
+
return (React.createElement("button", { className: getGidsInputTagClassNames({
|
|
47
|
+
size,
|
|
48
|
+
appearance,
|
|
49
|
+
disabled,
|
|
50
|
+
dismissible,
|
|
51
|
+
}), onClick: onClick, disabled: disabled, ...rest },
|
|
52
|
+
icon,
|
|
53
|
+
label));
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=GidsInputTag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsInputTag.js","sourceRoot":"","sources":["../../../src/components/GidsInputTag/GidsInputTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,uBAAuB,GACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,CAAC;AAC1D,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AA0B3D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,YAAY,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,GAAG,IAAI,EACY;IACnB,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,CACN,8BACC,SAAS,EAAE,yBAAyB,CAAC;gBACpC,IAAI;gBACJ,UAAU;gBACV,QAAQ;gBACR,WAAW;aACX,CAAC,KACE,IAAI;YAEP,IAAI;YACJ,KAAK;YACN,oBAAC,kBAAkB,IAClB,KAAK,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,EAChD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GACf,CACI,CACP,CAAC;IACH,CAAC;IAED,OAAO,CACN,gCACC,SAAS,EAAE,yBAAyB,CAAC;YACpC,IAAI;YACJ,UAAU;YACV,QAAQ;YACR,WAAW;SACX,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACb,IAA8C;QAElD,IAAI;QACJ,KAAK,CACE,CACT,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type JSX, type ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { type GidsInputTagButtonCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
export type TagSizes = 'xs' | 'sm' | 'md' | 'lg';
|
|
4
|
+
export type GidsInputTagButtonProps = GidsInputTagButtonCommonProps & ComponentPropsWithRef<'button'>;
|
|
5
|
+
export declare function GidsInputTagButton({ size, appearance, disabled, label, onClick, ...rest }: GidsInputTagButtonProps): JSX.Element;
|
|
6
|
+
//# sourceMappingURL=GidsInputTagButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsInputTagButton.d.ts","sourceRoot":"","sources":["../../../../src/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,GAAG,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAMnF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GAClE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAEjC,wBAAgB,kBAAkB,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACP,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAYvC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsInputTagButtonWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsIcon } from '../../GidsIcon/GidsIcon.js';
|
|
4
|
+
const { getGidsInputTagButtonClassNames } = GidsInputTagButtonWebUtils;
|
|
5
|
+
export function GidsInputTagButton({ size, appearance, disabled, label, onClick, ...rest }) {
|
|
6
|
+
return (React.createElement("button", { disabled: disabled, className: getGidsInputTagButtonClassNames({ size, appearance }), onClick: onClick, "aria-label": label, ...rest },
|
|
7
|
+
React.createElement(GidsIcon, { name: "cross", appearance: "regular", alt: "" })));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=GidsInputTagButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsInputTagButton.js","sourceRoot":"","sources":["../../../../src/components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AAOvE,MAAM,UAAU,kBAAkB,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACkB;IACzB,OAAO,CACN,gCACC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAChE,OAAO,EAAE,OAAO,gBACJ,KAAK,KACb,IAAI;QAER,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,GAAG,EAAC,EAAE,GAAY,CACtD,CACT,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,wBAAwB,EAE7B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAC7E,wBAAwB,CAAC;AAE1B,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"GidsLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,wBAAwB,EAE7B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAC7E,wBAAwB,CAAC;AAE1B,eAAO,MAAM,aAAa,GAAI,gDAM3B,kBAAkB,sBAoBpB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { GidsLabelInfoCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
2
2
|
import { GidsLabelInfoWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { GidsIcon } from '../../GidsIcon/GidsIcon';
|
|
4
|
+
import { GidsIcon } from '../../GidsIcon/GidsIcon.js';
|
|
5
5
|
const { getLabelInfoAltText } = GidsLabelInfoCommonUtils;
|
|
6
6
|
const { getGidsLabelInfoClassNames } = GidsLabelInfoWebUtils;
|
|
7
7
|
export const GidsLabelInfo = ({ onClick, disabled, alt, className, ...rest }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsLabelInfo.js","sourceRoot":"","sources":["../../../../src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,wBAAwB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"GidsLabelInfo.js","sourceRoot":"","sources":["../../../../src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,wBAAwB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,MAAM,EAAE,mBAAmB,EAAE,GAAG,wBAAwB,CAAC;AACzD,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAK7D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACa,EAAE,EAAE;IACxB,OAAO,CACN,gCACC,SAAS,EAAE,0BAA0B,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,KACT,IAAI;QAER,8BAAM,SAAS,EAAC,sBAAsB,IACpC,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC,CACvB;QACP,oBAAC,QAAQ,IACR,IAAI,EAAC,aAAa,EAClB,GAAG,EAAC,EAAE,EACN,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,IAAI,GACE,CACJ,CACT,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSpinner/GidsSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,sBAAsB,EAE3B,MAAM,+BAA+B,CAAC;AAEvC,OAAc,EAAE,KAAK,GAAG,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAMpE,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACpD,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"GidsSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSpinner/GidsSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,sBAAsB,EAE3B,MAAM,+BAA+B,CAAC;AAEvC,OAAc,EAAE,KAAK,GAAG,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAMpE,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACpD,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B,eAAO,MAAM,WAAW,GAAI,gFASzB,gBAAgB,KAAG,GAAG,CAAC,OAoBzB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { GidsSpinnerCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
2
2
|
import { GidsSpinnerWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { GidsSpinnerControl } from '../_GidsSpinnerControl/GidsSpinnerControl';
|
|
4
|
+
import { GidsSpinnerControl } from '../_GidsSpinnerControl/GidsSpinnerControl.js';
|
|
5
5
|
const { getGidsSpinnerClassNames } = GidsSpinnerWebUtils;
|
|
6
6
|
const { getElementVisibility } = GidsSpinnerCommonUtils;
|
|
7
7
|
export const GidsSpinner = ({ label, supportingText, size, indeterminate, value, max, className, ...rest }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsSpinner.js","sourceRoot":"","sources":["../../../src/components/GidsSpinner/GidsSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,sBAAsB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"GidsSpinner.js","sourceRoot":"","sources":["../../../src/components/GidsSpinner/GidsSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,sBAAsB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,MAAM,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC;AACzD,MAAM,EAAE,oBAAoB,EAAE,GAAG,sBAAsB,CAAC;AAKxD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,KAAK,EACL,cAAc,EACd,IAAI,EACJ,aAAa,EACb,KAAK,EACL,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACW,EAAe,EAAE;IACnC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QAC5D,KAAK;QACL,cAAc;KACd,CAAC,CAAC;IAEH,OAAO,CACN,8BAAM,SAAS,EAAE,wBAAwB,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,KAAM,IAAI;QACvE,oBAAC,kBAAkB,IAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,GACP;QACD,QAAQ,IAAI,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;QAChE,iBAAiB,IAAI,CACrB,8BAAM,SAAS,EAAC,+BAA+B,IAAE,cAAc,CAAQ,CACvE,CACK,CACP,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React, { type ComponentPropsWithRef, type ReactNode } from 'react';
|
|
2
|
+
import { type GidsTagGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
export type GidsTagGroupProps = GidsTagGroupCommonProps<ReactNode> & ComponentPropsWithRef<'span'>;
|
|
4
|
+
/**
|
|
5
|
+
* React DOM implementation of GIDS TagGroup component.
|
|
6
|
+
*
|
|
7
|
+
* **Usage**
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { GidsTagGroup } from '@ganpatiinfo/gids-react-web';
|
|
11
|
+
*
|
|
12
|
+
* export const MyComponent = () => (
|
|
13
|
+
* <GidsTagGroup>
|
|
14
|
+
* <GidsDisplayTag
|
|
15
|
+
* appearance="subtle"
|
|
16
|
+
* color="accent-1"
|
|
17
|
+
* label="Display Tag 1"
|
|
18
|
+
* size="md"/>
|
|
19
|
+
* <!-- more tags -->
|
|
20
|
+
* </GidsTagGroup>
|
|
21
|
+
* );
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders.
|
|
25
|
+
*/
|
|
26
|
+
export declare function GidsTagGroup({ children, className, ...rest }: GidsTagGroupProps): React.JSX.Element;
|
|
27
|
+
//# sourceMappingURL=GidsTagGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTagGroup/GidsTagGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAK7E,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,SAAS,CAAC,GACjE,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACP,EAAE,iBAAiB,qBAMnB"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTagGroupWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
const { getGidsTagGroupClassNames } = GidsTagGroupWebUtils;
|
|
4
|
+
/**
|
|
5
|
+
* React DOM implementation of GIDS TagGroup component.
|
|
6
|
+
*
|
|
7
|
+
* **Usage**
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { GidsTagGroup } from '@ganpatiinfo/gids-react-web';
|
|
11
|
+
*
|
|
12
|
+
* export const MyComponent = () => (
|
|
13
|
+
* <GidsTagGroup>
|
|
14
|
+
* <GidsDisplayTag
|
|
15
|
+
* appearance="subtle"
|
|
16
|
+
* color="accent-1"
|
|
17
|
+
* label="Display Tag 1"
|
|
18
|
+
* size="md"/>
|
|
19
|
+
* <!-- more tags -->
|
|
20
|
+
* </GidsTagGroup>
|
|
21
|
+
* );
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders.
|
|
25
|
+
*/
|
|
26
|
+
export function GidsTagGroup({ children, className, ...rest }) {
|
|
27
|
+
return (React.createElement("span", { className: getGidsTagGroupClassNames(className), ...rest }, children));
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=GidsTagGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTagGroup.js","sourceRoot":"","sources":["../../../src/components/GidsTagGroup/GidsTagGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAK3D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACY;IACnB,OAAO,CACN,8BAAM,SAAS,EAAE,yBAAyB,CAAC,SAAS,CAAC,KAAM,IAAI,IAC7D,QAAQ,CACH,CACP,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsSpinnerControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsSpinnerControl/GidsSpinnerControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EACN,KAAK,6BAA6B,EAElC,MAAM,+BAA+B,CAAC;AAOvC,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GAClE,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEH,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"GidsSpinnerControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsSpinnerControl/GidsSpinnerControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EACN,KAAK,6BAA6B,EAElC,MAAM,+BAA+B,CAAC;AAOvC,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GAClE,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,yDAOhC,uBAAuB,KAAG,GAAG,CAAC,OAgChC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,19 +1,23 @@
|
|
|
1
|
-
export * from './components/GidsDivider/GidsDivider';
|
|
2
|
-
export * from './components/GidsDisplayTag/GidsDisplayTag';
|
|
3
|
-
export * from './components/GidsIcon/GidsIcon';
|
|
4
|
-
export * from './components/GidsLabel/GidsLabel';
|
|
5
|
-
export * from './components/GidsLink/GidsLink';
|
|
6
|
-
export * from './components/GidsCheckbox/GidsCheckbox';
|
|
7
|
-
export * from './components/GidsRadio/GidsRadio';
|
|
8
|
-
export * from './components/GidsSwitch/GidsSwitch';
|
|
9
|
-
export * from './components/GidsButton/GidsButton';
|
|
10
|
-
export * from './components/GidsSpinner/GidsSpinner';
|
|
11
|
-
export * from './components/GidsCheckboxGroup/GidsCheckboxGroup';
|
|
12
|
-
export * from './components/GidsRadioGroup/GidsRadioGroup';
|
|
13
|
-
export * from './components/GidsSwitchGroup/GidsSwitchGroup';
|
|
14
|
-
export * from './components/GidsBadge/GidsBadge';
|
|
1
|
+
export * from './components/GidsDivider/GidsDivider.js';
|
|
2
|
+
export * from './components/GidsDisplayTag/GidsDisplayTag.js';
|
|
3
|
+
export * from './components/GidsIcon/GidsIcon.js';
|
|
4
|
+
export * from './components/GidsLabel/GidsLabel.js';
|
|
5
|
+
export * from './components/GidsLink/GidsLink.js';
|
|
6
|
+
export * from './components/GidsCheckbox/GidsCheckbox.js';
|
|
7
|
+
export * from './components/GidsRadio/GidsRadio.js';
|
|
8
|
+
export * from './components/GidsSwitch/GidsSwitch.js';
|
|
9
|
+
export * from './components/GidsButton/GidsButton.js';
|
|
10
|
+
export * from './components/GidsSpinner/GidsSpinner.js';
|
|
11
|
+
export * from './components/GidsCheckboxGroup/GidsCheckboxGroup.js';
|
|
12
|
+
export * from './components/GidsRadioGroup/GidsRadioGroup.js';
|
|
13
|
+
export * from './components/GidsSwitchGroup/GidsSwitchGroup.js';
|
|
14
|
+
export * from './components/GidsBadge/GidsBadge.js';
|
|
15
|
+
export * from './components/GidsAvatar/GidsAvatar.js';
|
|
16
|
+
export * from './components/GidsAvatarGroup/GidsAvatarGroup.js';
|
|
17
|
+
export * from './components/GidsInputTag/GidsInputTag.js';
|
|
18
|
+
export * from './components/GidsTagGroup/GidsTagGroup.js';
|
|
15
19
|
/**
|
|
16
20
|
* STENCIL GENERATED
|
|
17
21
|
*/
|
|
18
|
-
export { default as GidsToggleButton } from './components/stencil-generated/GidsToggleButton';
|
|
22
|
+
export { default as GidsToggleButton } from './components/stencil-generated/GidsToggleButton.js';
|
|
19
23
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,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,2CAA2C,CAAC;AAE1D;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,23 @@
|
|
|
1
|
-
export * from './components/GidsDivider/GidsDivider';
|
|
2
|
-
export * from './components/GidsDisplayTag/GidsDisplayTag';
|
|
3
|
-
export * from './components/GidsIcon/GidsIcon';
|
|
4
|
-
export * from './components/GidsLabel/GidsLabel';
|
|
5
|
-
export * from './components/GidsLink/GidsLink';
|
|
6
|
-
export * from './components/GidsCheckbox/GidsCheckbox';
|
|
7
|
-
export * from './components/GidsRadio/GidsRadio';
|
|
8
|
-
export * from './components/GidsSwitch/GidsSwitch';
|
|
9
|
-
export * from './components/GidsButton/GidsButton';
|
|
10
|
-
export * from './components/GidsSpinner/GidsSpinner';
|
|
11
|
-
export * from './components/GidsCheckboxGroup/GidsCheckboxGroup';
|
|
12
|
-
export * from './components/GidsRadioGroup/GidsRadioGroup';
|
|
13
|
-
export * from './components/GidsSwitchGroup/GidsSwitchGroup';
|
|
14
|
-
export * from './components/GidsBadge/GidsBadge';
|
|
1
|
+
export * from './components/GidsDivider/GidsDivider.js';
|
|
2
|
+
export * from './components/GidsDisplayTag/GidsDisplayTag.js';
|
|
3
|
+
export * from './components/GidsIcon/GidsIcon.js';
|
|
4
|
+
export * from './components/GidsLabel/GidsLabel.js';
|
|
5
|
+
export * from './components/GidsLink/GidsLink.js';
|
|
6
|
+
export * from './components/GidsCheckbox/GidsCheckbox.js';
|
|
7
|
+
export * from './components/GidsRadio/GidsRadio.js';
|
|
8
|
+
export * from './components/GidsSwitch/GidsSwitch.js';
|
|
9
|
+
export * from './components/GidsButton/GidsButton.js';
|
|
10
|
+
export * from './components/GidsSpinner/GidsSpinner.js';
|
|
11
|
+
export * from './components/GidsCheckboxGroup/GidsCheckboxGroup.js';
|
|
12
|
+
export * from './components/GidsRadioGroup/GidsRadioGroup.js';
|
|
13
|
+
export * from './components/GidsSwitchGroup/GidsSwitchGroup.js';
|
|
14
|
+
export * from './components/GidsBadge/GidsBadge.js';
|
|
15
|
+
export * from './components/GidsAvatar/GidsAvatar.js';
|
|
16
|
+
export * from './components/GidsAvatarGroup/GidsAvatarGroup.js';
|
|
17
|
+
export * from './components/GidsInputTag/GidsInputTag.js';
|
|
18
|
+
export * from './components/GidsTagGroup/GidsTagGroup.js';
|
|
15
19
|
/**
|
|
16
20
|
* STENCIL GENERATED
|
|
17
21
|
*/
|
|
18
|
-
export { default as GidsToggleButton } from './components/stencil-generated/GidsToggleButton';
|
|
22
|
+
export { default as GidsToggleButton } from './components/stencil-generated/GidsToggleButton.js';
|
|
19
23
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,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,2CAA2C,CAAC;AAE1D;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ganpatiinfo/gids-react-web",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.8",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "This package is react web package with all components",
|
|
6
6
|
"homepage": "https://ganpatiinfosystem.vercel.app/",
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"dist/"
|
|
23
23
|
],
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@ganpatiinfo/gids-core-web": "2.0.
|
|
26
|
-
"@ganpatiinfo/gids-web-theme-interface": "2.0.
|
|
25
|
+
"@ganpatiinfo/gids-core-web": "2.0.7",
|
|
26
|
+
"@ganpatiinfo/gids-web-theme-interface": "2.0.7",
|
|
27
27
|
"react": "19.1.0",
|
|
28
28
|
"react-dom": "19.1.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@stencil/react-output-target": "0.8.2",
|
|
32
|
-
"@ganpatiinfo/gids-core-shared": "2.0.
|
|
33
|
-
"@ganpatiinfo/gids-web-shared": "2.0.
|
|
32
|
+
"@ganpatiinfo/gids-core-shared": "2.0.8",
|
|
33
|
+
"@ganpatiinfo/gids-web-shared": "2.0.8"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@fontsource/inter": "5.2.5",
|
|
@@ -55,10 +55,10 @@
|
|
|
55
55
|
"storybook-addon-tag-badges": "1.4.0",
|
|
56
56
|
"ts-jest": "29.3.2",
|
|
57
57
|
"sass": "^1.88.0",
|
|
58
|
-
"@ganpatiinfo/gids-storybook-theme": "2.0.
|
|
59
|
-
"@ganpatiinfo/gids-storybook-utilities": "2.0.
|
|
60
|
-
"@ganpatiinfo/gids-web-dom-reference": "2.0.
|
|
61
|
-
"@ganpatiinfo/gids-web-theme-ganpatiinfo": "2.0.
|
|
58
|
+
"@ganpatiinfo/gids-storybook-theme": "2.0.7",
|
|
59
|
+
"@ganpatiinfo/gids-storybook-utilities": "2.0.6",
|
|
60
|
+
"@ganpatiinfo/gids-web-dom-reference": "2.0.8",
|
|
61
|
+
"@ganpatiinfo/gids-web-theme-ganpatiinfo": "2.0.7"
|
|
62
62
|
},
|
|
63
63
|
"author": {
|
|
64
64
|
"name": "Ganpatiinfo Design System",
|