@codacy/ui-components 0.64.16 → 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 +64 -40
- 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.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/Stepper/Stepper.js
CHANGED
|
@@ -1,56 +1,65 @@
|
|
|
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.Stepper = 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 _Stepper = require("./Stepper.styles");
|
|
12
|
+
var _ = require("../");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
2
14
|
var _excluded = ["children", "active"],
|
|
3
|
-
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { StepLabelWrapper, StepperWrapper, StepLabelIndicator } from './Stepper.styles';
|
|
6
|
-
import { Icon, CheckIcon, Caption } from '../';
|
|
15
|
+
_excluded2 = ["state", "children", "step"];
|
|
7
16
|
/**
|
|
8
17
|
* Description for Stepper
|
|
9
18
|
*/
|
|
10
|
-
|
|
11
19
|
var StepperContainer = function StepperContainer(_ref) {
|
|
12
20
|
var children = _ref.children,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return React.isValidElement(child) && child.props.step === active;
|
|
21
|
+
active = _ref.active,
|
|
22
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
23
|
+
var activeStepIdx = _react["default"].Children.toArray(children).findIndex(function (child) {
|
|
24
|
+
return /*#__PURE__*/_react["default"].isValidElement(child) && child.props.step === active;
|
|
18
25
|
});
|
|
19
|
-
return /*#__PURE__*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stepper.StepperWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
|
27
|
+
children: _react["default"].Children.map(children, function (child, index) {
|
|
28
|
+
if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
|
|
29
|
+
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
30
|
+
state: index < activeStepIdx ? 'complete' : index > activeStepIdx ? 'incomplete' : 'current'
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
return null;
|
|
34
|
+
})
|
|
27
35
|
}));
|
|
28
36
|
};
|
|
29
|
-
|
|
30
37
|
var StepLabel = function StepLabel(_ref2) {
|
|
31
38
|
var state = _ref2.state,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
return /*#__PURE__*/React.createElement(StepLabelWrapper, Object.assign({
|
|
39
|
+
children = _ref2.children,
|
|
40
|
+
step = _ref2.step,
|
|
41
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
42
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stepper.StepLabelWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
37
43
|
state: state,
|
|
38
44
|
mr: 6
|
|
39
|
-
}, props),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
}, props), {}, {
|
|
46
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Stepper.StepLabelIndicator, {
|
|
47
|
+
mr: 2,
|
|
48
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
|
|
49
|
+
icon: _.CheckIcon,
|
|
50
|
+
size: "xs",
|
|
51
|
+
bold: true,
|
|
52
|
+
color: "text-invert",
|
|
53
|
+
title: "check-icon"
|
|
54
|
+
})
|
|
55
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Caption, {
|
|
56
|
+
size: "md",
|
|
57
|
+
bold: state === 'current',
|
|
58
|
+
as: "div",
|
|
59
|
+
children: children
|
|
60
|
+
})]
|
|
61
|
+
}));
|
|
52
62
|
};
|
|
53
|
-
|
|
54
|
-
export var Stepper = Object.assign(StepperContainer, {
|
|
63
|
+
var Stepper = exports.Stepper = Object.assign(StepperContainer, {
|
|
55
64
|
Label: StepLabel
|
|
56
65
|
});
|
|
@@ -1,31 +1,26 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CodacyTheme } from '../theme';
|
|
3
2
|
import { StepLabelProps } from './Stepper.types';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
} &
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
theme?:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
|
|
25
|
-
}
|
|
26
|
-
theme?:
|
|
27
|
-
}
|
|
28
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
29
|
-
} & Pick<FlexProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps> & {
|
|
30
|
-
theme?: object | undefined;
|
|
31
|
-
}, Pick<StepLabelProps, "state">, CodacyTheme>;
|
|
3
|
+
export declare const StepperWrapper: 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, {}, {}>;
|
|
11
|
+
export declare const StepLabelIndicator: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
|
|
15
|
+
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
|
|
16
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
} & import("..").FlexboxProps & import("..").GridboxProps, {}, {}>;
|
|
19
|
+
export declare const StepLabelWrapper: import("@emotion/styled").StyledComponent<{
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
as?: import("react").ElementType<any> | undefined;
|
|
22
|
+
} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
|
|
23
|
+
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
|
|
24
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
} & import("..").FlexboxProps & Pick<StepLabelProps, "state">, {}, {}>;
|
|
@@ -1,31 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.StepperWrapper = exports.StepLabelWrapper = exports.StepLabelIndicator = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _theme = require("../theme");
|
|
10
|
+
var _Flexbox = require("../Flexbox");
|
|
11
|
+
var _Typography = require("../Typography");
|
|
12
|
+
var _Icon = require("../Icon/Icon.styles");
|
|
13
|
+
var StepperWrapper = exports.StepperWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
|
|
14
|
+
target: "e1r49odd2"
|
|
15
|
+
} : {
|
|
16
|
+
target: "e1r49odd2",
|
|
17
|
+
label: "codacy"
|
|
18
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xRCIsImZpbGUiOiIuLi8uLi9zcmMvU3RlcHBlci9TdGVwcGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgU3RlcExhYmVsUHJvcHMgfSBmcm9tICcuL1N0ZXBwZXIudHlwZXMnXG5pbXBvcnQgeyBCb3gsIEJveFByb3BzLCBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgU3R5bGVkQ2FwdGlvbiB9IGZyb20gJy4uL1R5cG9ncmFwaHknXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IFN0ZXBMYWJlbEluZGljYXRvciA9IHN0eWxlZChCb3gpPEJveFByb3BzPmBcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgd2lkdGg6IDFyZW07XG4gIGhlaWdodDogMXJlbTtcbiAgbGluZS1oZWlnaHQ6IDFyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0ZXBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoRmxleCk8UGljazxTdGVwTGFiZWxQcm9wcywgJ3N0YXRlJz4+YFxuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgJHtTdGVwTGFiZWxJbmRpY2F0b3J9IHtcbiAgICBib3JkZXI6ICR7KHsgc3RhdGUsIHRoZW1lIH0pID0+XG4gICAgICBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7XG4gICAgICAgIHN0YXRlID09PSAnaW5jb21wbGV0ZSdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9yc1snaWNvbi1wcmltYXJ5J11cbiAgICAgICAgICA6IHN0YXRlID09PSAnY3VycmVudCdcbiAgICAgICAgICAgID8gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddXG4gICAgICAgICAgICA6IHRoZW1lLmNvbG9yc1sndGV4dC1zZWNvbmRhcnknXVxuICAgICAgfWB9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgc3RhdGUsIHRoZW1lIH0pID0+XG4gICAgICBzdGF0ZSA9PT0gJ2NvbXBsZXRlJyA/IHRoZW1lLmNvbG9yc1snbmV1dHJhbC02MDAnXSA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1wcmltYXJ5J119O1xuXG4gICAgJHtJY29uV3JhcHBlcn0ge1xuICAgICAgb3BhY2l0eTogJHsoeyBzdGF0ZSB9KSA9PiAoc3RhdGUgPT09ICdjb21wbGV0ZScgPyAxIDogMCl9O1xuICAgIH1cbiAgfVxuXG4gICR7U3R5bGVkQ2FwdGlvbn0ge1xuICAgIGNvbG9yOiAkeyh7IHN0YXRlLCB0aGVtZSB9KSA9PlxuICAgICAgc3RhdGUgPT09ICdpbmNvbXBsZXRlJ1xuICAgICAgICA/IHRoZW1lLmNvbG9yc1snaWNvbi1wcmltYXJ5J11cbiAgICAgICAgOiBzdGF0ZSA9PT0gJ2N1cnJlbnQnXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J11cbiAgICAgICAgICA6IHRoZW1lLmNvbG9yc1sndGV4dC1zZWNvbmRhcnknXX07XG4gIH1cbmBcbiJdfQ== */");
|
|
19
|
+
var StepLabelIndicator = exports.StepLabelIndicator = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
|
|
10
20
|
target: "e1r49odd1"
|
|
21
|
+
} : {
|
|
22
|
+
target: "e1r49odd1",
|
|
23
|
+
label: "codacy"
|
|
11
24
|
})("border-radius:100%;width:1rem;height:1rem;line-height:1rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:", function () {
|
|
12
|
-
return transition(['background-color']);
|
|
13
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
-
|
|
15
|
-
target: "
|
|
25
|
+
return (0, _theme.transition)(['background-color']);
|
|
26
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN1RCIsImZpbGUiOiIuLi8uLi9zcmMvU3RlcHBlci9TdGVwcGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgU3RlcExhYmVsUHJvcHMgfSBmcm9tICcuL1N0ZXBwZXIudHlwZXMnXG5pbXBvcnQgeyBCb3gsIEJveFByb3BzLCBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgU3R5bGVkQ2FwdGlvbiB9IGZyb20gJy4uL1R5cG9ncmFwaHknXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IFN0ZXBMYWJlbEluZGljYXRvciA9IHN0eWxlZChCb3gpPEJveFByb3BzPmBcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgd2lkdGg6IDFyZW07XG4gIGhlaWdodDogMXJlbTtcbiAgbGluZS1oZWlnaHQ6IDFyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0ZXBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoRmxleCk8UGljazxTdGVwTGFiZWxQcm9wcywgJ3N0YXRlJz4+YFxuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgJHtTdGVwTGFiZWxJbmRpY2F0b3J9IHtcbiAgICBib3JkZXI6ICR7KHsgc3RhdGUsIHRoZW1lIH0pID0+XG4gICAgICBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7XG4gICAgICAgIHN0YXRlID09PSAnaW5jb21wbGV0ZSdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9yc1snaWNvbi1wcmltYXJ5J11cbiAgICAgICAgICA6IHN0YXRlID09PSAnY3VycmVudCdcbiAgICAgICAgICAgID8gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddXG4gICAgICAgICAgICA6IHRoZW1lLmNvbG9yc1sndGV4dC1zZWNvbmRhcnknXVxuICAgICAgfWB9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgc3RhdGUsIHRoZW1lIH0pID0+XG4gICAgICBzdGF0ZSA9PT0gJ2NvbXBsZXRlJyA/IHRoZW1lLmNvbG9yc1snbmV1dHJhbC02MDAnXSA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1wcmltYXJ5J119O1xuXG4gICAgJHtJY29uV3JhcHBlcn0ge1xuICAgICAgb3BhY2l0eTogJHsoeyBzdGF0ZSB9KSA9PiAoc3RhdGUgPT09ICdjb21wbGV0ZScgPyAxIDogMCl9O1xuICAgIH1cbiAgfVxuXG4gICR7U3R5bGVkQ2FwdGlvbn0ge1xuICAgIGNvbG9yOiAkeyh7IHN0YXRlLCB0aGVtZSB9KSA9PlxuICAgICAgc3RhdGUgPT09ICdpbmNvbXBsZXRlJ1xuICAgICAgICA/IHRoZW1lLmNvbG9yc1snaWNvbi1wcmltYXJ5J11cbiAgICAgICAgOiBzdGF0ZSA9PT0gJ2N1cnJlbnQnXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J11cbiAgICAgICAgICA6IHRoZW1lLmNvbG9yc1sndGV4dC1zZWNvbmRhcnknXX07XG4gIH1cbmBcbiJdfQ== */"));
|
|
27
|
+
var StepLabelWrapper = exports.StepLabelWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
|
|
28
|
+
target: "e1r49odd0"
|
|
29
|
+
} : {
|
|
30
|
+
target: "e1r49odd0",
|
|
31
|
+
label: "codacy"
|
|
16
32
|
})("align-items:baseline;", StepLabelIndicator, "{border:", function (_ref) {
|
|
17
33
|
var state = _ref.state,
|
|
18
|
-
|
|
34
|
+
theme = _ref.theme;
|
|
19
35
|
return "solid ".concat(theme.borderWidths[0], " ").concat(state === 'incomplete' ? theme.colors['icon-primary'] : state === 'current' ? theme.colors['accent-primary'] : theme.colors['text-secondary']);
|
|
20
36
|
}, ";background-color:", function (_ref2) {
|
|
21
37
|
var state = _ref2.state,
|
|
22
|
-
|
|
38
|
+
theme = _ref2.theme;
|
|
23
39
|
return state === 'complete' ? theme.colors['neutral-600'] : theme.colors['background-primary'];
|
|
24
|
-
}, ";", IconWrapper, "{opacity:", function (_ref3) {
|
|
40
|
+
}, ";", _Icon.IconWrapper, "{opacity:", function (_ref3) {
|
|
25
41
|
var state = _ref3.state;
|
|
26
42
|
return state === 'complete' ? 1 : 0;
|
|
27
|
-
}, ";}}", StyledCaption, "{color:", function (_ref4) {
|
|
43
|
+
}, ";}}", _Typography.StyledCaption, "{color:", function (_ref4) {
|
|
28
44
|
var state = _ref4.state,
|
|
29
|
-
|
|
45
|
+
theme = _ref4.theme;
|
|
30
46
|
return state === 'incomplete' ? theme.colors['icon-primary'] : state === 'current' ? theme.colors['accent-primary'] : theme.colors['text-secondary'];
|
|
31
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMkUiLCJmaWxlIjoiLi4vLi4vc3JjL1N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFN0ZXBMYWJlbFByb3BzIH0gZnJvbSAnLi9TdGVwcGVyLnR5cGVzJ1xuaW1wb3J0IHsgQm94LCBCb3hQcm9wcywgRmxleCwgRmxleFByb3BzIH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFN0eWxlZENhcHRpb24gfSBmcm9tICcuLi9UeXBvZ3JhcGh5J1xuaW1wb3J0IHsgSWNvbldyYXBwZXIgfSBmcm9tICcuLi9JY29uL0ljb24uc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgU3RlcHBlcldyYXBwZXIgPSBzdHlsZWQoRmxleCk8RmxleFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBTdGVwTGFiZWxJbmRpY2F0b3IgPSBzdHlsZWQoQm94KTxCb3hQcm9wcz5gXG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXNocmluazogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYmFja2dyb3VuZC1jb2xvciddKX07XG5gXG5cbmV4cG9ydCBjb25zdCBTdGVwTGFiZWxXcmFwcGVyID0gc3R5bGVkKEZsZXgpPFBpY2s8U3RlcExhYmVsUHJvcHMsICdzdGF0ZSc+PmBcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXG4gICR7U3RlcExhYmVsSW5kaWNhdG9yfSB7XG4gICAgYm9yZGVyOiAkeyh7IHN0YXRlLCB0aGVtZSB9KSA9PlxuICAgICAgYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke1xuICAgICAgICBzdGF0ZSA9PT0gJ2luY29tcGxldGUnXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnNbJ2ljb24tcHJpbWFyeSddXG4gICAgICAgICAgOiBzdGF0ZSA9PT0gJ2N1cnJlbnQnXG4gICAgICAgICAgICA/IHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnknXVxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J11cbiAgICAgIH1gfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHN0YXRlLCB0aGVtZSB9KSA9PlxuICAgICAgc3RhdGUgPT09ICdjb21wbGV0ZScgPyB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtNjAwJ10gOiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcblxuICAgICR7SWNvbldyYXBwZXJ9IHtcbiAgICAgIG9wYWNpdHk6ICR7KHsgc3RhdGUgfSkgPT4gKHN0YXRlID09PSAnY29tcGxldGUnID8gMSA6IDApfTtcbiAgICB9XG4gIH1cblxuICAke1N0eWxlZENhcHRpb259IHtcbiAgICBjb2xvcjogJHsoeyBzdGF0ZSwgdGhlbWUgfSkgPT5cbiAgICAgIHN0YXRlID09PSAnaW5jb21wbGV0ZSdcbiAgICAgICAgPyB0aGVtZS5jb2xvcnNbJ2ljb24tcHJpbWFyeSddXG4gICAgICAgIDogc3RhdGUgPT09ICdjdXJyZW50J1xuICAgICAgICAgID8gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J119O1xuICB9XG5gXG4iXX0= */"));
|
package/lib/Stepper/index.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Stepper = require("./Stepper");
|
|
7
|
+
Object.keys(_Stepper).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Stepper[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Stepper[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
package/lib/Switcher/Switcher.js
CHANGED
|
@@ -1,31 +1,40 @@
|
|
|
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.Switcher = 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 _Switcher = require("./Switcher.styles");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
2
13
|
var _excluded = ["options", "onClick", "value"];
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { SwitcherWrapper, SwitcherButton } from './Switcher.styles';
|
|
5
14
|
/**
|
|
6
15
|
* Description for Switcher
|
|
7
16
|
*/
|
|
8
|
-
|
|
9
|
-
export var Switcher = function Switcher(_ref) {
|
|
17
|
+
var Switcher = exports.Switcher = function Switcher(_ref) {
|
|
10
18
|
var options = _ref.options,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(SwitcherWrapper, Object.assign({
|
|
19
|
+
_onClick = _ref.onClick,
|
|
20
|
+
value = _ref.value,
|
|
21
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switcher.SwitcherWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
16
23
|
as: "nav"
|
|
17
|
-
}, props),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
}, props), {}, {
|
|
25
|
+
children: options.map(function (option) {
|
|
26
|
+
return option.value === value ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switcher.SwitcherButton, {
|
|
27
|
+
id: option.id,
|
|
28
|
+
selected: true,
|
|
29
|
+
"aria-selected": "true",
|
|
30
|
+
children: option.label
|
|
31
|
+
}, option.label) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switcher.SwitcherButton, {
|
|
32
|
+
id: option.id,
|
|
33
|
+
onClick: function onClick() {
|
|
34
|
+
if (_onClick) _onClick(option.value);
|
|
35
|
+
},
|
|
36
|
+
children: option.label
|
|
37
|
+
}, option.label);
|
|
38
|
+
})
|
|
30
39
|
}));
|
|
31
40
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
2
|
+
export declare const SwitcherButton: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & {
|
|
5
6
|
selected?: boolean | undefined;
|
|
6
|
-
},
|
|
7
|
-
export declare const SwitcherWrapper: import("@emotion/styled
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}, FlexProps, CodacyTheme>;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
8
|
+
export declare const SwitcherWrapper: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
|
|
12
|
+
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
|
|
13
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
} & import("..").FlexboxProps, {}, {}>;
|
|
@@ -1,9 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.SwitcherWrapper = exports.SwitcherButton = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _theme = require("../theme");
|
|
10
|
+
var _Flexbox = require("../Flexbox");
|
|
11
|
+
var _react = require("@emotion/react");
|
|
12
|
+
var SwitcherButton = exports.SwitcherButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
|
|
13
|
+
target: "e1rqrvju1"
|
|
14
|
+
} : {
|
|
15
|
+
target: "e1rqrvju1",
|
|
16
|
+
label: "codacy"
|
|
7
17
|
})("border-radius:", function (_ref) {
|
|
8
18
|
var theme = _ref.theme;
|
|
9
19
|
return theme.radii[1];
|
|
@@ -20,23 +30,25 @@ export var SwitcherButton = _styled("button", {
|
|
|
20
30
|
var selected = _ref5.selected;
|
|
21
31
|
return selected ? 'default' : 'pointer';
|
|
22
32
|
}, ";outline:0;transition:", function () {
|
|
23
|
-
return transition(['background-color'], 'fast');
|
|
33
|
+
return (0, _theme.transition)(['background-color'], 'fast');
|
|
24
34
|
}, ";background-color:transparent;color:", function (_ref6) {
|
|
25
35
|
var theme = _ref6.theme;
|
|
26
36
|
return theme.colors['text-complementary'];
|
|
27
37
|
}, ";", function (_ref7) {
|
|
28
38
|
var selected = _ref7.selected,
|
|
29
|
-
|
|
30
|
-
|
|
39
|
+
theme = _ref7.theme;
|
|
31
40
|
if (selected) {
|
|
32
|
-
return /*#__PURE__*/css("background-color:", theme.colors['background-info'], ";color:", theme.colors['accent-primary'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
return /*#__PURE__*/(0, _react.css)("background-color:", theme.colors['background-info'], ";color:", theme.colors['accent-primary'], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQiIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgbGluZS1oZWlnaHQ6IGNhbGMoMnJlbSAtIDJweCk7XG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGN1cnNvcjogJHsoeyBzZWxlY3RlZCB9KSA9PiAoc2VsZWN0ZWQgPyAnZGVmYXVsdCcgOiAncG9pbnRlcicpfTtcbiAgb3V0bGluZTogMDtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJ10sICdmYXN0Jyl9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtY29tcGxlbWVudGFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1pbmZvJ119O1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snY29udHJvbC1hY3RpdmUtYmFja2dyb3VuZCddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */");
|
|
33
42
|
} else {
|
|
34
|
-
return /*#__PURE__*/css("&:hover{background-color:", theme.colors['control-active-background'], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
return /*#__PURE__*/(0, _react.css)("&:hover{background-color:", theme.colors['control-active-background'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJnQiIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgbGluZS1oZWlnaHQ6IGNhbGMoMnJlbSAtIDJweCk7XG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGN1cnNvcjogJHsoeyBzZWxlY3RlZCB9KSA9PiAoc2VsZWN0ZWQgPyAnZGVmYXVsdCcgOiAncG9pbnRlcicpfTtcbiAgb3V0bGluZTogMDtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJ10sICdmYXN0Jyl9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtY29tcGxlbWVudGFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1pbmZvJ119O1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snY29udHJvbC1hY3RpdmUtYmFja2dyb3VuZCddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */");
|
|
35
44
|
}
|
|
36
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
-
|
|
38
|
-
target: "
|
|
45
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS21FIiwiZmlsZSI6Ii4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEZsZXgsIEZsZXhQcm9wcyB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJvcmRlcjogMCBub25lO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAwICR7dGhlbWUuc3BhY2VbMl19YH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBsaW5lLWhlaWdodDogY2FsYygycmVtIC0gMnB4KTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHNbJ25vcm1hbCddfTtcbiAgY3Vyc29yOiAkeyh7IHNlbGVjdGVkIH0pID0+IChzZWxlY3RlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuICBvdXRsaW5lOiAwO1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InXSwgJ2Zhc3QnKX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC1jb21wbGVtZW50YXJ5J119O1xuXG4gICR7KHsgc2VsZWN0ZWQsIHRoZW1lIH0pID0+IHtcbiAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLWluZm8nXX07XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnknXX07XG4gICAgICBgXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydjb250cm9sLWFjdGl2ZS1iYWNrZ3JvdW5kJ119O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuXG5leHBvcnQgY29uc3QgU3dpdGNoZXJXcmFwcGVyID0gc3R5bGVkKEZsZXgpPEZsZXhQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJHtTd2l0Y2hlckJ1dHRvbn06bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5gXG4iXX0= */"));
|
|
46
|
+
var SwitcherWrapper = exports.SwitcherWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
|
|
47
|
+
target: "e1rqrvju0"
|
|
48
|
+
} : {
|
|
49
|
+
target: "e1rqrvju0",
|
|
50
|
+
label: "codacy"
|
|
39
51
|
})("align-items:center;", SwitcherButton, ":not(:last-of-type){margin-right:", function (_ref8) {
|
|
40
52
|
var theme = _ref8.theme;
|
|
41
53
|
return theme.space[2];
|
|
42
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NzRCIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgbGluZS1oZWlnaHQ6IGNhbGMoMnJlbSAtIDJweCk7XG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGN1cnNvcjogJHsoeyBzZWxlY3RlZCB9KSA9PiAoc2VsZWN0ZWQgPyAnZGVmYXVsdCcgOiAncG9pbnRlcicpfTtcbiAgb3V0bGluZTogMDtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJ10sICdmYXN0Jyl9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtY29tcGxlbWVudGFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1pbmZvJ119O1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snY29udHJvbC1hY3RpdmUtYmFja2dyb3VuZCddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */"));
|
package/lib/Switcher/index.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Switcher = require("./Switcher");
|
|
7
|
+
Object.keys(_Switcher).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Switcher[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Switcher[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
package/lib/Tab/Tab.js
CHANGED
|
@@ -1,43 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
var _excluded = ["children", "ariaLabel", "hasBackground"],
|
|
3
|
-
_excluded2 = ["children", "active"];
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { TabWrapper, TabButton } from './Tab.styles';
|
|
1
|
+
"use strict";
|
|
6
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Tabs = exports.Tab = 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 _Tab = require("./Tab.styles");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
var _excluded = ["children", "ariaLabel", "hasBackground"],
|
|
14
|
+
_excluded2 = ["children", "active"];
|
|
7
15
|
/**
|
|
8
16
|
* Tab
|
|
9
17
|
*/
|
|
10
18
|
var TabList = function TabList(_ref) {
|
|
11
19
|
var children = _ref.children,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return /*#__PURE__*/React.createElement(TabWrapper, Object.assign({
|
|
20
|
+
ariaLabel = _ref.ariaLabel,
|
|
21
|
+
hasBackground = _ref.hasBackground,
|
|
22
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.TabWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
17
24
|
"aria-label": ariaLabel,
|
|
18
25
|
hasBackground: hasBackground,
|
|
19
26
|
role: "tablist"
|
|
20
|
-
}, rest),
|
|
27
|
+
}, rest), {}, {
|
|
28
|
+
children: children
|
|
29
|
+
}));
|
|
21
30
|
};
|
|
22
|
-
|
|
23
|
-
var Button = React.forwardRef(function (_ref2, ref) {
|
|
31
|
+
var Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
|
|
24
32
|
var children = _ref2.children,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return /*#__PURE__*/React.createElement(TabButton, Object.assign({
|
|
33
|
+
active = _ref2.active,
|
|
34
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.TabButton, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
29
36
|
active: active,
|
|
30
37
|
role: "tab",
|
|
31
38
|
"aria-selected": !!active
|
|
32
|
-
}, props, {
|
|
33
|
-
ref: ref
|
|
34
|
-
|
|
39
|
+
}, props), {}, {
|
|
40
|
+
ref: ref,
|
|
41
|
+
children: children
|
|
42
|
+
}));
|
|
35
43
|
});
|
|
36
|
-
|
|
44
|
+
var Tabs = exports.Tabs = Object.assign(TabList, {
|
|
37
45
|
Button: Button
|
|
38
46
|
});
|
|
47
|
+
|
|
39
48
|
/**
|
|
40
49
|
* @deprecated Use the plural Tabs instead.
|
|
41
50
|
*/
|
|
42
|
-
|
|
43
|
-
export var Tab = Tabs;
|
|
51
|
+
var Tab = exports.Tab = Tabs;
|