@imposium-hub/components 2.5.10-3 → 2.5.10-4
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/card/Card.d.ts +1 -0
- package/dist/cjs/components/card/Card.js +11 -3
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +1 -0
- package/dist/esm/components/card/Card.js +10 -3
- package/dist/esm/components/card/Card.js.map +1 -1
- package/package.json +1 -1
- package/src/components/card/Card.tsx +22 -10
|
@@ -116,13 +116,21 @@ var Card = /** @class */ (function (_super) {
|
|
|
116
116
|
this.renderContent()));
|
|
117
117
|
};
|
|
118
118
|
Card.prototype.renderButtons = function () {
|
|
119
|
-
var
|
|
119
|
+
var _this = this;
|
|
120
|
+
var _a = this.props, collapsable = _a.collapsable, buttons = _a.buttons;
|
|
120
121
|
var open = this.state.open;
|
|
121
122
|
var buttonIcon = open ? icons_1.ICON_CARET_UP : icons_1.ICON_CARET_DOWN;
|
|
123
|
+
var buttonArray;
|
|
124
|
+
var toggleBtn = (React.createElement(Button_1.default, { key: 'toggleOpen', style: 'subtle', onClick: function (e) { return _this.toggleOpen(e); } }, buttonIcon));
|
|
125
|
+
if (buttons && buttons.length > 0) {
|
|
126
|
+
buttonArray = buttons.map(function (button) {
|
|
127
|
+
return button;
|
|
128
|
+
});
|
|
129
|
+
}
|
|
122
130
|
if (collapsable) {
|
|
123
|
-
|
|
124
|
-
React.createElement(Button_1.default, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon)));
|
|
131
|
+
buttonArray.push(toggleBtn);
|
|
125
132
|
}
|
|
133
|
+
return React.createElement("div", { className: 'header-buttons' }, buttonArray);
|
|
126
134
|
};
|
|
127
135
|
return Card;
|
|
128
136
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAuE;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,13 +71,20 @@ class Card extends React.PureComponent {
|
|
|
71
71
|
this.renderContent()));
|
|
72
72
|
}
|
|
73
73
|
renderButtons() {
|
|
74
|
-
const { collapsable } = this.props;
|
|
74
|
+
const { collapsable, buttons } = this.props;
|
|
75
75
|
const { open } = this.state;
|
|
76
76
|
const buttonIcon = open ? ICON_CARET_UP : ICON_CARET_DOWN;
|
|
77
|
+
let buttonArray;
|
|
78
|
+
const toggleBtn = (React.createElement(Button, { key: 'toggleOpen', style: 'subtle', onClick: (e) => this.toggleOpen(e) }, buttonIcon));
|
|
79
|
+
if (buttons && buttons.length > 0) {
|
|
80
|
+
buttonArray = buttons.map((button) => {
|
|
81
|
+
return button;
|
|
82
|
+
});
|
|
83
|
+
}
|
|
77
84
|
if (collapsable) {
|
|
78
|
-
|
|
79
|
-
React.createElement(Button, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon)));
|
|
85
|
+
buttonArray.push(toggleBtn);
|
|
80
86
|
}
|
|
87
|
+
return React.createElement("div", { className: 'header-buttons' }, buttonArray);
|
|
81
88
|
}
|
|
82
89
|
}
|
|
83
90
|
export default Card;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@ interface ICardProps {
|
|
|
11
11
|
onOpen?: (e: any) => any;
|
|
12
12
|
onClose?: (e: any) => any;
|
|
13
13
|
onToggle?: (toggle: boolean) => any;
|
|
14
|
+
buttons?: any[];
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
interface ICardState {
|
|
@@ -109,21 +110,32 @@ class Card extends React.PureComponent<ICardProps, ICardState> {
|
|
|
109
110
|
}
|
|
110
111
|
|
|
111
112
|
public renderButtons() {
|
|
112
|
-
const { collapsable } = this.props;
|
|
113
|
+
const { collapsable, buttons } = this.props;
|
|
113
114
|
const { open } = this.state;
|
|
114
115
|
const buttonIcon = open ? ICON_CARET_UP : ICON_CARET_DOWN;
|
|
115
116
|
|
|
117
|
+
let buttonArray: JSX.Element[];
|
|
118
|
+
|
|
119
|
+
const toggleBtn = (
|
|
120
|
+
<Button
|
|
121
|
+
key='toggleOpen'
|
|
122
|
+
style='subtle'
|
|
123
|
+
onClick={(e) => this.toggleOpen(e)}>
|
|
124
|
+
{buttonIcon}
|
|
125
|
+
</Button>
|
|
126
|
+
);
|
|
127
|
+
|
|
128
|
+
if (buttons && buttons.length > 0) {
|
|
129
|
+
buttonArray = buttons.map((button) => {
|
|
130
|
+
return button;
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
|
|
116
134
|
if (collapsable) {
|
|
117
|
-
|
|
118
|
-
<div className='header-buttons'>
|
|
119
|
-
<Button
|
|
120
|
-
style='subtle'
|
|
121
|
-
onClick={this.evtHandlers.toggleOpen}>
|
|
122
|
-
{buttonIcon}
|
|
123
|
-
</Button>
|
|
124
|
-
</div>
|
|
125
|
-
);
|
|
135
|
+
buttonArray.push(toggleBtn);
|
|
126
136
|
}
|
|
137
|
+
|
|
138
|
+
return <div className='header-buttons'>{buttonArray}</div>;
|
|
127
139
|
}
|
|
128
140
|
}
|
|
129
141
|
|