oolib 2.7.5 → 2.7.8
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.
|
@@ -69,12 +69,12 @@ var ButtonGhost = function (props) { return react_1.default.createElement(Button
|
|
|
69
69
|
exports.ButtonGhost = ButtonGhost;
|
|
70
70
|
var UploadButton = function (props) {
|
|
71
71
|
var inputRef = (0, react_1.useRef)(null);
|
|
72
|
-
var mutilple = props.mutilple, onChange = props.onChange, variant = props.variant, id = props.id;
|
|
72
|
+
var mutilple = props.mutilple, onChange = props.onChange, variant = props.variant, id = props.id, accept = props.accept;
|
|
73
73
|
var handleFileUpload = function () {
|
|
74
74
|
inputRef.current.click();
|
|
75
75
|
};
|
|
76
76
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
77
|
-
react_1.default.createElement("input", { id: id, ref: inputRef, type: "file", multiple: mutilple, onChange: onChange, style: { display: 'none' } }),
|
|
77
|
+
react_1.default.createElement("input", { id: id, ref: inputRef, type: "file", accept: accept, multiple: mutilple, onChange: onChange, style: { display: 'none' } }),
|
|
78
78
|
react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: handleFileUpload }), variant: variant || 'secondary' })));
|
|
79
79
|
};
|
|
80
80
|
exports.UploadButton = UploadButton;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export function TagDisplay({ display, invert, M, theme, variant }: {
|
|
1
|
+
export function TagDisplay({ display, style, invert, M, theme, variant }: {
|
|
2
2
|
display: any;
|
|
3
|
+
style: any;
|
|
3
4
|
invert: any;
|
|
4
5
|
M: any;
|
|
5
6
|
theme: any;
|
|
@@ -16,13 +17,15 @@ export function TagClear({ id, display, value, M, invert, onClick, theme, varian
|
|
|
16
17
|
variant?: string;
|
|
17
18
|
grey: any;
|
|
18
19
|
}): JSX.Element;
|
|
19
|
-
export function TagSelect({ onClick, isSelected, display, value, M, theme, }: {
|
|
20
|
+
export function TagSelect({ onClick, isSelected, display, value, M, theme, style, onMouseDown }: {
|
|
20
21
|
onClick: any;
|
|
21
22
|
isSelected?: boolean;
|
|
22
23
|
display: any;
|
|
23
24
|
value: any;
|
|
24
25
|
M: any;
|
|
25
26
|
theme: any;
|
|
27
|
+
style: any;
|
|
28
|
+
onMouseDown: any;
|
|
26
29
|
}): JSX.Element;
|
|
27
30
|
export function TagLink({ display, to, invert, M, theme, variant }: {
|
|
28
31
|
display: any;
|
|
@@ -25,9 +25,9 @@ var index_styled_1 = require("./index.styled");
|
|
|
25
25
|
var Typo_1 = require("../Typo");
|
|
26
26
|
var icons_1 = require("../../icons");
|
|
27
27
|
function TagDisplay(_a) {
|
|
28
|
-
var display = _a.display, invert = _a.invert, M = _a.M, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
|
|
28
|
+
var display = _a.display, style = _a.style, invert = _a.invert, M = _a.M, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
|
|
29
29
|
var size = M ? 'M' : 'S';
|
|
30
|
-
return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, theme: theme, size: size },
|
|
30
|
+
return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, theme: theme, size: size, style: style },
|
|
31
31
|
react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display)));
|
|
32
32
|
}
|
|
33
33
|
exports.TagDisplay = TagDisplay;
|
|
@@ -42,7 +42,7 @@ function TagClear(_a) {
|
|
|
42
42
|
}
|
|
43
43
|
exports.TagClear = TagClear;
|
|
44
44
|
function TagSelect(_a) {
|
|
45
|
-
var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, theme = _a.theme;
|
|
45
|
+
var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, theme = _a.theme, style = _a.style, onMouseDown = _a.onMouseDown;
|
|
46
46
|
var _c = (0, react_1.useState)(isSelected), selected = _c[0], setSelected = _c[1];
|
|
47
47
|
var handleOnClick = function () {
|
|
48
48
|
setSelected(!selected);
|
|
@@ -54,7 +54,7 @@ function TagSelect(_a) {
|
|
|
54
54
|
}
|
|
55
55
|
}, [isSelected]);
|
|
56
56
|
var size = M ? 'M' : 'S';
|
|
57
|
-
return (react_1.default.createElement(index_styled_1.StyledTagSelect, { theme: theme, onClick: handleOnClick, selected: selected, size: size },
|
|
57
|
+
return (react_1.default.createElement(index_styled_1.StyledTagSelect, { theme: theme, onClick: onMouseDown ? function () { return null; } : handleOnClick, selected: selected, size: size, style: style, onMouseDown: onMouseDown },
|
|
58
58
|
react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display)));
|
|
59
59
|
}
|
|
60
60
|
exports.TagSelect = TagSelect;
|