@clayui/badge 3.92.0 → 3.105.1-alpha.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/lib/index.d.ts +1 -1
- package/lib/index.js.map +1 -0
- package/package.json +3 -4
- package/src/__tests__/__snapshots__/index.tsx.snap +0 -25
- package/src/__tests__/index.tsx +0 -26
- package/src/index.tsx +0 -47
package/lib/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
4
|
*/
|
|
5
5
|
import React from 'react';
|
|
6
|
-
declare type DisplayType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'beta';
|
|
6
|
+
declare type DisplayType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'beta' | 'beta-dark';
|
|
7
7
|
interface IProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
8
8
|
/**
|
|
9
9
|
* Determines the color of the badge.
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_classnames","_interopRequireDefault","require","_react","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayBadge","React","forwardRef","_ref","ref","className","_ref$displayType","displayType","label","otherProps","createElement","classNames","concat","displayName","_default","exports"],"sources":["../src/index.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport classNames from 'classnames';\nimport React from 'react';\n\ntype DisplayType =\n\t| 'primary'\n\t| 'secondary'\n\t| 'info'\n\t| 'danger'\n\t| 'success'\n\t| 'warning'\n\t| 'beta'\n\t| 'beta-dark';\n\ninterface IProps extends React.HTMLAttributes<HTMLSpanElement> {\n\t/**\n\t * Determines the color of the badge.\n\t */\n\tdisplayType?: DisplayType;\n\n\t/**\n\t * Info that is shown inside of the badge itself.\n\t */\n\tlabel?: string | number;\n}\n\nconst ClayBadge = React.forwardRef<HTMLSpanElement, IProps>(\n\t(\n\t\t{className, displayType = 'primary', label, ...otherProps}: IProps,\n\t\tref\n\t) => (\n\t\t<span\n\t\t\t{...otherProps}\n\t\t\tclassName={classNames('badge', `badge-${displayType}`, className)}\n\t\t\tref={ref}\n\t\t>\n\t\t\t<span className=\"badge-item badge-item-expand\">{label}</span>\n\t\t</span>\n\t)\n);\n\nClayBadge.displayName = 'ClayBadge';\n\nexport default ClayBadge;\n"],"mappings":";;;;;;AAKA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAN1B;AACA;AACA;AACA;AAHA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AA8BA,IAAMmB,SAAS,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAECC,GAAG;EAAA,IADFC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,gBAAA,GAAAH,IAAA,CAAEI,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,SAAS,GAAAA,gBAAA;IAAEE,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAKC,UAAU,GAAAlB,wBAAA,CAAAY,IAAA,EAAA9B,SAAA;EAAA,oBAGzDD,MAAA,CAAAI,OAAA,CAAAkC,aAAA,SAAAjC,QAAA,KACKgC,UAAU;IACdJ,SAAS,EAAE,IAAAM,mBAAU,EAAC,OAAO,WAAAC,MAAA,CAAWL,WAAW,GAAIF,SAAS,CAAE;IAClED,GAAG,EAAEA;EAAI,iBAEThC,MAAA,CAAAI,OAAA,CAAAkC,aAAA;IAAML,SAAS,EAAC;EAA8B,GAAEG,KAAY,CACvD,CAAC;AAAA,CAET,CAAC;AAEDR,SAAS,CAACa,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAErBd,SAAS;AAAAe,OAAA,CAAAvC,OAAA,GAAAsC,QAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clayui/badge",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.105.1-alpha.8+41563f2b8",
|
|
4
4
|
"description": "ClayBadge component",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": "https://github.com/liferay/clay",
|
|
@@ -12,8 +12,7 @@
|
|
|
12
12
|
"types": "lib/index.d.ts",
|
|
13
13
|
"ts:main": "src/index.tsx",
|
|
14
14
|
"files": [
|
|
15
|
-
"lib"
|
|
16
|
-
"src"
|
|
15
|
+
"lib"
|
|
17
16
|
],
|
|
18
17
|
"scripts": {
|
|
19
18
|
"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
|
|
@@ -36,5 +35,5 @@
|
|
|
36
35
|
"browserslist": [
|
|
37
36
|
"extends browserslist-config-clay"
|
|
38
37
|
],
|
|
39
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "41563f2b8f5a330f313a25b5eb6a56a014cdec2c"
|
|
40
39
|
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`ClayBadge applies custom className 1`] = `
|
|
4
|
-
<span
|
|
5
|
-
className="badge badge-primary bar foo"
|
|
6
|
-
>
|
|
7
|
-
<span
|
|
8
|
-
className="badge-item badge-item-expand"
|
|
9
|
-
>
|
|
10
|
-
4
|
|
11
|
-
</span>
|
|
12
|
-
</span>
|
|
13
|
-
`;
|
|
14
|
-
|
|
15
|
-
exports[`ClayBadge renders 1`] = `
|
|
16
|
-
<span
|
|
17
|
-
className="badge badge-primary"
|
|
18
|
-
>
|
|
19
|
-
<span
|
|
20
|
-
className="badge-item badge-item-expand"
|
|
21
|
-
>
|
|
22
|
-
4
|
|
23
|
-
</span>
|
|
24
|
-
</span>
|
|
25
|
-
`;
|
package/src/__tests__/index.tsx
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import ClayBadge from '..';
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import TestRenderer from 'react-test-renderer';
|
|
9
|
-
|
|
10
|
-
describe('ClayBadge', () => {
|
|
11
|
-
it('renders', () => {
|
|
12
|
-
const testRenderer = TestRenderer.create(
|
|
13
|
-
<ClayBadge displayType="primary" label="4" />
|
|
14
|
-
);
|
|
15
|
-
|
|
16
|
-
expect(testRenderer.toJSON()).toMatchSnapshot();
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
it('applies custom className', () => {
|
|
20
|
-
const testRenderer = TestRenderer.create(
|
|
21
|
-
<ClayBadge className="bar foo" displayType="primary" label="4" />
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
expect(testRenderer.toJSON()).toMatchSnapshot();
|
|
25
|
-
});
|
|
26
|
-
});
|
package/src/index.tsx
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import classNames from 'classnames';
|
|
7
|
-
import React from 'react';
|
|
8
|
-
|
|
9
|
-
type DisplayType =
|
|
10
|
-
| 'primary'
|
|
11
|
-
| 'secondary'
|
|
12
|
-
| 'info'
|
|
13
|
-
| 'danger'
|
|
14
|
-
| 'success'
|
|
15
|
-
| 'warning'
|
|
16
|
-
| 'beta';
|
|
17
|
-
|
|
18
|
-
interface IProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
19
|
-
/**
|
|
20
|
-
* Determines the color of the badge.
|
|
21
|
-
*/
|
|
22
|
-
displayType?: DisplayType;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Info that is shown inside of the badge itself.
|
|
26
|
-
*/
|
|
27
|
-
label?: string | number;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const ClayBadge = React.forwardRef<HTMLSpanElement, IProps>(
|
|
31
|
-
(
|
|
32
|
-
{className, displayType = 'primary', label, ...otherProps}: IProps,
|
|
33
|
-
ref
|
|
34
|
-
) => (
|
|
35
|
-
<span
|
|
36
|
-
{...otherProps}
|
|
37
|
-
className={classNames('badge', `badge-${displayType}`, className)}
|
|
38
|
-
ref={ref}
|
|
39
|
-
>
|
|
40
|
-
<span className="badge-item badge-item-expand">{label}</span>
|
|
41
|
-
</span>
|
|
42
|
-
)
|
|
43
|
-
);
|
|
44
|
-
|
|
45
|
-
ClayBadge.displayName = 'ClayBadge';
|
|
46
|
-
|
|
47
|
-
export default ClayBadge;
|