@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/Radio/types.js
CHANGED
|
@@ -1,40 +1,51 @@
|
|
|
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.ScrollableContentContext = exports.ScrollableContent = 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 _ScrollableContent = require("./ScrollableContent.styles");
|
|
12
|
+
var _useScrollContainer2 = require("./useScrollContainer");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
2
14
|
var _excluded = ["children"],
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { ScrollableContentWrapper } from './ScrollableContent.styles';
|
|
6
|
-
import { useScrollContainer } from './useScrollContainer';
|
|
7
|
-
export var ScrollableContentContext = React.createContext({
|
|
15
|
+
_excluded2 = ["atTop", "atBottom", "scroll", "height"];
|
|
16
|
+
var ScrollableContentContext = exports.ScrollableContentContext = /*#__PURE__*/_react["default"].createContext({
|
|
8
17
|
atTop: true,
|
|
9
18
|
atBottom: true,
|
|
10
19
|
scroll: 0,
|
|
11
20
|
height: 0
|
|
12
21
|
});
|
|
22
|
+
|
|
13
23
|
/**
|
|
14
24
|
* ScrollableContent
|
|
15
25
|
*/
|
|
16
|
-
|
|
17
|
-
export var ScrollableContent = React.forwardRef(function (_ref, ref) {
|
|
26
|
+
var ScrollableContent = exports.ScrollableContent = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
18
27
|
var children = _ref.children,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return /*#__PURE__*/React.createElement(ScrollableContentContext.Provider, {
|
|
28
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
29
|
+
var _useScrollContainer = (0, _useScrollContainer2.useScrollContainer)(),
|
|
30
|
+
atTop = _useScrollContainer.atTop,
|
|
31
|
+
atBottom = _useScrollContainer.atBottom,
|
|
32
|
+
scroll = _useScrollContainer.scroll,
|
|
33
|
+
height = _useScrollContainer.height,
|
|
34
|
+
divProps = (0, _objectWithoutProperties2["default"])(_useScrollContainer, _excluded2);
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollableContentContext.Provider, {
|
|
29
36
|
value: {
|
|
30
37
|
atTop: atTop,
|
|
31
38
|
atBottom: atBottom,
|
|
32
39
|
scroll: scroll,
|
|
33
40
|
height: height
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
41
|
+
},
|
|
42
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollableContent.ScrollableContentWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
|
43
|
+
moreTop: !atTop,
|
|
44
|
+
moreBottom: !atBottom,
|
|
45
|
+
ref: ref,
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, divProps), {}, {
|
|
47
|
+
children: children
|
|
48
|
+
}))
|
|
49
|
+
}))
|
|
50
|
+
});
|
|
40
51
|
});
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CodacyTheme } from '../theme';
|
|
3
2
|
import { ScrollableContentProps } from './ScrollableContent.types';
|
|
4
|
-
export declare const ScrollableContentWrapper: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}, ScrollableContentProps & {
|
|
3
|
+
export declare const ScrollableContentWrapper: 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("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
|
|
8
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
} & import("..").FlexboxProps & ScrollableContentProps & {
|
|
13
11
|
moreTop: boolean;
|
|
14
12
|
moreBottom: boolean;
|
|
15
|
-
},
|
|
13
|
+
}, {}, {}>;
|
|
@@ -1,30 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ScrollableContentWrapper = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _theme = require("../theme");
|
|
10
|
+
var _Flexbox = require("../Flexbox");
|
|
11
|
+
var _polished = require("polished");
|
|
12
|
+
var ScrollableContentWrapper = exports.ScrollableContentWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
|
|
6
13
|
target: "e1rt0vwo0"
|
|
7
|
-
}
|
|
14
|
+
} : {
|
|
15
|
+
target: "e1rt0vwo0",
|
|
16
|
+
label: "codacy"
|
|
17
|
+
})("position:relative;overflow:hidden;&>div{overflow:auto;max-height:100%;width:100%;}&:after,&:before{content:'';position:absolute;z-index:", function (_ref) {
|
|
8
18
|
var theme = _ref.theme;
|
|
9
19
|
return theme.zIndices['decoration'];
|
|
10
20
|
}, ";width:100%;height:", function (_ref2) {
|
|
11
21
|
var _ref2$fadeHeight = _ref2.fadeHeight,
|
|
12
|
-
|
|
22
|
+
fadeHeight = _ref2$fadeHeight === void 0 ? '2rem' : _ref2$fadeHeight;
|
|
13
23
|
return fadeHeight;
|
|
14
24
|
}, ";left:0;transition:", function () {
|
|
15
|
-
return transition(['opacity']);
|
|
25
|
+
return (0, _theme.transition)(['opacity']);
|
|
16
26
|
}, ";pointer-events:none;}&:before{top:0;opacity:", function (_ref3) {
|
|
17
27
|
var moreTop = _ref3.moreTop;
|
|
18
28
|
return moreTop ? 1 : 0;
|
|
19
29
|
}, ";background:", function (_ref4) {
|
|
20
30
|
var background = _ref4.background,
|
|
21
|
-
|
|
22
|
-
return "linear-gradient(0deg, ".concat(rgba(theme.colors[background || 'background-primary'], 0), " 0%, ").concat(rgba(theme.colors[background || 'background-primary'], 1), " 100%)");
|
|
31
|
+
theme = _ref4.theme;
|
|
32
|
+
return "linear-gradient(0deg, ".concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 0), " 0%, ").concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 1), " 100%)");
|
|
23
33
|
}, ";}&:after{bottom:0;opacity:", function (_ref5) {
|
|
24
34
|
var moreBottom = _ref5.moreBottom;
|
|
25
35
|
return moreBottom ? 1 : 0;
|
|
26
36
|
}, ";background:", function (_ref6) {
|
|
27
37
|
var background = _ref6.background,
|
|
28
|
-
|
|
29
|
-
return "linear-gradient(180deg, ".concat(rgba(theme.colors[background || 'background-primary'], 0), " 0%, ").concat(rgba(theme.colors[background || 'background-primary'], 1), " 100%)");
|
|
30
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
theme = _ref6.theme;
|
|
39
|
+
return "linear-gradient(180deg, ".concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 0), " 0%, ").concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 1), " 100%)");
|
|
40
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TY3JvbGxhYmxlQ29udGVudC9TY3JvbGxhYmxlQ29udGVudC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUMiLCJmaWxlIjoiLi4vLi4vc3JjL1Njcm9sbGFibGVDb250ZW50L1Njcm9sbGFibGVDb250ZW50LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBTY3JvbGxhYmxlQ29udGVudFByb3BzIH0gZnJvbSAnLi9TY3JvbGxhYmxlQ29udGVudC50eXBlcydcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50V3JhcHBlciA9IHN0eWxlZChGbGV4KTxcbiAgU2Nyb2xsYWJsZUNvbnRlbnRQcm9wcyAmIHsgbW9yZVRvcDogYm9vbGVhbjsgbW9yZUJvdHRvbTogYm9vbGVhbiB9XG4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJiA+IGRpdiB7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICY6YWZ0ZXIsXG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snZGVjb3JhdGlvbiddfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6ICR7KHsgZmFkZUhlaWdodCA9ICcycmVtJyB9KSA9PiBmYWRlSGVpZ2h0fTtcbiAgICBsZWZ0OiAwO1xuICAgIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ29wYWNpdHknXSl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIHRvcDogMDtcbiAgICBvcGFjaXR5OiAkeyh7IG1vcmVUb3AgfSkgPT4gKG1vcmVUb3AgPyAxIDogMCl9O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZCwgdGhlbWUgfSkgPT5cbiAgICAgIGBsaW5lYXItZ3JhZGllbnQoMGRlZywgJHtyZ2JhKHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknXSwgMCl9IDAlLCAke3JnYmEoXG4gICAgICAgIHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknXSxcbiAgICAgICAgMVxuICAgICAgKX0gIDEwMCUpYH07XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICBib3R0b206IDA7XG4gICAgb3BhY2l0eTogJHsoeyBtb3JlQm90dG9tIH0pID0+IChtb3JlQm90dG9tID8gMSA6IDApfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmQsIHRoZW1lIH0pID0+XG4gICAgICBgbGluZWFyLWdyYWRpZW50KDE4MGRlZywgJHtyZ2JhKHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknXSwgMCl9IDAlLCAke3JnYmEoXG4gICAgICAgIHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknXSxcbiAgICAgICAgMVxuICAgICAgKX0gIDEwMCUpYH07XG4gIH1cbmBcbiJdfQ== */"));
|
|
@@ -1,2 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _ScrollableContent = require("./ScrollableContent");
|
|
7
|
+
Object.keys(_ScrollableContent).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _ScrollableContent[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _ScrollableContent[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _useScrollContainer = require("./useScrollContainer");
|
|
18
|
+
Object.keys(_useScrollContainer).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _useScrollContainer[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _useScrollContainer[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
@@ -1,22 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
-
import { useState, useCallback, useEffect, useRef, useMemo } from 'react';
|
|
4
|
-
import { throttle } from 'lodash';
|
|
5
|
-
export var useScrollContainer = function useScrollContainer() {
|
|
6
|
-
var ref = useRef(null);
|
|
1
|
+
"use strict";
|
|
7
2
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useScrollContainer = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
var _lodash = require("lodash");
|
|
12
|
+
var useScrollContainer = exports.useScrollContainer = function useScrollContainer() {
|
|
13
|
+
var ref = (0, _react.useRef)(null);
|
|
14
|
+
var _useState = (0, _react.useState)({
|
|
15
|
+
atTop: true,
|
|
16
|
+
atBottom: true,
|
|
17
|
+
scroll: 0,
|
|
18
|
+
height: 0
|
|
19
|
+
}),
|
|
20
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
21
|
+
state = _useState2[0],
|
|
22
|
+
setState = _useState2[1];
|
|
23
|
+
var throttledHandler = (0, _react.useMemo)(function () {
|
|
24
|
+
return (0, _lodash.throttle)(function (scrollHeight, scrollTop, containerHeight) {
|
|
20
25
|
setState({
|
|
21
26
|
atTop: scrollHeight <= containerHeight || scrollTop <= 10,
|
|
22
27
|
atBottom: scrollHeight <= containerHeight || scrollTop >= scrollHeight - containerHeight - 10,
|
|
@@ -25,7 +30,7 @@ export var useScrollContainer = function useScrollContainer() {
|
|
|
25
30
|
});
|
|
26
31
|
}, 250);
|
|
27
32
|
}, []);
|
|
28
|
-
var resizeObserver = useMemo(function () {
|
|
33
|
+
var resizeObserver = (0, _react.useMemo)(function () {
|
|
29
34
|
return new ResizeObserver(function (entries) {
|
|
30
35
|
if (entries.length > 0) {
|
|
31
36
|
var div = entries[0].target;
|
|
@@ -33,24 +38,24 @@ export var useScrollContainer = function useScrollContainer() {
|
|
|
33
38
|
}
|
|
34
39
|
});
|
|
35
40
|
}, [throttledHandler]);
|
|
36
|
-
var onScroll = useCallback(function (event) {
|
|
41
|
+
var onScroll = (0, _react.useCallback)(function (event) {
|
|
37
42
|
var e = event.currentTarget;
|
|
38
43
|
throttledHandler(e.scrollHeight, e.scrollTop, e.offsetHeight);
|
|
39
44
|
}, [throttledHandler]);
|
|
40
|
-
useEffect(function () {
|
|
41
|
-
if (ref
|
|
45
|
+
(0, _react.useEffect)(function () {
|
|
46
|
+
if (ref !== null && ref !== void 0 && ref.current) {
|
|
42
47
|
var div = ref.current;
|
|
43
48
|
throttledHandler(div.scrollHeight, div.scrollTop, div.offsetHeight);
|
|
44
49
|
}
|
|
45
50
|
}, [throttledHandler]);
|
|
46
|
-
useEffect(function () {
|
|
51
|
+
(0, _react.useEffect)(function () {
|
|
47
52
|
var containerDiv = ref.current;
|
|
48
53
|
if (containerDiv) resizeObserver.observe(containerDiv);
|
|
49
54
|
return function () {
|
|
50
55
|
if (containerDiv) resizeObserver.unobserve(containerDiv);
|
|
51
56
|
};
|
|
52
57
|
}, [resizeObserver]);
|
|
53
|
-
return
|
|
58
|
+
return (0, _objectSpread2["default"])({
|
|
54
59
|
onScroll: onScroll,
|
|
55
60
|
ref: ref
|
|
56
61
|
}, state);
|
package/lib/Select/Select.js
CHANGED
|
@@ -1,32 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
var _excluded = ["options", "id", "value", "onChange", "onOpen", "onClose", "portal"];
|
|
3
|
-
import React, { useCallback } from 'react';
|
|
4
|
-
import { Dropdown, DropdownItem, SelectTrigger } from '../';
|
|
1
|
+
"use strict";
|
|
5
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.Select = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _ = require("../");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
var _excluded = ["options", "id", "value", "onChange", "onOpen", "onClose", "portal"];
|
|
6
15
|
/** @deprecated Use Dropdown + SelectTrigger instead */
|
|
7
|
-
|
|
16
|
+
var Select = exports.Select = function Select(_ref) {
|
|
8
17
|
var options = _ref.options,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
id = _ref.id,
|
|
19
|
+
value = _ref.value,
|
|
20
|
+
_onChange = _ref.onChange,
|
|
21
|
+
onOpen = _ref.onOpen,
|
|
22
|
+
onClose = _ref.onClose,
|
|
23
|
+
portal = _ref.portal,
|
|
24
|
+
inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
17
25
|
var dropdownProps = {
|
|
18
26
|
onOpen: onOpen,
|
|
19
27
|
onClose: onClose,
|
|
20
28
|
portal: portal
|
|
21
29
|
};
|
|
22
|
-
var getLabel = useCallback(function (val) {
|
|
30
|
+
var getLabel = (0, _react.useCallback)(function (val) {
|
|
23
31
|
var value = val ? val : undefined;
|
|
24
32
|
return value ? value.label : '';
|
|
25
33
|
}, []);
|
|
26
|
-
return /*#__PURE__*/
|
|
34
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dropdown, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
27
35
|
id: id,
|
|
28
36
|
size: inputProps.size,
|
|
29
|
-
trigger: /*#__PURE__*/
|
|
37
|
+
trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SelectTrigger, (0, _objectSpread2["default"])({
|
|
30
38
|
id: id ? "".concat(id, "-input") : undefined,
|
|
31
39
|
caption: getLabel
|
|
32
40
|
}, inputProps)),
|
|
@@ -34,9 +42,12 @@ export var Select = function Select(_ref) {
|
|
|
34
42
|
return _onChange(val);
|
|
35
43
|
},
|
|
36
44
|
initialValue: value
|
|
37
|
-
}, dropdownProps),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
45
|
+
}, dropdownProps), {}, {
|
|
46
|
+
children: options.map(function (option) {
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DropdownItem, {
|
|
48
|
+
value: option,
|
|
49
|
+
children: option.label
|
|
50
|
+
});
|
|
51
|
+
})
|
|
41
52
|
}));
|
|
42
53
|
};
|
package/lib/Select/index.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Select = require("./Select");
|
|
7
|
+
Object.keys(_Select).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Select[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Select[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
package/lib/Select/types.js
CHANGED
package/lib/Skeleton/Skeleton.js
CHANGED
|
@@ -1,43 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
var _excluded = ["size"],
|
|
3
|
-
_excluded2 = ["lines"];
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { SkeletonPrimitive } from './Skeleton.styles';
|
|
6
|
-
import { Box } from '../';
|
|
1
|
+
"use strict";
|
|
7
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _Skeleton = require("./Skeleton.styles");
|
|
13
|
+
var _ = require("../");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
var _excluded = ["size"],
|
|
16
|
+
_excluded2 = ["lines"];
|
|
8
17
|
var CircleSkeleton = function CircleSkeleton(_ref) {
|
|
9
18
|
var _ref$size = _ref.size,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return /*#__PURE__*/React.createElement(SkeletonPrimitive, Object.assign({
|
|
19
|
+
size = _ref$size === void 0 ? '2rem' : _ref$size,
|
|
20
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.SkeletonPrimitive, (0, _objectSpread2["default"])({
|
|
14
22
|
variant: "circle",
|
|
15
23
|
width: size
|
|
16
24
|
}, props));
|
|
17
25
|
};
|
|
18
|
-
|
|
19
26
|
var RectSkeleton = function RectSkeleton(_ref2) {
|
|
20
|
-
var props = Object.assign({}, _ref2);
|
|
21
|
-
return /*#__PURE__*/
|
|
27
|
+
var props = Object.assign({}, ((0, _objectDestructuringEmpty2["default"])(_ref2), _ref2));
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.SkeletonPrimitive, (0, _objectSpread2["default"])({
|
|
22
29
|
variant: "rect"
|
|
23
30
|
}, props));
|
|
24
31
|
};
|
|
25
|
-
|
|
26
32
|
var ParagraphSkeleton = function ParagraphSkeleton(_ref3) {
|
|
27
33
|
var _ref3$lines = _ref3.lines,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
})
|
|
34
|
+
lines = _ref3$lines === void 0 ? 3 : _ref3$lines,
|
|
35
|
+
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Box, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
|
37
|
+
children: new Array(lines).fill('').map(function (_item, index) {
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.SkeletonPrimitive, {
|
|
39
|
+
mb: 4,
|
|
40
|
+
width: index < lines - 1 ? '100%' : '70%'
|
|
41
|
+
}, "skeleton-paragraph-".concat(index));
|
|
42
|
+
})
|
|
37
43
|
}));
|
|
38
44
|
};
|
|
39
|
-
|
|
40
|
-
export default {
|
|
45
|
+
var _default = exports["default"] = {
|
|
41
46
|
Circle: CircleSkeleton,
|
|
42
47
|
Rect: RectSkeleton,
|
|
43
48
|
Paragraph: ParagraphSkeleton
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CodacyTheme } from '../theme';
|
|
3
2
|
import { SkeletonProps } from './Skeleton.types';
|
|
4
|
-
export declare const SkeletonPrimitive: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}, Pick<SkeletonProps, "height" | "width" | "variant">, CodacyTheme>;
|
|
3
|
+
export declare const SkeletonPrimitive: 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<SkeletonProps, "height" | "width" | "variant">, {}, {}>;
|
|
@@ -1,27 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
import _styled from "@emotion/styled-base";
|
|
1
|
+
"use strict";
|
|
3
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.SkeletonPrimitive = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
10
|
+
var _react = require("@emotion/react");
|
|
11
|
+
var _Flexbox = require("../Flexbox");
|
|
4
12
|
var _templateObject;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import { Box } from '../Flexbox';
|
|
8
|
-
var animation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 0.4;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0.4;\n }\n"])));
|
|
9
|
-
export var SkeletonPrimitive = /*#__PURE__*/_styled(Box, {
|
|
13
|
+
var animation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n 0% {\n opacity: 0.4;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0.4;\n }\n"])));
|
|
14
|
+
var SkeletonPrimitive = exports.SkeletonPrimitive = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
|
|
10
15
|
target: "ejszlve0"
|
|
16
|
+
} : {
|
|
17
|
+
target: "ejszlve0",
|
|
18
|
+
label: "codacy"
|
|
11
19
|
})("background:", function (_ref) {
|
|
12
20
|
var theme = _ref.theme;
|
|
13
21
|
return theme.colors['neutral-300'];
|
|
14
22
|
}, ";animation:", animation, " 1.5s ease-in-out 0.5s infinite;display:block;", function (_ref2) {
|
|
15
23
|
var variant = _ref2.variant,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
24
|
+
width = _ref2.width,
|
|
25
|
+
height = _ref2.height,
|
|
26
|
+
theme = _ref2.theme;
|
|
19
27
|
var w = typeof width === 'number' ? "".concat(width, "px") : width;
|
|
20
28
|
var h = typeof height === 'number' ? "".concat(height, "px") : height;
|
|
21
|
-
|
|
22
29
|
if (variant === 'circle') {
|
|
23
|
-
return /*#__PURE__*/css("border-radius:100%;width:", w || '2rem', ";height:", w || '2rem', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
return /*#__PURE__*/(0, _react.css)("border-radius:100%;width:", w || '2rem', ";height:", w || '2rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtMzAwJ119O1xuICBhbmltYXRpb246ICR7YW5pbWF0aW9ufSAxLjVzIGVhc2UtaW4tb3V0IDAuNXMgaW5maW5pdGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgdmFyaWFudCwgd2lkdGgsIGhlaWdodCwgdGhlbWUgfSkgPT4ge1xuICAgIGNvbnN0IHcgPSB0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGhcbiAgICBjb25zdCBoID0gdHlwZW9mIGhlaWdodCA9PT0gJ251bWJlcicgPyBgJHtoZWlnaHR9cHhgIDogaGVpZ2h0XG5cbiAgICBpZiAodmFyaWFudCA9PT0gJ2NpcmNsZScpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgIHdpZHRoOiAke3cgfHwgJzJyZW0nfTtcbiAgICAgICAgaGVpZ2h0OiAke3cgfHwgJzJyZW0nfTtcbiAgICAgIGBcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgICAgIHdpZHRoOiAke3cgfHwgJzEwMCUnfTtcbiAgICAgICAgaGVpZ2h0OiAke2ggfHwgJy42NXJlbSd9O1xuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcbiJdfQ== */");
|
|
24
31
|
} else {
|
|
25
|
-
return /*#__PURE__*/css("border-radius:", theme.radii[1], ";width:", w || '100%', ";height:", h || '.65rem', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
return /*#__PURE__*/(0, _react.css)("border-radius:", theme.radii[1], ";width:", w || '100%', ";height:", h || '.65rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNnQiIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtMzAwJ119O1xuICBhbmltYXRpb246ICR7YW5pbWF0aW9ufSAxLjVzIGVhc2UtaW4tb3V0IDAuNXMgaW5maW5pdGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgdmFyaWFudCwgd2lkdGgsIGhlaWdodCwgdGhlbWUgfSkgPT4ge1xuICAgIGNvbnN0IHcgPSB0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGhcbiAgICBjb25zdCBoID0gdHlwZW9mIGhlaWdodCA9PT0gJ251bWJlcicgPyBgJHtoZWlnaHR9cHhgIDogaGVpZ2h0XG5cbiAgICBpZiAodmFyaWFudCA9PT0gJ2NpcmNsZScpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgIHdpZHRoOiAke3cgfHwgJzJyZW0nfTtcbiAgICAgICAgaGVpZ2h0OiAke3cgfHwgJzJyZW0nfTtcbiAgICAgIGBcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgICAgIHdpZHRoOiAke3cgfHwgJzEwMCUnfTtcbiAgICAgICAgaGVpZ2h0OiAke2ggfHwgJy42NXJlbSd9O1xuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcbiJdfQ== */");
|
|
26
33
|
}
|
|
27
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJpRyIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtMzAwJ119O1xuICBhbmltYXRpb246ICR7YW5pbWF0aW9ufSAxLjVzIGVhc2UtaW4tb3V0IDAuNXMgaW5maW5pdGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICR7KHsgdmFyaWFudCwgd2lkdGgsIGhlaWdodCwgdGhlbWUgfSkgPT4ge1xuICAgIGNvbnN0IHcgPSB0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGhcbiAgICBjb25zdCBoID0gdHlwZW9mIGhlaWdodCA9PT0gJ251bWJlcicgPyBgJHtoZWlnaHR9cHhgIDogaGVpZ2h0XG5cbiAgICBpZiAodmFyaWFudCA9PT0gJ2NpcmNsZScpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgIHdpZHRoOiAke3cgfHwgJzJyZW0nfTtcbiAgICAgICAgaGVpZ2h0OiAke3cgfHwgJzJyZW0nfTtcbiAgICAgIGBcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgICAgIHdpZHRoOiAke3cgfHwgJzEwMCUnfTtcbiAgICAgICAgaGVpZ2h0OiAke2ggfHwgJy42NXJlbSd9O1xuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcbiJdfQ== */"));
|
package/lib/Skeleton/index.js
CHANGED
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "Skeleton", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _Skeleton["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "SkeletonPrimitive", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _Skeleton2.SkeletonPrimitive;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
20
|
+
var _Skeleton2 = require("./Skeleton.styles");
|