@codacy/ui-components 0.64.15 → 0.64.17
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/lib/Avatar/Avatar.js +25 -19
- package/lib/Avatar/Avatar.types.js +5 -1
- package/lib/Avatar/gravatar.js +17 -13
- package/lib/Avatar/index.js +16 -1
- package/lib/Banner/Banner.js +45 -32
- package/lib/Banner/Banner.styles.d.ts +11 -12
- package/lib/Banner/Banner.styles.js +26 -15
- package/lib/Banner/Banner.types.js +5 -1
- package/lib/Banner/index.js +27 -2
- package/lib/Button/Button.js +54 -51
- package/lib/Button/index.js +27 -2
- package/lib/Button/styles.d.ts +16 -12
- package/lib/Button/styles.js +58 -44
- package/lib/Button/types.js +5 -1
- package/lib/Checkbox/Checkbox.js +63 -54
- package/lib/Checkbox/CheckboxFilterList.js +46 -32
- package/lib/Checkbox/index.js +38 -3
- package/lib/Checkbox/styles.d.ts +25 -22
- package/lib/Checkbox/styles.js +52 -37
- package/lib/Checkbox/types.js +5 -1
- package/lib/CloseButton/index.js +27 -16
- package/lib/Divider/Divider.js +23 -13
- package/lib/Divider/Divider.styles.d.ts +16 -19
- package/lib/Divider/Divider.styles.js +24 -11
- package/lib/Divider/Divider.types.js +5 -1
- package/lib/Divider/index.js +16 -1
- package/lib/Dropdown/Content/DropdownInput.js +20 -8
- package/lib/Dropdown/Content/DropdownItem.js +29 -21
- package/lib/Dropdown/Content/DropdownSeparator.js +19 -7
- package/lib/Dropdown/Content/index.js +38 -3
- package/lib/Dropdown/Dropdown.js +89 -85
- package/lib/Dropdown/Dropdown.styles.d.ts +37 -34
- package/lib/Dropdown/Dropdown.styles.js +62 -43
- package/lib/Dropdown/Dropdown.types.js +5 -1
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +30 -20
- package/lib/Dropdown/Triggers/DropdownLinkTrigger.js +29 -19
- package/lib/Dropdown/Triggers/InputTrigger.js +18 -10
- package/lib/Dropdown/Triggers/SelectTrigger.js +19 -12
- package/lib/Dropdown/Triggers/hooks.js +18 -14
- package/lib/Dropdown/Triggers/index.js +60 -5
- package/lib/Dropdown/Triggers/types.js +5 -1
- package/lib/Dropdown/index.js +49 -4
- package/lib/Flexbox/Flexbox.d.ts +31 -17
- package/lib/Flexbox/Flexbox.js +36 -16
- package/lib/Flexbox/index.js +16 -1
- package/lib/Group/Group.js +17 -8
- package/lib/Group/Group.styles.d.ts +8 -10
- package/lib/Group/Group.styles.js +17 -7
- package/lib/Group/Group.types.js +5 -1
- package/lib/Group/index.js +16 -1
- package/lib/Icon/Icon.js +24 -14
- package/lib/Icon/Icon.styles.d.ts +9 -11
- package/lib/Icon/Icon.styles.js +39 -44
- package/lib/Icon/Icon.types.js +5 -1
- package/lib/Icon/index.js +16 -1
- package/lib/IconAndText/IconAndText.js +33 -21
- package/lib/IconAndText/IconAndText.styles.d.ts +8 -10
- package/lib/IconAndText/IconAndText.styles.js +20 -10
- package/lib/IconAndText/IconAndText.types.js +5 -1
- package/lib/IconAndText/index.js +16 -1
- package/lib/Icons/Chevrons.js +53 -41
- package/lib/Icons/CodacyIcon.js +17 -8
- package/lib/Icons/Messages.js +54 -35
- package/lib/Icons/Search.js +16 -7
- package/lib/Icons/Severities.js +117 -106
- package/lib/Icons/Sorting.js +23 -13
- package/lib/Icons/Spinner.js +19 -10
- package/lib/Icons/Symbols.js +73 -58
- package/lib/Icons/index.js +93 -8
- package/lib/Img/Img.js +44 -37
- package/lib/Img/Img.styles.d.ts +12 -11
- package/lib/Img/Img.styles.js +37 -32
- package/lib/Img/Img.types.js +5 -1
- package/lib/Img/index.js +16 -1
- package/lib/InlineMessage/InlineMessage.js +47 -34
- package/lib/InlineMessage/index.js +16 -1
- package/lib/InlineMessage/types.js +5 -1
- package/lib/Input/Input.js +148 -126
- package/lib/Input/hooks.js +149 -178
- package/lib/Input/index.js +27 -2
- package/lib/Input/styles.d.ts +55 -104
- package/lib/Input/styles.js +85 -54
- package/lib/Input/types.js +5 -1
- package/lib/Labeled/Labeled.js +34 -22
- package/lib/Labeled/index.js +16 -1
- package/lib/Labeled/styles.d.ts +16 -12
- package/lib/Labeled/styles.js +27 -11
- package/lib/Labeled/types.js +5 -1
- package/lib/LeftMenu/LeftMenu.js +20 -11
- package/lib/LeftMenu/LeftMenu.styles.d.ts +8 -10
- package/lib/LeftMenu/LeftMenu.styles.js +20 -10
- package/lib/LeftMenu/LeftMenu.types.js +5 -1
- package/lib/LeftMenu/index.js +16 -1
- package/lib/Link/Link.js +43 -33
- package/lib/Link/Link.styles.d.ts +4 -1
- package/lib/Link/Link.styles.js +21 -11
- package/lib/Link/Link.types.js +5 -1
- package/lib/Link/index.js +38 -3
- package/lib/Message/Message.js +32 -24
- package/lib/Message/Message.styles.d.ts +8 -10
- package/lib/Message/Message.styles.js +17 -7
- package/lib/Message/Message.types.js +5 -1
- package/lib/Message/index.js +16 -1
- package/lib/Modal/ConfirmationModal.js +65 -39
- package/lib/Modal/Modal.js +120 -107
- package/lib/Modal/index.js +27 -2
- package/lib/Modal/styles.d.ts +44 -61
- package/lib/Modal/styles.js +97 -85
- package/lib/Modal/types.d.ts +1 -0
- package/lib/Modal/types.js +5 -1
- package/lib/MoreInfo/MoreInfo.js +45 -39
- package/lib/MoreInfo/index.js +16 -1
- package/lib/MoreInfo/types.js +5 -1
- package/lib/Panel/Panel.js +18 -9
- package/lib/Panel/Panel.styles.d.ts +8 -11
- package/lib/Panel/Panel.styles.js +15 -5
- package/lib/Panel/Panel.types.js +5 -1
- package/lib/Panel/index.js +27 -2
- package/lib/PillLabel/PillLabel.js +28 -21
- package/lib/PillLabel/PillLabel.styles.d.ts +8 -10
- package/lib/PillLabel/PillLabel.styles.js +25 -16
- package/lib/PillLabel/PillLabel.types.js +5 -1
- package/lib/PillLabel/index.js +16 -1
- package/lib/Popup/Popup.js +55 -45
- package/lib/Popup/index.js +16 -1
- package/lib/Popup/styles.d.ts +12 -11
- package/lib/Popup/styles.js +21 -8
- package/lib/Popup/types.js +5 -1
- package/lib/ProgressBar/ProgressBar.js +30 -20
- package/lib/ProgressBar/index.js +27 -2
- package/lib/ProgressBar/styles.d.ts +24 -28
- package/lib/ProgressBar/styles.js +30 -14
- package/lib/ProgressBar/types.js +5 -1
- package/lib/Radio/Radio.js +53 -48
- package/lib/Radio/index.js +16 -1
- package/lib/Radio/styles.d.ts +25 -22
- package/lib/Radio/styles.js +49 -30
- package/lib/Radio/types.js +5 -1
- package/lib/ScrollableContent/ScrollableContent.js +35 -24
- package/lib/ScrollableContent/ScrollableContent.styles.d.ts +9 -11
- package/lib/ScrollableContent/ScrollableContent.styles.js +23 -13
- package/lib/ScrollableContent/ScrollableContent.types.js +5 -1
- package/lib/ScrollableContent/index.js +27 -2
- package/lib/ScrollableContent/useScrollContainer.js +29 -24
- package/lib/Select/Select.js +31 -20
- package/lib/Select/index.js +16 -1
- package/lib/Select/types.js +5 -1
- package/lib/Skeleton/Skeleton.js +30 -25
- package/lib/Skeleton/Skeleton.styles.d.ts +8 -10
- package/lib/Skeleton/Skeleton.styles.js +21 -14
- package/lib/Skeleton/Skeleton.types.js +5 -1
- package/lib/Skeleton/index.js +20 -2
- package/lib/Stepper/Stepper.js +49 -40
- package/lib/Stepper/Stepper.styles.d.ts +24 -29
- package/lib/Stepper/Stepper.styles.js +35 -19
- package/lib/Stepper/Stepper.types.js +5 -1
- package/lib/Stepper/index.js +16 -1
- package/lib/Switcher/Switcher.js +32 -23
- package/lib/Switcher/Switcher.styles.d.ts +13 -13
- package/lib/Switcher/Switcher.styles.js +27 -15
- package/lib/Switcher/Switcher.types.js +5 -1
- package/lib/Switcher/index.js +16 -1
- package/lib/Tab/Tab.js +31 -23
- package/lib/Tab/Tab.styles.d.ts +13 -12
- package/lib/Tab/Tab.styles.js +30 -21
- package/lib/Tab/Tab.types.js +5 -1
- package/lib/Tab/index.js +16 -1
- package/lib/Table/NewSelectableTable.js +77 -56
- package/lib/Table/SelectableTable.js +138 -118
- package/lib/Table/Table.js +126 -111
- package/lib/Table/Table.styles.d.ts +32 -16
- package/lib/Table/Table.styles.js +79 -59
- package/lib/Table/Table.types.js +5 -1
- package/lib/Table/index.js +27 -2
- package/lib/TagsInput/TagsInput.js +44 -33
- package/lib/TagsInput/index.js +16 -1
- package/lib/TagsInput/style.d.ts +16 -19
- package/lib/TagsInput/style.js +22 -9
- package/lib/TagsInput/types.js +5 -1
- package/lib/Textarea/Textarea.js +75 -58
- package/lib/Textarea/Textarea.styles.d.ts +28 -22
- package/lib/Textarea/Textarea.styles.js +55 -32
- package/lib/Textarea/Textarea.types.js +5 -1
- package/lib/Textarea/index.js +16 -1
- package/lib/ThemeProvider/ThemeProvider.d.ts +5 -2
- package/lib/ThemeProvider/ThemeProvider.js +48 -30
- package/lib/ThemeProvider/index.js +16 -1
- package/lib/Toast/Toast.js +56 -53
- package/lib/Toast/index.js +16 -1
- package/lib/Toast/styles.d.ts +4 -2
- package/lib/Toast/styles.js +13 -3
- package/lib/Toast/types.js +5 -1
- package/lib/Toggle/Toggle.js +59 -50
- package/lib/Toggle/index.js +16 -1
- package/lib/Toggle/styles.d.ts +21 -14
- package/lib/Toggle/styles.js +51 -34
- package/lib/Toggle/types.js +5 -1
- package/lib/Tooltip/Tooltip.js +100 -102
- package/lib/Tooltip/index.js +16 -1
- package/lib/Tooltip/styles.d.ts +14 -8
- package/lib/Tooltip/styles.js +33 -25
- package/lib/Tooltip/types.js +5 -1
- package/lib/Typography/Typography.js +96 -85
- package/lib/Typography/Typography.styles.d.ts +48 -54
- package/lib/Typography/Typography.styles.js +70 -45
- package/lib/Typography/Typography.types.js +5 -1
- package/lib/Typography/index.js +38 -3
- package/lib/emotion.d.js +3 -0
- package/lib/hooks/index.js +38 -3
- package/lib/hooks/useForwardedRef.js +11 -6
- package/lib/hooks/useInfiniteScroll.js +24 -20
- package/lib/hooks/useStatefulRef.js +18 -14
- package/lib/index.js +489 -44
- package/lib/system-props/color.js +8 -2
- package/lib/system-props/index.js +27 -2
- package/lib/system-props/types.js +5 -1
- package/lib/theme/ColorSchemes/codacy.js +11 -4
- package/lib/theme/ColorSchemes/pulse.js +17 -9
- package/lib/theme/index.js +38 -3
- package/lib/theme/theme.js +42 -69
- package/lib/types.js +5 -1
- package/lib/utils/hash.js +8 -6
- package/lib/utils/reactNodeToText.js +13 -14
- package/package.json +32 -32
package/lib/Icons/index.js
CHANGED
|
@@ -1,8 +1,93 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Search = require("./Search");
|
|
7
|
+
Object.keys(_Search).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Search[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Search[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _Spinner = require("./Spinner");
|
|
18
|
+
Object.keys(_Spinner).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _Spinner[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _Spinner[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _Chevrons = require("./Chevrons");
|
|
29
|
+
Object.keys(_Chevrons).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _Chevrons[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _Chevrons[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _Sorting = require("./Sorting");
|
|
40
|
+
Object.keys(_Sorting).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _Sorting[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _Sorting[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
var _Symbols = require("./Symbols");
|
|
51
|
+
Object.keys(_Symbols).forEach(function (key) {
|
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
|
53
|
+
if (key in exports && exports[key] === _Symbols[key]) return;
|
|
54
|
+
Object.defineProperty(exports, key, {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _Symbols[key];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
var _Messages = require("./Messages");
|
|
62
|
+
Object.keys(_Messages).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _Messages[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function get() {
|
|
68
|
+
return _Messages[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
var _Severities = require("./Severities");
|
|
73
|
+
Object.keys(_Severities).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _Severities[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function get() {
|
|
79
|
+
return _Severities[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
var _CodacyIcon = require("./CodacyIcon");
|
|
84
|
+
Object.keys(_CodacyIcon).forEach(function (key) {
|
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
|
86
|
+
if (key in exports && exports[key] === _CodacyIcon[key]) return;
|
|
87
|
+
Object.defineProperty(exports, key, {
|
|
88
|
+
enumerable: true,
|
|
89
|
+
get: function get() {
|
|
90
|
+
return _CodacyIcon[key];
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
});
|
package/lib/Img/Img.js
CHANGED
|
@@ -1,48 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Img = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _Img = require("./Img.styles");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
3
15
|
var _excluded = ["src", "alt", "ratio", "fallbackImage", "rounded", "transparent", "fit"];
|
|
4
|
-
import React, { useState, useCallback } from 'react';
|
|
5
|
-
import { ImgWrapper, StyledImg } from './Img.styles';
|
|
6
16
|
/**
|
|
7
17
|
* Description for Img
|
|
8
18
|
*/
|
|
9
|
-
|
|
10
|
-
var Img = function Img(_ref) {
|
|
19
|
+
var Img = exports.Img = function Img(_ref) {
|
|
11
20
|
var _ref$src = _ref.src,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var handleError = useCallback(function () {
|
|
21
|
+
src = _ref$src === void 0 ? null : _ref$src,
|
|
22
|
+
alt = _ref.alt,
|
|
23
|
+
ratio = _ref.ratio,
|
|
24
|
+
_ref$fallbackImage = _ref.fallbackImage,
|
|
25
|
+
fallbackImage = _ref$fallbackImage === void 0 ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=' : _ref$fallbackImage,
|
|
26
|
+
_ref$rounded = _ref.rounded,
|
|
27
|
+
rounded = _ref$rounded === void 0 ? false : _ref$rounded,
|
|
28
|
+
_ref$transparent = _ref.transparent,
|
|
29
|
+
transparent = _ref$transparent === void 0 ? false : _ref$transparent,
|
|
30
|
+
_ref$fit = _ref.fit,
|
|
31
|
+
fit = _ref$fit === void 0 ? 'cover' : _ref$fit,
|
|
32
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
33
|
+
var _useState = (0, _react.useState)(src),
|
|
34
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
35
|
+
imgSrc = _useState2[0],
|
|
36
|
+
setImgSrc = _useState2[1];
|
|
37
|
+
var handleError = (0, _react.useCallback)(function () {
|
|
31
38
|
if (fallbackImage && imgSrc !== fallbackImage) {
|
|
32
39
|
setImgSrc(fallbackImage);
|
|
33
40
|
}
|
|
34
41
|
}, [imgSrc, fallbackImage]);
|
|
35
|
-
return /*#__PURE__*/
|
|
42
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.ImgWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
36
43
|
ratio: ratio
|
|
37
|
-
}, props),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
}, props), {}, {
|
|
45
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.StyledImg, {
|
|
46
|
+
src: imgSrc || fallbackImage,
|
|
47
|
+
alt: alt,
|
|
48
|
+
ratio: ratio,
|
|
49
|
+
onError: handleError,
|
|
50
|
+
rounded: rounded,
|
|
51
|
+
transparent: transparent,
|
|
52
|
+
fit: fit
|
|
53
|
+
})
|
|
45
54
|
}));
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
export { Img };
|
|
55
|
+
};
|
package/lib/Img/Img.styles.d.ts
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CodacyTheme } from '../theme';
|
|
3
2
|
import { ImgProps } from './Img.types';
|
|
4
|
-
export declare const ImgWrapper: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
3
|
+
export declare const ImgWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
|
|
7
|
+
fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
|
|
8
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
} & import("..").FlexboxProps & import("..").GridboxProps & Pick<ImgProps, "ratio" | "height">, {}, {}>;
|
|
11
|
+
export declare const StyledImg: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & Pick<ImgProps, "transparent" | "ratio" | "rounded" | "fit">, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
package/lib/Img/Img.styles.js
CHANGED
|
@@ -1,62 +1,67 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.StyledImg = exports.ImgWrapper = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _react = require("@emotion/react");
|
|
10
|
+
var _Flexbox = require("../Flexbox");
|
|
3
11
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
12
|
+
var ImgWrapper = exports.ImgWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
|
|
13
|
+
target: "e1ncn53j1"
|
|
14
|
+
} : {
|
|
15
|
+
target: "e1ncn53j1",
|
|
16
|
+
label: "codacy"
|
|
9
17
|
})("position:relative;display:block;", function (_ref3) {
|
|
10
18
|
var ratio = _ref3.ratio,
|
|
11
|
-
|
|
12
|
-
|
|
19
|
+
height = _ref3.height;
|
|
13
20
|
if (!!ratio) {
|
|
14
|
-
return /*#__PURE__*/css("padding-top:", 1 / ratio * 100, "%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
return /*#__PURE__*/(0, _react.css)("padding-top:", 1 / ratio * 100, "%;" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL0ltZy9JbWcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJbWdQcm9wcyB9IGZyb20gJy4vSW1nLnR5cGVzJ1xuXG5leHBvcnQgY29uc3QgSW1nV3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAnaGVpZ2h0Jz4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgcmF0aW8sIGhlaWdodCB9KSA9PiB7XG4gICAgaWYgKCEhcmF0aW8pIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHBhZGRpbmctdG9wOiAkeygxIC8gcmF0aW8pICogMTAwfSU7XG4gICAgICBgXG4gICAgfSBlbHNlIGlmICghIWhlaWdodCkge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiA+IGltZyB7XG4gICAgICAgICAgaGVpZ2h0OiAke2hlaWdodH0gIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG4gIH19XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAncm91bmRlZCcgfCAndHJhbnNwYXJlbnQnIHwgJ2ZpdCc+PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6ICR7KHsgZml0IH0pID0+IGZpdH07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0cmFuc3BhcmVudCwgdGhlbWUgfSkgPT4gKHRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zZWNvbmRhcnknXSl9O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgcm91bmRlZCB9KSA9PiAocm91bmRlZCA/ICcxMDAlJyA6ICcwJyl9O1xuXG4gICR7KHsgcmF0aW8gfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICBgXG4gIH19O1xuYFxuIl19 */");
|
|
15
22
|
} else if (!!height) {
|
|
16
|
-
return /*#__PURE__*/css("
|
|
23
|
+
return /*#__PURE__*/(0, _react.css)("&>img{height:", height, "!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL0ltZy9JbWcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJbWdQcm9wcyB9IGZyb20gJy4vSW1nLnR5cGVzJ1xuXG5leHBvcnQgY29uc3QgSW1nV3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAnaGVpZ2h0Jz4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgcmF0aW8sIGhlaWdodCB9KSA9PiB7XG4gICAgaWYgKCEhcmF0aW8pIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHBhZGRpbmctdG9wOiAkeygxIC8gcmF0aW8pICogMTAwfSU7XG4gICAgICBgXG4gICAgfSBlbHNlIGlmICghIWhlaWdodCkge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiA+IGltZyB7XG4gICAgICAgICAgaGVpZ2h0OiAke2hlaWdodH0gIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG4gIH19XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAncm91bmRlZCcgfCAndHJhbnNwYXJlbnQnIHwgJ2ZpdCc+PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6ICR7KHsgZml0IH0pID0+IGZpdH07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0cmFuc3BhcmVudCwgdGhlbWUgfSkgPT4gKHRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zZWNvbmRhcnknXSl9O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgcm91bmRlZCB9KSA9PiAocm91bmRlZCA/ICcxMDAlJyA6ICcwJyl9O1xuXG4gICR7KHsgcmF0aW8gfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICBgXG4gIH19O1xuYFxuIl19 */");
|
|
17
24
|
} else {
|
|
18
25
|
return '';
|
|
19
26
|
}
|
|
20
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
-
|
|
27
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLeUUiLCJmaWxlIjoiLi4vLi4vc3JjL0ltZy9JbWcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJbWdQcm9wcyB9IGZyb20gJy4vSW1nLnR5cGVzJ1xuXG5leHBvcnQgY29uc3QgSW1nV3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAnaGVpZ2h0Jz4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgcmF0aW8sIGhlaWdodCB9KSA9PiB7XG4gICAgaWYgKCEhcmF0aW8pIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHBhZGRpbmctdG9wOiAkeygxIC8gcmF0aW8pICogMTAwfSU7XG4gICAgICBgXG4gICAgfSBlbHNlIGlmICghIWhlaWdodCkge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiA+IGltZyB7XG4gICAgICAgICAgaGVpZ2h0OiAke2hlaWdodH0gIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG4gIH19XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAncm91bmRlZCcgfCAndHJhbnNwYXJlbnQnIHwgJ2ZpdCc+PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6ICR7KHsgZml0IH0pID0+IGZpdH07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0cmFuc3BhcmVudCwgdGhlbWUgfSkgPT4gKHRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zZWNvbmRhcnknXSl9O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgcm91bmRlZCB9KSA9PiAocm91bmRlZCA/ICcxMDAlJyA6ICcwJyl9O1xuXG4gICR7KHsgcmF0aW8gfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICBgXG4gIH19O1xuYFxuIl19 */"));
|
|
22
28
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
23
|
-
name: "
|
|
24
|
-
styles: "height:
|
|
29
|
+
name: "pit38s",
|
|
30
|
+
styles: "height:auto"
|
|
25
31
|
} : {
|
|
26
|
-
name: "
|
|
27
|
-
styles: "height:
|
|
28
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
name: "m2gj36-codacy",
|
|
33
|
+
styles: "height:auto;label:codacy;",
|
|
34
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGMiLCJmaWxlIjoiLi4vLi4vc3JjL0ltZy9JbWcuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJbWdQcm9wcyB9IGZyb20gJy4vSW1nLnR5cGVzJ1xuXG5leHBvcnQgY29uc3QgSW1nV3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAnaGVpZ2h0Jz4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgcmF0aW8sIGhlaWdodCB9KSA9PiB7XG4gICAgaWYgKCEhcmF0aW8pIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHBhZGRpbmctdG9wOiAkeygxIC8gcmF0aW8pICogMTAwfSU7XG4gICAgICBgXG4gICAgfSBlbHNlIGlmICghIWhlaWdodCkge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiA+IGltZyB7XG4gICAgICAgICAgaGVpZ2h0OiAke2hlaWdodH0gIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJydcbiAgICB9XG4gIH19XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nPFBpY2s8SW1nUHJvcHMsICdyYXRpbycgfCAncm91bmRlZCcgfCAndHJhbnNwYXJlbnQnIHwgJ2ZpdCc+PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6ICR7KHsgZml0IH0pID0+IGZpdH07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0cmFuc3BhcmVudCwgdGhlbWUgfSkgPT4gKHRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zZWNvbmRhcnknXSl9O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgcm91bmRlZCB9KSA9PiAocm91bmRlZCA/ICcxMDAlJyA6ICcwJyl9O1xuXG4gICR7KHsgcmF0aW8gfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICBgXG4gIH19O1xuYFxuIl19 */",
|
|
29
35
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
30
36
|
};
|
|
31
|
-
|
|
32
37
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
33
|
-
name: "
|
|
34
|
-
styles: "height:
|
|
38
|
+
name: "qmmdzx",
|
|
39
|
+
styles: "height:100%;bottom:0;left:0;position:absolute;right:0;top:0"
|
|
35
40
|
} : {
|
|
36
|
-
name: "
|
|
37
|
-
styles: "height:
|
|
38
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
name: "xl1n7m-codacy",
|
|
42
|
+
styles: "height:100%;bottom:0;left:0;position:absolute;right:0;top:0;label:codacy;",
|
|
43
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2dCIiwiZmlsZSI6Ii4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgSW1nUHJvcHMgfSBmcm9tICcuL0ltZy50eXBlcydcblxuZXhwb3J0IGNvbnN0IEltZ1dyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPEltZ1Byb3BzLCAncmF0aW8nIHwgJ2hlaWdodCc+PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBibG9jaztcblxuICAkeyh7IHJhdGlvLCBoZWlnaHQgfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBwYWRkaW5nLXRvcDogJHsoMSAvIHJhdGlvKSAqIDEwMH0lO1xuICAgICAgYFxuICAgIH0gZWxzZSBpZiAoISFoZWlnaHQpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgPiBpbWcge1xuICAgICAgICAgIGhlaWdodDogJHtoZWlnaHR9ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuICcnXG4gICAgfVxuICB9fVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZzxQaWNrPEltZ1Byb3BzLCAncmF0aW8nIHwgJ3JvdW5kZWQnIHwgJ3RyYW5zcGFyZW50JyB8ICdmaXQnPj5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvYmplY3QtZml0OiAkeyh7IGZpdCB9KSA9PiBmaXR9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdHJhbnNwYXJlbnQsIHRoZW1lIH0pID0+ICh0cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc2Vjb25kYXJ5J10pfTtcblxuICBib3JkZXItcmFkaXVzOiAkeyh7IHJvdW5kZWQgfSkgPT4gKHJvdW5kZWQgPyAnMTAwJScgOiAnMCcpfTtcblxuICAkeyh7IHJhdGlvIH0pID0+IHtcbiAgICBpZiAoISFyYXRpbykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgYFxuICAgIH1cblxuICAgIHJldHVybiBjc3NgXG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgYFxuICB9fTtcbmBcbiJdfQ== */",
|
|
39
44
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
40
45
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
46
|
+
var StyledImg = exports.StyledImg = /*#__PURE__*/(0, _base["default"])("img", process.env.NODE_ENV === "production" ? {
|
|
47
|
+
target: "e1ncn53j0"
|
|
48
|
+
} : {
|
|
49
|
+
target: "e1ncn53j0",
|
|
50
|
+
label: "codacy"
|
|
44
51
|
})("display:block;width:100%;max-width:100%;object-fit:", function (_ref4) {
|
|
45
52
|
var fit = _ref4.fit;
|
|
46
53
|
return fit;
|
|
47
54
|
}, ";background-color:", function (_ref5) {
|
|
48
55
|
var transparent = _ref5.transparent,
|
|
49
|
-
|
|
56
|
+
theme = _ref5.theme;
|
|
50
57
|
return transparent ? 'transparent' : theme.colors['background-secondary'];
|
|
51
58
|
}, ";border-radius:", function (_ref6) {
|
|
52
59
|
var rounded = _ref6.rounded;
|
|
53
60
|
return rounded ? '100%' : '0';
|
|
54
61
|
}, ";", function (_ref7) {
|
|
55
62
|
var ratio = _ref7.ratio;
|
|
56
|
-
|
|
57
63
|
if (!!ratio) {
|
|
58
|
-
return
|
|
64
|
+
return _ref2;
|
|
59
65
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZHIiwiZmlsZSI6Ii4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSdcbmltcG9ydCB7IENvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgSW1nUHJvcHMgfSBmcm9tICcuL0ltZy50eXBlcydcblxuZXhwb3J0IGNvbnN0IEltZ1dyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPEltZ1Byb3BzLCAncmF0aW8nIHwgJ2hlaWdodCc+LCBDb2RhY3lUaGVtZT5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgJHsoeyByYXRpbywgaGVpZ2h0IH0pID0+IHtcbiAgICBpZiAoISFyYXRpbykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgcGFkZGluZy10b3A6ICR7KDEgLyByYXRpbykgKiAxMDB9JTtcbiAgICAgIGBcbiAgICB9IGVsc2UgaWYgKCEhaGVpZ2h0KSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmID4gaW1nIHtcbiAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAnJ1xuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWc8UGljazxJbWdQcm9wcywgJ3JhdGlvJyB8ICdyb3VuZGVkJyB8ICd0cmFuc3BhcmVudCcgfCAnZml0Jz4sIENvZGFjeVRoZW1lPmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6ICR7KHsgZml0IH0pID0+IGZpdH07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0cmFuc3BhcmVudCwgdGhlbWUgfSkgPT4gKHRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zZWNvbmRhcnknXSl9O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgcm91bmRlZCB9KSA9PiAocm91bmRlZCA/ICcxMDAlJyA6ICcwJyl9O1xuXG4gICR7KHsgcmF0aW8gfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICBgXG4gIH19O1xuYFxuIl19 */"));
|
|
66
|
+
return _ref;
|
|
67
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmdHIiwiZmlsZSI6Ii4uLy4uL3NyYy9JbWcvSW1nLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgSW1nUHJvcHMgfSBmcm9tICcuL0ltZy50eXBlcydcblxuZXhwb3J0IGNvbnN0IEltZ1dyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPEltZ1Byb3BzLCAncmF0aW8nIHwgJ2hlaWdodCc+PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBibG9jaztcblxuICAkeyh7IHJhdGlvLCBoZWlnaHQgfSkgPT4ge1xuICAgIGlmICghIXJhdGlvKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBwYWRkaW5nLXRvcDogJHsoMSAvIHJhdGlvKSAqIDEwMH0lO1xuICAgICAgYFxuICAgIH0gZWxzZSBpZiAoISFoZWlnaHQpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgPiBpbWcge1xuICAgICAgICAgIGhlaWdodDogJHtoZWlnaHR9ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuICcnXG4gICAgfVxuICB9fVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZzxQaWNrPEltZ1Byb3BzLCAncmF0aW8nIHwgJ3JvdW5kZWQnIHwgJ3RyYW5zcGFyZW50JyB8ICdmaXQnPj5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvYmplY3QtZml0OiAkeyh7IGZpdCB9KSA9PiBmaXR9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdHJhbnNwYXJlbnQsIHRoZW1lIH0pID0+ICh0cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc2Vjb25kYXJ5J10pfTtcblxuICBib3JkZXItcmFkaXVzOiAkeyh7IHJvdW5kZWQgfSkgPT4gKHJvdW5kZWQgPyAnMTAwJScgOiAnMCcpfTtcblxuICAkeyh7IHJhdGlvIH0pID0+IHtcbiAgICBpZiAoISFyYXRpbykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgYFxuICAgIH1cblxuICAgIHJldHVybiBjc3NgXG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgYFxuICB9fTtcbmBcbiJdfQ== */"));
|
package/lib/Img/Img.types.js
CHANGED
package/lib/Img/index.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Img = require("./Img");
|
|
7
|
+
Object.keys(_Img).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Img[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Img[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.InlineMessage = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _Icons = require("../Icons");
|
|
12
|
+
var _ = require("../");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
2
14
|
var _excluded = ["children", "id", "status", "color", "size", "toRight", "tooltipProps"];
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { SuccessIcon, InfoIcon, WarningIcon, ErrorIcon } from '../Icons';
|
|
5
|
-
import { IconAndText, Paragraph, Tooltip } from '../';
|
|
6
15
|
var statuses = {
|
|
7
|
-
success: SuccessIcon,
|
|
8
|
-
info: InfoIcon,
|
|
9
|
-
warning: WarningIcon,
|
|
10
|
-
error: ErrorIcon
|
|
16
|
+
success: _Icons.SuccessIcon,
|
|
17
|
+
info: _Icons.InfoIcon,
|
|
18
|
+
warning: _Icons.WarningIcon,
|
|
19
|
+
error: _Icons.ErrorIcon
|
|
11
20
|
};
|
|
12
21
|
var scales = {
|
|
13
22
|
xs: 1.1,
|
|
@@ -15,40 +24,44 @@ var scales = {
|
|
|
15
24
|
md: 1.2,
|
|
16
25
|
lg: 1.3
|
|
17
26
|
};
|
|
27
|
+
|
|
18
28
|
/**
|
|
19
29
|
* Basic Inline Message
|
|
20
30
|
*/
|
|
21
|
-
|
|
22
|
-
export var InlineMessage = React.forwardRef(function (_ref, ref) {
|
|
31
|
+
var InlineMessage = exports.InlineMessage = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
23
32
|
var children = _ref.children,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
id = _ref.id,
|
|
34
|
+
status = _ref.status,
|
|
35
|
+
_ref$color = _ref.color,
|
|
36
|
+
color = _ref$color === void 0 ? 'complementary' : _ref$color,
|
|
37
|
+
_ref$size = _ref.size,
|
|
38
|
+
size = _ref$size === void 0 ? 'sm' : _ref$size,
|
|
39
|
+
_ref$toRight = _ref.toRight,
|
|
40
|
+
toRight = _ref$toRight === void 0 ? false : _ref$toRight,
|
|
41
|
+
tooltipProps = _ref.tooltipProps,
|
|
42
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
35
43
|
var InlineMessageContent = function InlineMessageContent() {
|
|
36
|
-
return /*#__PURE__*/
|
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Paragraph, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
37
45
|
id: id,
|
|
38
46
|
color: color,
|
|
39
47
|
size: size
|
|
40
|
-
}, props, {
|
|
48
|
+
}, props), {}, {
|
|
41
49
|
ref: ref,
|
|
42
|
-
as: "div"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
as: "div",
|
|
51
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconAndText, {
|
|
52
|
+
icon: statuses[status],
|
|
53
|
+
iconProps: {
|
|
54
|
+
size: 'md',
|
|
55
|
+
scale: scales[size]
|
|
56
|
+
},
|
|
57
|
+
toRight: toRight,
|
|
58
|
+
children: children
|
|
59
|
+
})
|
|
60
|
+
}));
|
|
51
61
|
};
|
|
52
|
-
|
|
53
|
-
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
63
|
+
children: tooltipProps ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tooltip, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, tooltipProps), {}, {
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineMessageContent, {})
|
|
65
|
+
})) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineMessageContent, {})
|
|
66
|
+
});
|
|
54
67
|
});
|
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _InlineMessage = require("./InlineMessage");
|
|
7
|
+
Object.keys(_InlineMessage).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _InlineMessage[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _InlineMessage[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|