@khanacademy/wonder-blocks-icon-button 4.0.5 → 4.0.7
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/CHANGELOG.md +17 -0
- package/dist/es/index.js +12 -38
- package/dist/index.js +12 -38
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-icon-button
|
|
2
2
|
|
|
3
|
+
## 4.0.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- @khanacademy/wonder-blocks-clickable@3.0.7
|
|
8
|
+
- @khanacademy/wonder-blocks-icon@2.0.7
|
|
9
|
+
|
|
10
|
+
## 4.0.6
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- c20f48f3: Don't transpile classes when building bundles
|
|
15
|
+
- Updated dependencies [c20f48f3]
|
|
16
|
+
- @khanacademy/wonder-blocks-clickable@3.0.6
|
|
17
|
+
- @khanacademy/wonder-blocks-core@5.0.4
|
|
18
|
+
- @khanacademy/wonder-blocks-icon@2.0.6
|
|
19
|
+
|
|
3
20
|
## 4.0.5
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
package/dist/es/index.js
CHANGED
|
@@ -39,31 +39,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
39
39
|
return target;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
function _setPrototypeOf(o, p) {
|
|
43
|
-
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
44
|
-
o.__proto__ = p;
|
|
45
|
-
return o;
|
|
46
|
-
};
|
|
47
|
-
return _setPrototypeOf(o, p);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
function _inheritsLoose(subClass, superClass) {
|
|
51
|
-
subClass.prototype = Object.create(superClass.prototype);
|
|
52
|
-
subClass.prototype.constructor = subClass;
|
|
53
|
-
_setPrototypeOf(subClass, superClass);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
42
|
const _excluded$1 = ["skipClientNav", "color", "disabled", "focused", "hovered", "href", "icon", "kind", "light", "pressed", "style", "testId", "waiting"];
|
|
57
43
|
const StyledAnchor = addStyle("a");
|
|
58
44
|
const StyledButton = addStyle("button");
|
|
59
45
|
const StyledLink = addStyle(Link);
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
function IconButtonCore() {
|
|
63
|
-
return _React$Component.apply(this, arguments) || this;
|
|
64
|
-
}
|
|
65
|
-
var _proto = IconButtonCore.prototype;
|
|
66
|
-
_proto.renderInner = function renderInner(router) {
|
|
46
|
+
class IconButtonCore extends React.Component {
|
|
47
|
+
renderInner(router) {
|
|
67
48
|
const _this$props = this.props,
|
|
68
49
|
{
|
|
69
50
|
skipClientNav,
|
|
@@ -105,12 +86,11 @@ let IconButtonCore = function (_React$Component) {
|
|
|
105
86
|
disabled: disabled
|
|
106
87
|
}), child);
|
|
107
88
|
}
|
|
108
|
-
}
|
|
109
|
-
|
|
89
|
+
}
|
|
90
|
+
render() {
|
|
110
91
|
return React.createElement(__RouterContext.Consumer, null, router => this.renderInner(router));
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
}(React.Component);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
114
94
|
const sharedStyles = StyleSheet.create({
|
|
115
95
|
shared: {
|
|
116
96
|
position: "relative",
|
|
@@ -192,13 +172,8 @@ const _generateStyles = (color, kind, light) => {
|
|
|
192
172
|
};
|
|
193
173
|
|
|
194
174
|
const _excluded = ["onClick", "href", "skipClientNav", "tabIndex", "target"];
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
function IconButton() {
|
|
198
|
-
return _React$Component.apply(this, arguments) || this;
|
|
199
|
-
}
|
|
200
|
-
var _proto = IconButton.prototype;
|
|
201
|
-
_proto.renderClickableBehavior = function renderClickableBehavior(router) {
|
|
175
|
+
class IconButton extends React.Component {
|
|
176
|
+
renderClickableBehavior(router) {
|
|
202
177
|
const _this$props = this.props,
|
|
203
178
|
{
|
|
204
179
|
onClick,
|
|
@@ -224,12 +199,11 @@ let IconButton = function (_React$Component) {
|
|
|
224
199
|
tabIndex: tabIndex
|
|
225
200
|
}));
|
|
226
201
|
});
|
|
227
|
-
}
|
|
228
|
-
|
|
202
|
+
}
|
|
203
|
+
render() {
|
|
229
204
|
return React.createElement(__RouterContext.Consumer, null, router => this.renderClickableBehavior(router));
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
}(React.Component);
|
|
205
|
+
}
|
|
206
|
+
}
|
|
233
207
|
IconButton.defaultProps = {
|
|
234
208
|
color: "default",
|
|
235
209
|
kind: "primary",
|
package/dist/index.js
CHANGED
|
@@ -65,31 +65,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
65
65
|
return target;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
function _setPrototypeOf(o, p) {
|
|
69
|
-
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
70
|
-
o.__proto__ = p;
|
|
71
|
-
return o;
|
|
72
|
-
};
|
|
73
|
-
return _setPrototypeOf(o, p);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
function _inheritsLoose(subClass, superClass) {
|
|
77
|
-
subClass.prototype = Object.create(superClass.prototype);
|
|
78
|
-
subClass.prototype.constructor = subClass;
|
|
79
|
-
_setPrototypeOf(subClass, superClass);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
68
|
const _excluded$1 = ["skipClientNav", "color", "disabled", "focused", "hovered", "href", "icon", "kind", "light", "pressed", "style", "testId", "waiting"];
|
|
83
69
|
const StyledAnchor = wonderBlocksCore.addStyle("a");
|
|
84
70
|
const StyledButton = wonderBlocksCore.addStyle("button");
|
|
85
71
|
const StyledLink = wonderBlocksCore.addStyle(reactRouterDom.Link);
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
function IconButtonCore() {
|
|
89
|
-
return _React$Component.apply(this, arguments) || this;
|
|
90
|
-
}
|
|
91
|
-
var _proto = IconButtonCore.prototype;
|
|
92
|
-
_proto.renderInner = function renderInner(router) {
|
|
72
|
+
class IconButtonCore extends React__namespace.Component {
|
|
73
|
+
renderInner(router) {
|
|
93
74
|
const _this$props = this.props,
|
|
94
75
|
{
|
|
95
76
|
skipClientNav,
|
|
@@ -131,12 +112,11 @@ let IconButtonCore = function (_React$Component) {
|
|
|
131
112
|
disabled: disabled
|
|
132
113
|
}), child);
|
|
133
114
|
}
|
|
134
|
-
}
|
|
135
|
-
|
|
115
|
+
}
|
|
116
|
+
render() {
|
|
136
117
|
return React__namespace.createElement(reactRouter.__RouterContext.Consumer, null, router => this.renderInner(router));
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
}(React__namespace.Component);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
140
120
|
const sharedStyles = aphrodite.StyleSheet.create({
|
|
141
121
|
shared: {
|
|
142
122
|
position: "relative",
|
|
@@ -218,13 +198,8 @@ const _generateStyles = (color, kind, light) => {
|
|
|
218
198
|
};
|
|
219
199
|
|
|
220
200
|
const _excluded = ["onClick", "href", "skipClientNav", "tabIndex", "target"];
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
function IconButton() {
|
|
224
|
-
return _React$Component.apply(this, arguments) || this;
|
|
225
|
-
}
|
|
226
|
-
var _proto = IconButton.prototype;
|
|
227
|
-
_proto.renderClickableBehavior = function renderClickableBehavior(router) {
|
|
201
|
+
class IconButton extends React__namespace.Component {
|
|
202
|
+
renderClickableBehavior(router) {
|
|
228
203
|
const _this$props = this.props,
|
|
229
204
|
{
|
|
230
205
|
onClick,
|
|
@@ -250,12 +225,11 @@ let IconButton = function (_React$Component) {
|
|
|
250
225
|
tabIndex: tabIndex
|
|
251
226
|
}));
|
|
252
227
|
});
|
|
253
|
-
}
|
|
254
|
-
|
|
228
|
+
}
|
|
229
|
+
render() {
|
|
255
230
|
return React__namespace.createElement(reactRouter.__RouterContext.Consumer, null, router => this.renderClickableBehavior(router));
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
}(React__namespace.Component);
|
|
231
|
+
}
|
|
232
|
+
}
|
|
259
233
|
IconButton.defaultProps = {
|
|
260
234
|
color: "default",
|
|
261
235
|
kind: "primary",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-icon-button",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.7",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"license": "MIT",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.18.6",
|
|
19
|
-
"@khanacademy/wonder-blocks-clickable": "^3.0.
|
|
19
|
+
"@khanacademy/wonder-blocks-clickable": "^3.0.7",
|
|
20
20
|
"@khanacademy/wonder-blocks-color": "^2.0.1",
|
|
21
|
-
"@khanacademy/wonder-blocks-core": "^5.0.
|
|
22
|
-
"@khanacademy/wonder-blocks-icon": "^2.0.
|
|
21
|
+
"@khanacademy/wonder-blocks-core": "^5.0.4",
|
|
22
|
+
"@khanacademy/wonder-blocks-icon": "^2.0.7"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"aphrodite": "^1.2.5",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"react-router-dom": "5.3.0"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"wb-dev-build-settings": "^0.9.
|
|
31
|
+
"wb-dev-build-settings": "^0.9.6"
|
|
32
32
|
}
|
|
33
33
|
}
|