@instructure/ui-pill 8.25.1-snapshot-10 → 8.25.1-snapshot-13
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 +1 -1
- package/es/Pill/index.js +16 -21
- package/lib/Pill/index.js +16 -21
- package/package.json +16 -16
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [8.25.1-snapshot-
|
|
6
|
+
## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-pill
|
|
9
9
|
|
package/es/Pill/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["margin", "children", "color", "as", "elementRef", "styles", "makeStyles"];
|
|
3
3
|
|
|
4
|
-
var _dec, _dec2, _class;
|
|
4
|
+
var _dec, _dec2, _class, _class2;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -45,18 +45,20 @@ category: components
|
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
47
|
|
|
48
|
-
let Pill = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class Pill extends Component {
|
|
49
|
-
static displayName = "Pill";
|
|
50
|
-
static componentId = 'Pill';
|
|
51
|
-
static allowedProps = allowedProps;
|
|
52
|
-
static propTypes = propTypes;
|
|
53
|
-
static defaultProps = {
|
|
54
|
-
color: 'primary'
|
|
55
|
-
};
|
|
56
|
-
ref = null;
|
|
57
|
-
|
|
48
|
+
let Pill = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Pill extends Component {
|
|
58
49
|
constructor(props) {
|
|
59
50
|
super(props);
|
|
51
|
+
this.ref = null;
|
|
52
|
+
|
|
53
|
+
this.handleRef = el => {
|
|
54
|
+
const elementRef = this.props.elementRef;
|
|
55
|
+
this.ref = el;
|
|
56
|
+
|
|
57
|
+
if (typeof elementRef === 'function') {
|
|
58
|
+
elementRef(el);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
|
|
60
62
|
this.state = {
|
|
61
63
|
truncated: false
|
|
62
64
|
};
|
|
@@ -82,15 +84,6 @@ let Pill = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
|
|
|
82
84
|
}
|
|
83
85
|
}
|
|
84
86
|
|
|
85
|
-
handleRef = el => {
|
|
86
|
-
const elementRef = this.props.elementRef;
|
|
87
|
-
this.ref = el;
|
|
88
|
-
|
|
89
|
-
if (typeof elementRef === 'function') {
|
|
90
|
-
elementRef(el);
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
|
|
94
87
|
renderPill(focused, getTriggerProps) {
|
|
95
88
|
const _this$props3 = this.props,
|
|
96
89
|
margin = _this$props3.margin,
|
|
@@ -146,6 +139,8 @@ let Pill = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
|
|
|
146
139
|
}
|
|
147
140
|
}
|
|
148
141
|
|
|
149
|
-
}
|
|
142
|
+
}, _class2.displayName = "Pill", _class2.componentId = 'Pill', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
|
|
143
|
+
color: 'primary'
|
|
144
|
+
}, _class2)) || _class) || _class);
|
|
150
145
|
export default Pill;
|
|
151
146
|
export { Pill };
|
package/lib/Pill/index.js
CHANGED
|
@@ -31,7 +31,7 @@ var _props = require("./props");
|
|
|
31
31
|
|
|
32
32
|
const _excluded = ["margin", "children", "color", "as", "elementRef", "styles", "makeStyles"];
|
|
33
33
|
|
|
34
|
-
var _dec, _dec2, _class;
|
|
34
|
+
var _dec, _dec2, _class, _class2;
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
37
|
---
|
|
@@ -39,18 +39,20 @@ category: components
|
|
|
39
39
|
---
|
|
40
40
|
@tsProps
|
|
41
41
|
**/
|
|
42
|
-
let Pill = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class Pill extends _react.Component {
|
|
43
|
-
static displayName = "Pill";
|
|
44
|
-
static componentId = 'Pill';
|
|
45
|
-
static allowedProps = _props.allowedProps;
|
|
46
|
-
static propTypes = _props.propTypes;
|
|
47
|
-
static defaultProps = {
|
|
48
|
-
color: 'primary'
|
|
49
|
-
};
|
|
50
|
-
ref = null;
|
|
51
|
-
|
|
42
|
+
let Pill = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Pill extends _react.Component {
|
|
52
43
|
constructor(props) {
|
|
53
44
|
super(props);
|
|
45
|
+
this.ref = null;
|
|
46
|
+
|
|
47
|
+
this.handleRef = el => {
|
|
48
|
+
const elementRef = this.props.elementRef;
|
|
49
|
+
this.ref = el;
|
|
50
|
+
|
|
51
|
+
if (typeof elementRef === 'function') {
|
|
52
|
+
elementRef(el);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
54
56
|
this.state = {
|
|
55
57
|
truncated: false
|
|
56
58
|
};
|
|
@@ -76,15 +78,6 @@ let Pill = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
|
|
|
76
78
|
}
|
|
77
79
|
}
|
|
78
80
|
|
|
79
|
-
handleRef = el => {
|
|
80
|
-
const elementRef = this.props.elementRef;
|
|
81
|
-
this.ref = el;
|
|
82
|
-
|
|
83
|
-
if (typeof elementRef === 'function') {
|
|
84
|
-
elementRef(el);
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
|
|
88
81
|
renderPill(focused, getTriggerProps) {
|
|
89
82
|
const _this$props3 = this.props,
|
|
90
83
|
margin = _this$props3.margin,
|
|
@@ -139,7 +132,9 @@ let Pill = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
|
|
|
139
132
|
}
|
|
140
133
|
}
|
|
141
134
|
|
|
142
|
-
}
|
|
135
|
+
}, _class2.displayName = "Pill", _class2.componentId = 'Pill', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
|
|
136
|
+
color: 'primary'
|
|
137
|
+
}, _class2)) || _class) || _class);
|
|
143
138
|
exports.Pill = Pill;
|
|
144
139
|
var _default = Pill;
|
|
145
140
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-pill",
|
|
3
|
-
"version": "8.25.1-snapshot-
|
|
3
|
+
"version": "8.25.1-snapshot-13",
|
|
4
4
|
"description": "A UI component to communicate concise status.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -24,24 +24,24 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.13.10",
|
|
27
|
-
"@instructure/console": "8.25.1-snapshot-
|
|
28
|
-
"@instructure/emotion": "8.25.1-snapshot-
|
|
29
|
-
"@instructure/shared-types": "8.25.1-snapshot-
|
|
30
|
-
"@instructure/ui-react-utils": "8.25.1-snapshot-
|
|
31
|
-
"@instructure/ui-testable": "8.25.1-snapshot-
|
|
32
|
-
"@instructure/ui-tooltip": "8.25.1-snapshot-
|
|
33
|
-
"@instructure/ui-truncate-text": "8.25.1-snapshot-
|
|
34
|
-
"@instructure/ui-utils": "8.25.1-snapshot-
|
|
35
|
-
"@instructure/ui-view": "8.25.1-snapshot-
|
|
27
|
+
"@instructure/console": "8.25.1-snapshot-13",
|
|
28
|
+
"@instructure/emotion": "8.25.1-snapshot-13",
|
|
29
|
+
"@instructure/shared-types": "8.25.1-snapshot-13",
|
|
30
|
+
"@instructure/ui-react-utils": "8.25.1-snapshot-13",
|
|
31
|
+
"@instructure/ui-testable": "8.25.1-snapshot-13",
|
|
32
|
+
"@instructure/ui-tooltip": "8.25.1-snapshot-13",
|
|
33
|
+
"@instructure/ui-truncate-text": "8.25.1-snapshot-13",
|
|
34
|
+
"@instructure/ui-utils": "8.25.1-snapshot-13",
|
|
35
|
+
"@instructure/ui-view": "8.25.1-snapshot-13",
|
|
36
36
|
"prop-types": "^15"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@instructure/ui-babel-preset": "8.25.1-snapshot-
|
|
40
|
-
"@instructure/ui-color-utils": "8.25.1-snapshot-
|
|
41
|
-
"@instructure/ui-test-locator": "8.25.1-snapshot-
|
|
42
|
-
"@instructure/ui-test-queries": "8.25.1-snapshot-
|
|
43
|
-
"@instructure/ui-test-utils": "8.25.1-snapshot-
|
|
44
|
-
"@instructure/ui-themes": "8.25.1-snapshot-
|
|
39
|
+
"@instructure/ui-babel-preset": "8.25.1-snapshot-13",
|
|
40
|
+
"@instructure/ui-color-utils": "8.25.1-snapshot-13",
|
|
41
|
+
"@instructure/ui-test-locator": "8.25.1-snapshot-13",
|
|
42
|
+
"@instructure/ui-test-queries": "8.25.1-snapshot-13",
|
|
43
|
+
"@instructure/ui-test-utils": "8.25.1-snapshot-13",
|
|
44
|
+
"@instructure/ui-themes": "8.25.1-snapshot-13"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"react": ">=16.8 <=17"
|