@purpurds/alert-badge 7.6.1 → 7.7.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-badge.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/alert-badge.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type
|
|
1
|
+
{"version":3,"file":"alert-badge.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/alert-badge.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./alert-badge.module.scss\";\nconst cx = c.bind(styles);\n\nexport const ALERT_BADGE_VARIANT = {\n ATTENTION: \"attention\",\n INFORMATION: \"information\",\n SUCCESS: \"success\",\n WARNING: \"warning\",\n ERROR: \"error\",\n NEUTRAL: \"neutral\",\n} as const;\n\nexport const alertBadgeVariants = Object.values(ALERT_BADGE_VARIANT);\nexport type AlertBadgeVariant = (typeof ALERT_BADGE_VARIANT)[keyof typeof ALERT_BADGE_VARIANT];\n\nexport type AlertBadgeProps = Omit<BaseProps<\"span\">, \"children\"> & {\n variant: AlertBadgeVariant;\n};\n\nconst rootClassName = \"purpur-alert-badge\";\n\nexport const AlertBadge = forwardRef<HTMLSpanElement, AlertBadgeProps>((props, ref) => {\n const { className, variant, ...otherProps } = props;\n const classes = cx([className, rootClassName, `${rootClassName}--${variant}`]);\n\n return <span {...otherProps} className={classes} ref={ref} />;\n});\n\nAlertBadge.displayName = \"AlertBadge\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","ALERT_BADGE_VARIANT","alertBadgeVariants","rootClassName","AlertBadge","forwardRef","props","ref","className","variant","otherProps"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,6gBCvEMU,EAAKC,EAAE,KAAKC,CAAM,EAEXC,EAAsB,CACjC,UAAW,YACX,YAAa,cACb,QAAS,UACT,QAAS,UACT,MAAO,QACP,QAAS,SACX,EAEaC,EAAqB,OAAO,OAAOD,CAAmB,EAO7DE,EAAgB,qBAETC,EAAaC,EAAA,WAA6C,CAACC,EAAOC,IAAQ,CACrF,KAAM,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAe,EAAAJ,EACxCjB,EAAUS,EAAG,CAACU,EAAWL,EAAe,GAAGA,CAAa,KAAKM,CAAO,EAAE,CAAC,EAE7E,aAAQ,OAAM,CAAA,GAAGC,EAAY,UAAWrB,EAAS,IAAAkB,EAAU,CAC7D,CAAC,EAEDH,EAAW,YAAc","x_google_ignoreList":[0]}
|
package/dist/alert-badge.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { BaseProps } from '@purpurds/common-types';
|
|
2
3
|
|
|
3
4
|
export declare const ALERT_BADGE_VARIANT: {
|
|
4
5
|
readonly ATTENTION: "attention";
|
|
@@ -10,12 +11,8 @@ export declare const ALERT_BADGE_VARIANT: {
|
|
|
10
11
|
};
|
|
11
12
|
export declare const alertBadgeVariants: ("attention" | "information" | "success" | "warning" | "error" | "neutral")[];
|
|
12
13
|
export type AlertBadgeVariant = (typeof ALERT_BADGE_VARIANT)[keyof typeof ALERT_BADGE_VARIANT];
|
|
13
|
-
export type AlertBadgeProps =
|
|
14
|
-
["data-testid"]?: string;
|
|
14
|
+
export type AlertBadgeProps = Omit<BaseProps<"span">, "children"> & {
|
|
15
15
|
variant: AlertBadgeVariant;
|
|
16
16
|
};
|
|
17
|
-
export declare const AlertBadge: React.ForwardRefExoticComponent<
|
|
18
|
-
"data-testid"?: string;
|
|
19
|
-
variant: AlertBadgeVariant;
|
|
20
|
-
} & React.RefAttributes<HTMLSpanElement>>;
|
|
17
|
+
export declare const AlertBadge: React.ForwardRefExoticComponent<Omit<AlertBadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
21
18
|
//# sourceMappingURL=alert-badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-badge.d.ts","sourceRoot":"","sources":["../src/alert-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"alert-badge.d.ts","sourceRoot":"","sources":["../src/alert-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD,eAAO,MAAM,mBAAmB;;;;;;;CAOtB,CAAC;AAEX,eAAO,MAAM,kBAAkB,+EAAqC,CAAC;AACrE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAE/F,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClE,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,UAAU,sGAKrB,CAAC"}
|
package/dist/alert-badge.es.js
CHANGED
|
@@ -58,12 +58,10 @@ const g = /* @__PURE__ */ f(_), m = {
|
|
|
58
58
|
WARNING: "warning",
|
|
59
59
|
ERROR: "error",
|
|
60
60
|
NEUTRAL: "neutral"
|
|
61
|
-
}, R = Object.values(N), l = "purpur-alert-badge", h = d(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
);
|
|
61
|
+
}, R = Object.values(N), l = "purpur-alert-badge", h = d((e, o) => {
|
|
62
|
+
const { className: a, variant: u, ...s } = e, r = w([a, l, `${l}--${u}`]);
|
|
63
|
+
return /* @__PURE__ */ c("span", { ...s, className: r, ref: o });
|
|
64
|
+
});
|
|
67
65
|
h.displayName = "AlertBadge";
|
|
68
66
|
export {
|
|
69
67
|
N as ALERT_BADGE_VARIANT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-badge.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/alert-badge.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type
|
|
1
|
+
{"version":3,"file":"alert-badge.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/alert-badge.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./alert-badge.module.scss\";\nconst cx = c.bind(styles);\n\nexport const ALERT_BADGE_VARIANT = {\n ATTENTION: \"attention\",\n INFORMATION: \"information\",\n SUCCESS: \"success\",\n WARNING: \"warning\",\n ERROR: \"error\",\n NEUTRAL: \"neutral\",\n} as const;\n\nexport const alertBadgeVariants = Object.values(ALERT_BADGE_VARIANT);\nexport type AlertBadgeVariant = (typeof ALERT_BADGE_VARIANT)[keyof typeof ALERT_BADGE_VARIANT];\n\nexport type AlertBadgeProps = Omit<BaseProps<\"span\">, \"children\"> & {\n variant: AlertBadgeVariant;\n};\n\nconst rootClassName = \"purpur-alert-badge\";\n\nexport const AlertBadge = forwardRef<HTMLSpanElement, AlertBadgeProps>((props, ref) => {\n const { className, variant, ...otherProps } = props;\n const classes = cx([className, rootClassName, `${rootClassName}--${variant}`]);\n\n return <span {...otherProps} className={classes} ref={ref} />;\n});\n\nAlertBadge.displayName = \"AlertBadge\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","ALERT_BADGE_VARIANT","alertBadgeVariants","rootClassName","AlertBadge","forwardRef","props","ref","className","variant","otherProps"],"mappings":";;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;GCvEMU,IAAKC,EAAE,KAAKC,CAAM,GAEXC,IAAsB;AAAA,EACjC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,GAEaC,IAAqB,OAAO,OAAOD,CAAmB,GAO7DE,IAAgB,sBAETC,IAAaC,EAA6C,CAACC,GAAOC,MAAQ;AACrF,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAe,IAAAJ,GACxCjB,IAAUS,EAAG,CAACU,GAAWL,GAAe,GAAGA,CAAa,KAAKM,CAAO,EAAE,CAAC;AAE7E,2BAAQ,QAAM,EAAA,GAAGC,GAAY,WAAWrB,GAAS,KAAAkB,GAAU;AAC7D,CAAC;AAEDH,EAAW,cAAc;","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/alert-badge",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.7.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/alert-badge.cjs.js",
|
|
6
6
|
"types": "./dist/alert-badge.d.ts",
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
"source": "src/alert-badge.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/
|
|
19
|
+
"@purpurds/common-types": "7.7.0",
|
|
20
|
+
"@purpurds/tokens": "7.7.0"
|
|
20
21
|
},
|
|
21
22
|
"devDependencies": {
|
|
22
23
|
"eslint": "9.24.0",
|
package/src/alert-badge.test.tsx
CHANGED
|
@@ -10,9 +10,12 @@ expect.extend(matchers);
|
|
|
10
10
|
describe("AlertBadge", () => {
|
|
11
11
|
alertBadgeVariants.forEach((variant) => {
|
|
12
12
|
it(`${variant} variant"`, () => {
|
|
13
|
-
render(
|
|
13
|
+
render(
|
|
14
|
+
<AlertBadge variant={variant} data-testid={`alert-badge-${variant}`} className="override" />
|
|
15
|
+
);
|
|
14
16
|
expect(screen.getByTestId(`alert-badge-${variant}`)).toHaveClass(
|
|
15
|
-
`purpur-alert-badge--${variant}`,
|
|
17
|
+
`purpur-alert-badge--${variant}`,
|
|
18
|
+
"override"
|
|
16
19
|
);
|
|
17
20
|
});
|
|
18
21
|
});
|
package/src/alert-badge.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import type { BaseProps } from "@purpurds/common-types";
|
|
2
3
|
import c from "classnames/bind";
|
|
3
4
|
|
|
4
5
|
import styles from "./alert-badge.module.scss";
|
|
@@ -16,20 +17,17 @@ export const ALERT_BADGE_VARIANT = {
|
|
|
16
17
|
export const alertBadgeVariants = Object.values(ALERT_BADGE_VARIANT);
|
|
17
18
|
export type AlertBadgeVariant = (typeof ALERT_BADGE_VARIANT)[keyof typeof ALERT_BADGE_VARIANT];
|
|
18
19
|
|
|
19
|
-
export type AlertBadgeProps =
|
|
20
|
-
["data-testid"]?: string;
|
|
20
|
+
export type AlertBadgeProps = Omit<BaseProps<"span">, "children"> & {
|
|
21
21
|
variant: AlertBadgeVariant;
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
const rootClassName = "purpur-alert-badge";
|
|
25
25
|
|
|
26
|
-
export const AlertBadge = forwardRef(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const classes = cx([className, rootClassName, `${rootClassName}--${variant}`]);
|
|
26
|
+
export const AlertBadge = forwardRef<HTMLSpanElement, AlertBadgeProps>((props, ref) => {
|
|
27
|
+
const { className, variant, ...otherProps } = props;
|
|
28
|
+
const classes = cx([className, rootClassName, `${rootClassName}--${variant}`]);
|
|
30
29
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
);
|
|
30
|
+
return <span {...otherProps} className={classes} ref={ref} />;
|
|
31
|
+
});
|
|
34
32
|
|
|
35
33
|
AlertBadge.displayName = "AlertBadge";
|