@imposium-hub/components 2.2.0 → 2.2.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.
- package/dist/cjs/components/button/Button.d.ts +1 -0
- package/dist/cjs/components/button/Button.js +3 -3
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +1 -0
- package/dist/esm/components/button/Button.js +3 -3
- package/dist/esm/components/button/Button.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +4 -3
|
@@ -68,10 +68,10 @@ var Button = /** @class */ (function (_super) {
|
|
|
68
68
|
Button.prototype.render = function () {
|
|
69
69
|
var _this = this;
|
|
70
70
|
var _a = this.props, style = _a.style, color = _a.color, size = _a.size, customStyles = _a.customStyles;
|
|
71
|
-
var _b = this.props, width = _b.width, loading = _b.loading, tooltip = _b.tooltip;
|
|
72
|
-
var _c = this.props, active = _c.active, disabled = _c.disabled, buttonRef = _c.buttonRef;
|
|
71
|
+
var _b = this.props, width = _b.width, loading = _b.loading, tooltip = _b.tooltip, customClass = _b.customClass, active = _b.active, disabled = _b.disabled, buttonRef = _b.buttonRef;
|
|
73
72
|
var activeClass = active ? 'active' : '';
|
|
74
73
|
var disabledClass = disabled ? 'disabled' : '';
|
|
74
|
+
var customClassName = customClass ? customClass : '';
|
|
75
75
|
if (!size) {
|
|
76
76
|
size = '';
|
|
77
77
|
}
|
|
@@ -92,7 +92,7 @@ var Button = /** @class */ (function (_super) {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
var kids = !loading ? (this.props.children) : (React.createElement("span", { className: 'loading-icon' }, icons_1.ICON_CIRCLE_NOTCH));
|
|
95
|
-
var content = (React.createElement("div", __assign({}, (0, Tooltip_1.renderTooltipProps)(this.tooltipId, tooltip), { ref: buttonRef, className: "imposium-btn btn-".concat(style, " ").concat(size, " ").concat(color, " ").concat(activeClass, " ").concat(disabledClass), onClick: function (e) { return _this.onClick(e); }, style: customStyles }),
|
|
95
|
+
var content = (React.createElement("div", __assign({}, (0, Tooltip_1.renderTooltipProps)(this.tooltipId, tooltip), { ref: buttonRef, className: "imposium-btn btn-".concat(style, " ").concat(size, " ").concat(color, " ").concat(activeClass, " ").concat(disabledClass, " ").concat(customClassName), onClick: function (e) { return _this.onClick(e); }, style: customStyles }),
|
|
96
96
|
kids,
|
|
97
97
|
(0, Tooltip_1.renderTooltip)(this.tooltipId, tooltip)));
|
|
98
98
|
return content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mCAA0C;AAC1C,sCAA+E;AAC/E,+CAA0D;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mCAA0C;AAC1C,sCAA+E;AAC/E,+CAA0D;AAkB1D;IAAqB,0BAAiC;IAGlD,gBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAGf;QADG,KAAI,CAAC,SAAS,GAAG,0BAAmB,IAAA,mBAAY,GAAE,CAAE,CAAC;;IACzD,CAAC;IAEO,wBAAO,GAAf,UAAgB,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACzB;IACL,CAAC;IAEM,uBAAM,GAAb;QAAA,iBA6CC;QA5CO,IAAA,KAAuC,IAAI,CAAC,KAAK,EAA/C,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAe,CAAC;QAChD,IAAA,KAAwE,IAAI,CAAC,KAAK,EAAhF,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAe,CAAC;QACzF,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,IAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvD,IAAI,CAAC,IAAI,EAAE;YACP,IAAI,GAAG,EAAE,CAAC;SACb;QACD,IAAI,CAAC,KAAK,EAAE;YACR,KAAK,GAAG,SAAS,CAAC;SACrB;QACD,IAAI,CAAC,KAAK,EAAE;YACR,KAAK,GAAG,EAAE,CAAC;SACd;QACD,IAAI,KAAK,EAAE;YACP,IAAI,YAAY,EAAE;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;aACjC;iBAAM;gBACH,YAAY,GAAG;oBACX,KAAK,OAAA;iBACR,CAAC;aACL;SACJ;QAED,IAAM,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CACtB,CAAC,CAAC,CAAC,CACA,8BAAM,SAAS,EAAC,cAAc,IAAE,yBAAiB,CAAQ,CAC5D,CAAC;QAEF,IAAM,OAAO,GAAG,CACZ,wCACQ,IAAA,4BAAkB,EAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,IAC/C,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,2BAAoB,KAAK,cAAI,IAAI,cAAI,KAAK,cAAI,WAAW,cAAI,aAAa,cAAI,eAAe,CAAE,EAC1G,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe,EAC/B,KAAK,EAAE,YAAY;YAClB,IAAI;YACJ,IAAA,uBAAa,EAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CACrC,CACT,CAAC;QAEF,OAAO,OAAO,CAAC;IACnB,CAAC;IACL,aAAC;AAAD,CAAC,AA7DD,CAAqB,KAAK,CAAC,aAAa,GA6DvC;AAED,kBAAe,MAAM,CAAC"}
|
|
@@ -15,10 +15,10 @@ class Button extends React.PureComponent {
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
let { style, color, size, customStyles } = this.props;
|
|
18
|
-
const { width, loading, tooltip } = this.props;
|
|
19
|
-
const { active, disabled, buttonRef } = this.props;
|
|
18
|
+
const { width, loading, tooltip, customClass, active, disabled, buttonRef } = this.props;
|
|
20
19
|
const activeClass = active ? 'active' : '';
|
|
21
20
|
const disabledClass = disabled ? 'disabled' : '';
|
|
21
|
+
const customClassName = customClass ? customClass : '';
|
|
22
22
|
if (!size) {
|
|
23
23
|
size = '';
|
|
24
24
|
}
|
|
@@ -39,7 +39,7 @@ class Button extends React.PureComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
const kids = !loading ? (this.props.children) : (React.createElement("span", { className: 'loading-icon' }, ICON_CIRCLE_NOTCH));
|
|
42
|
-
const content = (React.createElement("div", { ...renderTooltipProps(this.tooltipId, tooltip), ref: buttonRef, className: `imposium-btn btn-${style} ${size} ${color} ${activeClass} ${disabledClass}`, onClick: (e) => this.onClick(e), style: customStyles },
|
|
42
|
+
const content = (React.createElement("div", { ...renderTooltipProps(this.tooltipId, tooltip), ref: buttonRef, className: `imposium-btn btn-${style} ${size} ${color} ${activeClass} ${disabledClass} ${customClassName}`, onClick: (e) => this.onClick(e), style: customStyles },
|
|
43
43
|
kids,
|
|
44
44
|
renderTooltip(this.tooltipId, tooltip)));
|
|
45
45
|
return content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAkB1D,MAAM,MAAO,SAAQ,KAAK,CAAC,aAA2B;IAC1C,SAAS,CAAS;IAE1B,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,SAAS,GAAG,mBAAmB,YAAY,EAAE,EAAE,CAAC;IACzD,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACzB;IACL,CAAC;IAEM,MAAM;QACT,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvD,IAAI,CAAC,IAAI,EAAE;YACP,IAAI,GAAG,EAAE,CAAC;SACb;QACD,IAAI,CAAC,KAAK,EAAE;YACR,KAAK,GAAG,SAAS,CAAC;SACrB;QACD,IAAI,CAAC,KAAK,EAAE;YACR,KAAK,GAAG,EAAE,CAAC;SACd;QACD,IAAI,KAAK,EAAE;YACP,IAAI,YAAY,EAAE;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;aACjC;iBAAM;gBACH,YAAY,GAAG;oBACX,KAAK;iBACR,CAAC;aACL;SACJ;QAED,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CACtB,CAAC,CAAC,CAAC,CACA,8BAAM,SAAS,EAAC,cAAc,IAAE,iBAAiB,CAAQ,CAC5D,CAAC;QAEF,MAAM,OAAO,GAAG,CACZ,gCACQ,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC/C,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,oBAAoB,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,WAAW,IAAI,aAAa,IAAI,eAAe,EAAE,EAC1G,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,KAAK,EAAE,YAAY;YAClB,IAAI;YACJ,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CACrC,CACT,CAAC;QAEF,OAAO,OAAO,CAAC;IACnB,CAAC;CACJ;AAED,eAAe,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ import { renderTooltipProps, renderTooltip, IToolTipConfig } from '../Tooltip';
|
|
|
4
4
|
import { ICON_CIRCLE_NOTCH } from '../../constants/icons';
|
|
5
5
|
|
|
6
6
|
interface IButtonProps {
|
|
7
|
+
customClass?: string;
|
|
7
8
|
active?: boolean;
|
|
8
9
|
buttonRef?: any;
|
|
9
10
|
children?: any;
|
|
@@ -35,10 +36,10 @@ class Button extends React.PureComponent<IButtonProps> {
|
|
|
35
36
|
|
|
36
37
|
public render() {
|
|
37
38
|
let { style, color, size, customStyles } = this.props;
|
|
38
|
-
const { width, loading, tooltip } = this.props;
|
|
39
|
-
const { active, disabled, buttonRef } = this.props;
|
|
39
|
+
const { width, loading, tooltip, customClass, active, disabled, buttonRef } = this.props;
|
|
40
40
|
const activeClass = active ? 'active' : '';
|
|
41
41
|
const disabledClass = disabled ? 'disabled' : '';
|
|
42
|
+
const customClassName = customClass ? customClass : '';
|
|
42
43
|
|
|
43
44
|
if (!size) {
|
|
44
45
|
size = '';
|
|
@@ -69,7 +70,7 @@ class Button extends React.PureComponent<IButtonProps> {
|
|
|
69
70
|
<div
|
|
70
71
|
{...renderTooltipProps(this.tooltipId, tooltip)}
|
|
71
72
|
ref={buttonRef}
|
|
72
|
-
className={`imposium-btn btn-${style} ${size} ${color} ${activeClass} ${disabledClass}`}
|
|
73
|
+
className={`imposium-btn btn-${style} ${size} ${color} ${activeClass} ${disabledClass} ${customClassName}`}
|
|
73
74
|
onClick={(e) => this.onClick(e)}
|
|
74
75
|
style={customStyles}>
|
|
75
76
|
{kids}
|