@codacy/ui-components 0.66.25 → 0.66.27
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 +20 -28
- package/lib/Avatar/Avatar.types.js +1 -5
- package/lib/Avatar/gravatar.js +14 -22
- package/lib/Avatar/index.js +1 -16
- package/lib/Banner/Banner.js +33 -50
- package/lib/Banner/Banner.styles.d.ts +1 -1
- package/lib/Banner/Banner.styles.js +11 -20
- package/lib/Banner/Banner.types.js +1 -5
- package/lib/Banner/index.js +2 -27
- package/lib/Bannerol/Bannerol.js +44 -61
- package/lib/Bannerol/Bannerol.styles.js +9 -18
- package/lib/Bannerol/Bannerol.types.js +1 -5
- package/lib/Bannerol/index.js +3 -38
- package/lib/BigTabs/BigTabs.js +39 -54
- package/lib/BigTabs/BigTabs.styles.js +79 -107
- package/lib/BigTabs/BigTabs.types.js +1 -5
- package/lib/BigTabs/index.js +1 -16
- package/lib/Button/Button.js +45 -67
- package/lib/Button/index.js +2 -27
- package/lib/Button/styles.js +101 -130
- package/lib/Button/types.js +1 -5
- package/lib/Checkbox/Checkbox.js +55 -68
- package/lib/Checkbox/CheckboxFilterList.js +33 -66
- package/lib/Checkbox/index.js +3 -38
- package/lib/Checkbox/styles.js +64 -86
- package/lib/Checkbox/types.js +1 -5
- package/lib/CloseButton/index.d.ts +1 -1
- package/lib/CloseButton/index.js +24 -36
- package/lib/Divider/Divider.js +14 -25
- package/lib/Divider/Divider.styles.d.ts +1 -1
- package/lib/Divider/Divider.styles.js +24 -38
- package/lib/Divider/Divider.types.js +1 -5
- package/lib/Divider/index.js +1 -16
- package/lib/Dropdown/Content/DropdownInput.js +10 -20
- package/lib/Dropdown/Content/DropdownItem.js +22 -36
- package/lib/Dropdown/Content/DropdownSeparator.js +8 -19
- package/lib/Dropdown/Content/DropdownTitle.js +8 -22
- package/lib/Dropdown/Content/index.js +4 -49
- package/lib/Dropdown/Dropdown.js +74 -102
- package/lib/Dropdown/Dropdown.styles.d.ts +1 -1
- package/lib/Dropdown/Dropdown.styles.js +60 -82
- package/lib/Dropdown/Dropdown.types.js +1 -5
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +19 -32
- package/lib/Dropdown/Triggers/DropdownItemTrigger.js +18 -30
- package/lib/Dropdown/Triggers/FilterTrigger.js +66 -93
- package/lib/Dropdown/Triggers/InputTrigger.js +15 -24
- package/lib/Dropdown/Triggers/SelectTrigger.js +12 -21
- package/lib/Dropdown/Triggers/hooks.js +17 -26
- package/lib/Dropdown/Triggers/index.js +6 -71
- package/lib/Dropdown/Triggers/types.js +1 -5
- package/lib/Dropdown/index.js +4 -49
- package/lib/ExpandableBox/ExpandableBox.js +28 -43
- package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
- package/lib/ExpandableBox/ExpandableBox.styles.js +27 -40
- package/lib/ExpandableBox/ExpandableBox.types.js +1 -5
- package/lib/ExpandableBox/index.js +1 -16
- package/lib/Flexbox/Flexbox.js +14 -21
- package/lib/Flexbox/index.js +1 -16
- package/lib/Group/Group.js +7 -18
- package/lib/Group/Group.styles.js +8 -16
- package/lib/Group/Group.types.js +1 -5
- package/lib/Group/index.js +1 -16
- package/lib/Icon/Icon.js +15 -26
- package/lib/Icon/Icon.styles.d.ts +1 -1
- package/lib/Icon/Icon.styles.js +57 -50
- package/lib/Icon/Icon.types.js +1 -5
- package/lib/Icon/index.js +1 -16
- package/lib/IconAndText/IconAndText.js +23 -36
- package/lib/IconAndText/IconAndText.styles.js +19 -29
- package/lib/IconAndText/IconAndText.types.js +1 -5
- package/lib/IconAndText/index.js +1 -16
- package/lib/Icons/Chevrons.js +45 -65
- package/lib/Icons/CodacyIcon.js +9 -20
- package/lib/Icons/Ellipsis.js +18 -29
- package/lib/Icons/Messages.js +58 -79
- package/lib/Icons/Search.js +8 -19
- package/lib/Icons/Severities.js +113 -149
- package/lib/Icons/Sorting.js +15 -29
- package/lib/Icons/Spinner.js +11 -22
- package/lib/Icons/Symbols.js +67 -90
- package/lib/Icons/index.js +8 -93
- package/lib/Img/Img.js +26 -45
- package/lib/Img/Img.styles.d.ts +2 -2
- package/lib/Img/Img.styles.js +21 -29
- package/lib/Img/Img.types.js +1 -5
- package/lib/Img/index.js +1 -16
- package/lib/InlineMessage/InlineMessage.js +43 -70
- package/lib/InlineMessage/index.js +1 -16
- package/lib/InlineMessage/types.js +1 -5
- package/lib/Input/Input.js +115 -143
- package/lib/Input/hooks.js +107 -208
- package/lib/Input/index.js +2 -27
- package/lib/Input/styles.d.ts +2 -2
- package/lib/Input/styles.js +116 -151
- package/lib/Input/types.js +1 -5
- package/lib/Labeled/Labeled.js +22 -35
- package/lib/Labeled/index.js +1 -16
- package/lib/Labeled/styles.js +23 -37
- package/lib/Labeled/types.js +1 -5
- package/lib/LeftMenu/LeftMenu.js +10 -21
- package/lib/LeftMenu/LeftMenu.styles.js +25 -43
- package/lib/LeftMenu/LeftMenu.types.js +1 -5
- package/lib/LeftMenu/index.js +1 -16
- package/lib/Link/Link.js +32 -50
- package/lib/Link/Link.styles.js +11 -23
- package/lib/Link/Link.types.js +1 -5
- package/lib/Link/index.js +3 -38
- package/lib/Message/Message.js +31 -42
- package/lib/Message/Message.styles.js +18 -31
- package/lib/Message/Message.types.js +1 -5
- package/lib/Message/index.js +1 -16
- package/lib/Modal/ConfirmationModal.js +40 -67
- package/lib/Modal/Modal.js +107 -137
- package/lib/Modal/index.js +2 -27
- package/lib/Modal/styles.js +44 -62
- package/lib/Modal/types.js +1 -5
- package/lib/MoreInfo/MoreInfo.js +41 -53
- package/lib/MoreInfo/index.js +1 -16
- package/lib/MoreInfo/types.js +1 -5
- package/lib/MultiSlider/MultiSlider.js +17 -31
- package/lib/MultiSlider/index.js +1 -16
- package/lib/MultiSlider/styles.js +18 -34
- package/lib/MultiSlider/types.js +1 -5
- package/lib/Panel/Panel.js +9 -19
- package/lib/Panel/Panel.styles.js +15 -26
- package/lib/Panel/Panel.types.js +1 -5
- package/lib/Panel/index.js +2 -27
- package/lib/PillLabel/PillLabel.js +35 -49
- package/lib/PillLabel/PillLabel.styles.js +33 -44
- package/lib/PillLabel/PillLabel.types.js +1 -5
- package/lib/PillLabel/index.js +1 -16
- package/lib/Popup/Popup.js +43 -61
- package/lib/Popup/index.js +1 -16
- package/lib/Popup/styles.js +22 -37
- package/lib/Popup/types.js +1 -5
- package/lib/ProgressBar/ProgressBar.js +19 -34
- package/lib/ProgressBar/index.js +2 -27
- package/lib/ProgressBar/styles.js +21 -35
- package/lib/ProgressBar/types.js +1 -5
- package/lib/Radio/Radio.js +47 -59
- package/lib/Radio/index.js +1 -16
- package/lib/Radio/styles.js +48 -72
- package/lib/Radio/types.js +1 -5
- package/lib/ScrollableContent/ScrollableContent.js +27 -40
- package/lib/ScrollableContent/ScrollableContent.styles.js +22 -39
- package/lib/ScrollableContent/ScrollableContent.types.js +1 -5
- package/lib/ScrollableContent/index.js +2 -27
- package/lib/ScrollableContent/useScrollContainer.js +35 -50
- package/lib/Skeleton/Skeleton.js +25 -45
- package/lib/Skeleton/Skeleton.styles.js +28 -25
- package/lib/Skeleton/Skeleton.types.js +1 -5
- package/lib/Skeleton/index.js +2 -20
- package/lib/Slider/Slider.js +32 -56
- package/lib/Slider/index.js +1 -16
- package/lib/Slider/styles.js +41 -60
- package/lib/Slider/types.js +1 -5
- package/lib/StepNumber/StepNumber.js +26 -40
- package/lib/StepNumber/index.js +1 -16
- package/lib/StepNumber/styles.js +13 -24
- package/lib/StepNumber/types.js +1 -5
- package/lib/Stepper/Stepper.js +45 -62
- package/lib/Stepper/Stepper.styles.js +27 -44
- package/lib/Stepper/Stepper.types.js +1 -5
- package/lib/Stepper/index.js +1 -16
- package/lib/Switcher/Switcher.js +22 -34
- package/lib/Switcher/Switcher.styles.js +27 -42
- package/lib/Switcher/Switcher.types.js +1 -5
- package/lib/Switcher/index.js +1 -16
- package/lib/Tab/Tab.js +21 -33
- package/lib/Tab/Tab.styles.js +34 -50
- package/lib/Tab/Tab.types.js +1 -5
- package/lib/Tab/index.js +1 -16
- package/lib/Table/NewSelectableTable.js +59 -97
- package/lib/Table/SelectableTable.js +142 -189
- package/lib/Table/Table.js +110 -155
- package/lib/Table/Table.styles.js +67 -90
- package/lib/Table/Table.types.js +1 -5
- package/lib/Table/index.js +2 -27
- package/lib/TagsInput/TagsInput.js +32 -46
- package/lib/TagsInput/index.js +1 -16
- package/lib/TagsInput/style.js +45 -71
- package/lib/TagsInput/types.js +1 -5
- package/lib/Textarea/Textarea.js +52 -71
- package/lib/Textarea/Textarea.styles.js +91 -126
- package/lib/Textarea/Textarea.types.js +1 -5
- package/lib/Textarea/index.js +1 -16
- package/lib/ThemeProvider/ThemeProvider.js +41 -65
- package/lib/ThemeProvider/index.js +1 -16
- package/lib/Toast/Toast.js +53 -68
- package/lib/Toast/index.js +1 -16
- package/lib/Toast/styles.js +29 -49
- package/lib/Toast/types.js +1 -5
- package/lib/Toggle/Toggle.js +48 -65
- package/lib/Toggle/index.js +1 -16
- package/lib/Toggle/styles.d.ts +1 -1
- package/lib/Toggle/styles.js +66 -101
- package/lib/Toggle/types.js +1 -5
- package/lib/Tooltip/Tooltip.js +84 -121
- package/lib/Tooltip/index.js +2 -27
- package/lib/Tooltip/styles.js +61 -91
- package/lib/Tooltip/types.js +1 -5
- package/lib/Typography/Typography.js +78 -116
- package/lib/Typography/Typography.styles.js +61 -78
- package/lib/Typography/Typography.types.js +1 -5
- package/lib/Typography/index.js +3 -38
- package/lib/emotion.d.js +1 -3
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +4 -38
- package/lib/hooks/useForwardedRef.js +5 -11
- package/lib/hooks/useInfiniteScroll.js +13 -25
- package/lib/hooks/useStatefulRef.js +10 -23
- package/lib/index.js +49 -544
- package/lib/system-props/color.js +3 -9
- package/lib/system-props/index.js +2 -27
- package/lib/system-props/types.js +1 -5
- package/lib/theme/ColorSchemes/components/alerts.js +30 -38
- package/lib/theme/ColorSchemes/components/button.js +89 -97
- package/lib/theme/ColorSchemes/components/cards.js +16 -24
- package/lib/theme/ColorSchemes/components/charts.js +93 -101
- package/lib/theme/ColorSchemes/components/checkbox-input.js +13 -21
- package/lib/theme/ColorSchemes/components/divider.js +4 -12
- package/lib/theme/ColorSchemes/components/drawer.js +21 -29
- package/lib/theme/ColorSchemes/components/effects.js +5 -13
- package/lib/theme/ColorSchemes/components/filters.js +12 -20
- package/lib/theme/ColorSchemes/components/index.js +23 -258
- package/lib/theme/ColorSchemes/components/input.js +38 -46
- package/lib/theme/ColorSchemes/components/issues.js +27 -35
- package/lib/theme/ColorSchemes/components/label.js +33 -41
- package/lib/theme/ColorSchemes/components/list-orb.js +8 -16
- package/lib/theme/ColorSchemes/components/loading.js +4 -12
- package/lib/theme/ColorSchemes/components/logo.js +6 -14
- package/lib/theme/ColorSchemes/components/modals.js +6 -14
- package/lib/theme/ColorSchemes/components/navigation.js +17 -25
- package/lib/theme/ColorSchemes/components/progress-bar.js +5 -13
- package/lib/theme/ColorSchemes/components/selector.js +20 -28
- package/lib/theme/ColorSchemes/components/stepper.js +9 -17
- package/lib/theme/ColorSchemes/components/tables.js +12 -20
- package/lib/theme/ColorSchemes/components/tabs.js +13 -21
- package/lib/theme/ColorSchemes/components/tooltip.js +6 -14
- package/lib/theme/ColorSchemes/components/utils.js +1 -11
- package/lib/theme/ColorSchemes/dark/background.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/background.js +42 -50
- package/lib/theme/ColorSchemes/dark/border.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/border.js +37 -45
- package/lib/theme/ColorSchemes/dark/data.js +18 -24
- package/lib/theme/ColorSchemes/dark/icon.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/icon.js +40 -48
- package/lib/theme/ColorSchemes/dark/illustration.js +11 -17
- package/lib/theme/ColorSchemes/dark/index.js +60 -31
- package/lib/theme/ColorSchemes/dark/text.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/text.js +47 -54
- package/lib/theme/ColorSchemes/index.js +4 -49
- package/lib/theme/ColorSchemes/light/background.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/background.js +42 -50
- package/lib/theme/ColorSchemes/light/border.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/border.js +37 -45
- package/lib/theme/ColorSchemes/light/data.js +18 -24
- package/lib/theme/ColorSchemes/light/icon.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/icon.js +40 -48
- package/lib/theme/ColorSchemes/light/illustration.js +11 -17
- package/lib/theme/ColorSchemes/light/index.d.ts +54 -54
- package/lib/theme/ColorSchemes/light/index.js +43 -19
- package/lib/theme/ColorSchemes/light/text.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/text.js +47 -54
- package/lib/theme/ColorSchemes/primitives/blue.js +1 -7
- package/lib/theme/ColorSchemes/primitives/green.js +1 -7
- package/lib/theme/ColorSchemes/primitives/grey.js +1 -7
- package/lib/theme/ColorSchemes/primitives/index.d.ts +9 -9
- package/lib/theme/ColorSchemes/primitives/index.js +20 -18
- package/lib/theme/ColorSchemes/primitives/magenta.js +1 -7
- package/lib/theme/ColorSchemes/primitives/orange.js +1 -7
- package/lib/theme/ColorSchemes/primitives/purple.js +1 -7
- package/lib/theme/ColorSchemes/primitives/red.js +1 -7
- package/lib/theme/ColorSchemes/primitives/teal.js +1 -7
- package/lib/theme/ColorSchemes/primitives/yellow.js +1 -7
- package/lib/theme/ColorSchemes/semantics.js +7 -13
- package/lib/theme/index.js +2 -27
- package/lib/theme/theme.js +68 -77
- package/lib/types.js +1 -5
- package/lib/utils/hash.js +3 -9
- package/lib/utils/reactNodeToText.js +9 -17
- package/package.json +21 -11
package/lib/Stepper/index.js
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
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
|
-
});
|
|
1
|
+
export * from './Stepper';
|
package/lib/Switcher/Switcher.js
CHANGED
|
@@ -1,40 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { SwitcherWrapper, SwitcherButton } from './Switcher.styles';
|
|
2
4
|
|
|
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");
|
|
13
|
-
var _excluded = ["options", "onClick", "value"];
|
|
14
5
|
/**
|
|
15
6
|
* Description for Switcher
|
|
16
7
|
*/
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
8
|
+
export const Switcher = ({
|
|
9
|
+
options,
|
|
10
|
+
onClick,
|
|
11
|
+
value,
|
|
12
|
+
...props
|
|
13
|
+
}) => {
|
|
14
|
+
return /*#__PURE__*/React.createElement(SwitcherWrapper, _extends({
|
|
23
15
|
as: "nav"
|
|
24
|
-
}, props),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
children: option.label
|
|
37
|
-
}, option.label);
|
|
38
|
-
})
|
|
39
|
-
}));
|
|
16
|
+
}, props), options.map(option => option.value === value ? /*#__PURE__*/React.createElement(SwitcherButton, {
|
|
17
|
+
key: option.label,
|
|
18
|
+
id: option.id,
|
|
19
|
+
selected: true,
|
|
20
|
+
"aria-selected": "true"
|
|
21
|
+
}, option.label) : /*#__PURE__*/React.createElement(SwitcherButton, {
|
|
22
|
+
key: option.label,
|
|
23
|
+
id: option.id,
|
|
24
|
+
onClick: () => {
|
|
25
|
+
if (onClick) onClick(option.value);
|
|
26
|
+
}
|
|
27
|
+
}, option.label)));
|
|
40
28
|
};
|
|
@@ -1,54 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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" ? {
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { transition } from '../theme';
|
|
3
|
+
import { Flex } from '../Flexbox';
|
|
4
|
+
import { css } from '@emotion/react';
|
|
5
|
+
export const SwitcherButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
13
6
|
target: "e1rqrvju1"
|
|
14
7
|
} : {
|
|
15
8
|
target: "e1rqrvju1",
|
|
16
9
|
label: "codacy"
|
|
17
|
-
})("border-radius:",
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}, ";font-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}, ";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
return (0, _theme.transition)(['background-color'], 'fast');
|
|
34
|
-
}, ";background-color:transparent;color:", function (_ref6) {
|
|
35
|
-
var theme = _ref6.theme;
|
|
36
|
-
return theme.colors['text-tertiary'];
|
|
37
|
-
}, ";", function (_ref7) {
|
|
38
|
-
var selected = _ref7.selected,
|
|
39
|
-
theme = _ref7.theme;
|
|
10
|
+
})("border-radius:", ({
|
|
11
|
+
theme
|
|
12
|
+
}) => theme.radii[1], ";border:0 none;padding:", ({
|
|
13
|
+
theme
|
|
14
|
+
}) => `0 ${theme.space[2]}`, ";font-size:", ({
|
|
15
|
+
theme
|
|
16
|
+
}) => theme.fontSizes.m, ";line-height:calc(2rem - 2px);font-family:", ({
|
|
17
|
+
theme
|
|
18
|
+
}) => theme.fonts['normal'], ";cursor:", ({
|
|
19
|
+
selected
|
|
20
|
+
}) => selected ? 'default' : 'pointer', ";outline:0;transition:", () => transition(['background-color'], 'fast'), ";background-color:transparent;color:", ({
|
|
21
|
+
theme
|
|
22
|
+
}) => theme.colors['text-tertiary'], ";", ({
|
|
23
|
+
selected,
|
|
24
|
+
theme
|
|
25
|
+
}) => {
|
|
40
26
|
if (selected) {
|
|
41
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/css("background-color:", theme.colors['background-brand'], ";color:", theme.colors['text-brand-enabled'], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQiIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuICBsaW5lLWhlaWdodDogY2FsYygycmVtIC0gMnB4KTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHNbJ25vcm1hbCddfTtcbiAgY3Vyc29yOiAkeyh7IHNlbGVjdGVkIH0pID0+IChzZWxlY3RlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuICBvdXRsaW5lOiAwO1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InXSwgJ2Zhc3QnKX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC10ZXJ0aWFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1icmFuZCddfTtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzWyd0ZXh0LWJyYW5kLWVuYWJsZWQnXX07XG4gICAgICBgXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */");
|
|
42
28
|
} else {
|
|
43
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/css("&:hover{background-color:", theme.colors['background-secondary'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJnQiIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuICBsaW5lLWhlaWdodDogY2FsYygycmVtIC0gMnB4KTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHNbJ25vcm1hbCddfTtcbiAgY3Vyc29yOiAkeyh7IHNlbGVjdGVkIH0pID0+IChzZWxlY3RlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuICBvdXRsaW5lOiAwO1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InXSwgJ2Zhc3QnKX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC10ZXJ0aWFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1icmFuZCddfTtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzWyd0ZXh0LWJyYW5kLWVuYWJsZWQnXX07XG4gICAgICBgXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */");
|
|
44
30
|
}
|
|
45
31
|
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS21FIiwiZmlsZSI6Ii4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEZsZXgsIEZsZXhQcm9wcyB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJvcmRlcjogMCBub25lO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAwICR7dGhlbWUuc3BhY2VbMl19YH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG4gIGxpbmUtaGVpZ2h0OiBjYWxjKDJyZW0gLSAycHgpO1xuICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICBjdXJzb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gKHNlbGVjdGVkID8gJ2RlZmF1bHQnIDogJ3BvaW50ZXInKX07XG4gIG91dGxpbmU6IDA7XG5cbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYmFja2dyb3VuZC1jb2xvciddLCAnZmFzdCcpfTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXRlcnRpYXJ5J119O1xuXG4gICR7KHsgc2VsZWN0ZWQsIHRoZW1lIH0pID0+IHtcbiAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLWJyYW5kJ119O1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbJ3RleHQtYnJhbmQtZW5hYmxlZCddfTtcbiAgICAgIGBcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc2Vjb25kYXJ5J119O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuXG5leHBvcnQgY29uc3QgU3dpdGNoZXJXcmFwcGVyID0gc3R5bGVkKEZsZXgpPEZsZXhQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJHtTd2l0Y2hlckJ1dHRvbn06bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5gXG4iXX0= */"));
|
|
46
|
-
|
|
32
|
+
export const SwitcherWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
|
|
47
33
|
target: "e1rqrvju0"
|
|
48
34
|
} : {
|
|
49
35
|
target: "e1rqrvju0",
|
|
50
36
|
label: "codacy"
|
|
51
|
-
})("align-items:center;", SwitcherButton, ":not(:last-of-type){margin-right:",
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NzRCIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuICBsaW5lLWhlaWdodDogY2FsYygycmVtIC0gMnB4KTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHNbJ25vcm1hbCddfTtcbiAgY3Vyc29yOiAkeyh7IHNlbGVjdGVkIH0pID0+IChzZWxlY3RlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuICBvdXRsaW5lOiAwO1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InXSwgJ2Zhc3QnKX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC10ZXJ0aWFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1icmFuZCddfTtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzWyd0ZXh0LWJyYW5kLWVuYWJsZWQnXX07XG4gICAgICBgXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */"));
|
|
37
|
+
})("align-items:center;", SwitcherButton, ":not(:last-of-type){margin-right:", ({
|
|
38
|
+
theme
|
|
39
|
+
}) => theme.space[2], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Td2l0Y2hlci9Td2l0Y2hlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NzRCIsImZpbGUiOiIuLi8uLi9zcmMvU3dpdGNoZXIvU3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgMCAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuICBsaW5lLWhlaWdodDogY2FsYygycmVtIC0gMnB4KTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHNbJ25vcm1hbCddfTtcbiAgY3Vyc29yOiAkeyh7IHNlbGVjdGVkIH0pID0+IChzZWxlY3RlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuICBvdXRsaW5lOiAwO1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InXSwgJ2Zhc3QnKX07XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC10ZXJ0aWFyeSddfTtcblxuICAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1icmFuZCddfTtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzWyd0ZXh0LWJyYW5kLWVuYWJsZWQnXX07XG4gICAgICBgXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgfX1cbmBcblxuZXhwb3J0IGNvbnN0IFN3aXRjaGVyV3JhcHBlciA9IHN0eWxlZChGbGV4KTxGbGV4UHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICR7U3dpdGNoZXJCdXR0b259Om5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */"));
|
package/lib/Switcher/index.js
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
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
|
-
});
|
|
1
|
+
export * from './Switcher';
|
package/lib/Tab/Tab.js
CHANGED
|
@@ -1,49 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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"],
|
|
14
|
-
_excluded2 = ["children", "active"];
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TabWrapper, TabButton } from './Tab.styles';
|
|
15
4
|
/**
|
|
16
5
|
* Tab
|
|
17
6
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
const TabList = ({
|
|
8
|
+
children,
|
|
9
|
+
ariaLabel,
|
|
10
|
+
...rest
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/React.createElement(TabWrapper, _extends({
|
|
23
13
|
"aria-label": ariaLabel,
|
|
24
14
|
role: "tablist"
|
|
25
|
-
}, rest),
|
|
26
|
-
children: children
|
|
27
|
-
}));
|
|
15
|
+
}, rest), children);
|
|
28
16
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
const Button = /*#__PURE__*/React.forwardRef(({
|
|
18
|
+
children,
|
|
19
|
+
active,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => {
|
|
22
|
+
return /*#__PURE__*/React.createElement(TabButton, _extends({
|
|
34
23
|
active: active,
|
|
35
24
|
role: "tab",
|
|
36
25
|
"aria-selected": !!active
|
|
37
|
-
}, props
|
|
38
|
-
ref: ref
|
|
39
|
-
|
|
40
|
-
}));
|
|
26
|
+
}, props, {
|
|
27
|
+
ref: ref
|
|
28
|
+
}), children);
|
|
41
29
|
});
|
|
42
|
-
|
|
30
|
+
export const Tabs = Object.assign(TabList, {
|
|
43
31
|
Button: Button
|
|
44
32
|
});
|
|
45
33
|
|
|
46
34
|
/**
|
|
47
35
|
* @deprecated Use the plural Tabs instead.
|
|
48
36
|
*/
|
|
49
|
-
|
|
37
|
+
export const Tab = Tabs;
|
package/lib/Tab/Tab.styles.js
CHANGED
|
@@ -1,66 +1,50 @@
|
|
|
1
|
-
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { transition } from '../theme';
|
|
3
|
+
import { Flex } from '../Flexbox';
|
|
4
|
+
import { IconAndTextWrapper } from '../IconAndText/IconAndText.styles';
|
|
2
5
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.TabWrapper = exports.TabButton = void 0;
|
|
8
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
var _theme = require("../theme");
|
|
10
|
-
var _Flexbox = require("../Flexbox");
|
|
11
|
-
var _IconAndText = require("../IconAndText/IconAndText.styles");
|
|
12
6
|
/**
|
|
13
7
|
* Tab
|
|
14
8
|
*/
|
|
15
|
-
|
|
9
|
+
const TabWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
|
|
16
10
|
target: "e1y1ufi91"
|
|
17
11
|
} : {
|
|
18
12
|
target: "e1y1ufi91",
|
|
19
13
|
label: "codacy"
|
|
20
|
-
})("border-bottom:",
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var stateMap = function stateMap(active, disabled) {
|
|
14
|
+
})("border-bottom:", ({
|
|
15
|
+
theme
|
|
16
|
+
}) => theme.borders[0], ";align-items:stretch;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0IiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYi9UYWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFRhYkJ1dHRvblByb3BzIH0gZnJvbSAnLi9UYWIudHlwZXMnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5cbi8qKlxuICogVGFiXG4gKi9cbmNvbnN0IFRhYldyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIGJvcmRlci1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyc1swXX07XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuYFxuXG5jb25zdCBzdGF0ZU1hcCA9IChhY3RpdmU/OiBib29sZWFuLCBkaXNhYmxlZD86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGFjdGl2ZSkgcmV0dXJuICdhY3RpdmUnXG4gIGlmIChkaXNhYmxlZCkgcmV0dXJuICdkaXNhYmxlZCdcbiAgcmV0dXJuICdlbmFibGVkJ1xufVxuXG5jb25zdCBUYWJCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFRhYkJ1dHRvblByb3BzPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcblxuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJzEycmVtJ307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmxpbmVIZWlnaHRzWzBdfTtcblxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDsgLyogVG8gb3ZlcmxhcCB0aGUgdGFiIHdyYXBwZXIgYm9yZGVyICovXG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG5cbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYm9yZGVyJywgJ2NvbG9yJywgJ2JhY2tncm91bmQtY29sb3InXSl9O1xuICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lLCBhY3RpdmUsIGRpc2FibGVkIH0pID0+XG4gICAgYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1tgdGFicy1ib3JkZXItJHtzdGF0ZU1hcChhY3RpdmUsIGRpc2FibGVkKX1gXX1gfTtcblxuICBjb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlLCBkaXNhYmxlZCB9KSA9PiB0aGVtZS5jb2xvcnNbYHRhYnMtdGV4dC0ke3N0YXRlTWFwKGFjdGl2ZSwgZGlzYWJsZWQpfWBdfTtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0gc3ZnIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCBhY3RpdmUsIGRpc2FibGVkIH0pID0+IHRoZW1lLmNvbG9yc1tgdGFicy1pY29uLSR7c3RhdGVNYXAoYWN0aXZlLCBkaXNhYmxlZCl9YF19O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYFxuXG5leHBvcnQgeyBUYWJXcmFwcGVyLCBUYWJCdXR0b24gfVxuIl19 */"));
|
|
17
|
+
const stateMap = (active, disabled) => {
|
|
25
18
|
if (active) return 'active';
|
|
26
19
|
if (disabled) return 'disabled';
|
|
27
20
|
return 'enabled';
|
|
28
21
|
};
|
|
29
|
-
|
|
22
|
+
const TabButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
30
23
|
target: "e1y1ufi90"
|
|
31
24
|
} : {
|
|
32
25
|
target: "e1y1ufi90",
|
|
33
26
|
label: "codacy"
|
|
34
|
-
})("border:none;background-color:transparent;cursor:pointer;outline:none;font-weight:",
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, ";
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}, ";
|
|
57
|
-
|
|
58
|
-
active = _ref8.active,
|
|
59
|
-
disabled = _ref8.disabled;
|
|
60
|
-
return theme.colors["tabs-text-".concat(stateMap(active, disabled))];
|
|
61
|
-
}, ";", _IconAndText.IconAndTextWrapper, " svg{fill:", function (_ref9) {
|
|
62
|
-
var theme = _ref9.theme,
|
|
63
|
-
active = _ref9.active,
|
|
64
|
-
disabled = _ref9.disabled;
|
|
65
|
-
return theme.colors["tabs-icon-".concat(stateMap(active, disabled))];
|
|
66
|
-
}, ";}&:disabled{cursor:not-allowed;opacity:0.5;}:hover{cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitDIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vVGFiLnR5cGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbmBcblxuY29uc3Qgc3RhdGVNYXAgPSAoYWN0aXZlPzogYm9vbGVhbiwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChhY3RpdmUpIHJldHVybiAnYWN0aXZlJ1xuICBpZiAoZGlzYWJsZWQpIHJldHVybiAnZGlzYWJsZWQnXG4gIHJldHVybiAnZW5hYmxlZCdcbn1cblxuY29uc3QgVGFiQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxUYWJCdXR0b25Qcm9wcz5gXG4gIC8qIGJ1dHRvbiByZXNldCAqL1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG5cbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICcxMnJlbSd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5saW5lSGVpZ2h0c1swXX07XG5cbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIG1hcmdpbi1ib3R0b206IC0xcHg7IC8qIFRvIG92ZXJsYXAgdGhlIHRhYiB3cmFwcGVyIGJvcmRlciAqL1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JvcmRlcicsICdjb2xvcicsICdiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSwgYWN0aXZlLCBkaXNhYmxlZCB9KSA9PlxuICAgIGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbYHRhYnMtYm9yZGVyLSR7c3RhdGVNYXAoYWN0aXZlLCBkaXNhYmxlZCl9YF19YH07XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUsIGFjdGl2ZSwgZGlzYWJsZWQgfSkgPT4gdGhlbWUuY29sb3JzW2B0YWJzLXRleHQtJHtzdGF0ZU1hcChhY3RpdmUsIGRpc2FibGVkKX1gXX07XG5cbiAgJHtJY29uQW5kVGV4dFdyYXBwZXJ9IHN2ZyB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSwgYWN0aXZlLCBkaXNhYmxlZCB9KSA9PiB0aGVtZS5jb2xvcnNbYHRhYnMtaWNvbi0ke3N0YXRlTWFwKGFjdGl2ZSwgZGlzYWJsZWQpfWBdfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbmBcblxuZXhwb3J0IHsgVGFiV3JhcHBlciwgVGFiQnV0dG9uIH1cbiJdfQ== */"));
|
|
27
|
+
})("border:none;background-color:transparent;cursor:pointer;outline:none;font-weight:", ({
|
|
28
|
+
theme
|
|
29
|
+
}) => theme.fontWeights['semi-bold'], ";max-width:", ({
|
|
30
|
+
maxWidth
|
|
31
|
+
}) => maxWidth || '12rem', ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:", ({
|
|
32
|
+
theme
|
|
33
|
+
}) => theme.lineHeights[0], ";padding:", ({
|
|
34
|
+
theme
|
|
35
|
+
}) => theme.space[2], ";margin-bottom:-1px;font-size:", ({
|
|
36
|
+
theme
|
|
37
|
+
}) => theme.fontSizes.m, ";transition:", () => transition(['border', 'color', 'background-color']), ";border-bottom:", ({
|
|
38
|
+
theme,
|
|
39
|
+
active,
|
|
40
|
+
disabled
|
|
41
|
+
}) => `solid ${theme.borderWidths[0]} ${theme.colors[`tabs-border-${stateMap(active, disabled)}`]}`, ";color:", ({
|
|
42
|
+
theme,
|
|
43
|
+
active,
|
|
44
|
+
disabled
|
|
45
|
+
}) => theme.colors[`tabs-text-${stateMap(active, disabled)}`], ";", IconAndTextWrapper, " svg{fill:", ({
|
|
46
|
+
theme,
|
|
47
|
+
active,
|
|
48
|
+
disabled
|
|
49
|
+
}) => theme.colors[`tabs-icon-${stateMap(active, disabled)}`], ";}&:disabled{cursor:not-allowed;opacity:0.5;}:hover{cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitDIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vVGFiLnR5cGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbmBcblxuY29uc3Qgc3RhdGVNYXAgPSAoYWN0aXZlPzogYm9vbGVhbiwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChhY3RpdmUpIHJldHVybiAnYWN0aXZlJ1xuICBpZiAoZGlzYWJsZWQpIHJldHVybiAnZGlzYWJsZWQnXG4gIHJldHVybiAnZW5hYmxlZCdcbn1cblxuY29uc3QgVGFiQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxUYWJCdXR0b25Qcm9wcz5gXG4gIC8qIGJ1dHRvbiByZXNldCAqL1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG5cbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICcxMnJlbSd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5saW5lSGVpZ2h0c1swXX07XG5cbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIG1hcmdpbi1ib3R0b206IC0xcHg7IC8qIFRvIG92ZXJsYXAgdGhlIHRhYiB3cmFwcGVyIGJvcmRlciAqL1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JvcmRlcicsICdjb2xvcicsICdiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSwgYWN0aXZlLCBkaXNhYmxlZCB9KSA9PlxuICAgIGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbYHRhYnMtYm9yZGVyLSR7c3RhdGVNYXAoYWN0aXZlLCBkaXNhYmxlZCl9YF19YH07XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUsIGFjdGl2ZSwgZGlzYWJsZWQgfSkgPT4gdGhlbWUuY29sb3JzW2B0YWJzLXRleHQtJHtzdGF0ZU1hcChhY3RpdmUsIGRpc2FibGVkKX1gXX07XG5cbiAgJHtJY29uQW5kVGV4dFdyYXBwZXJ9IHN2ZyB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSwgYWN0aXZlLCBkaXNhYmxlZCB9KSA9PiB0aGVtZS5jb2xvcnNbYHRhYnMtaWNvbi0ke3N0YXRlTWFwKGFjdGl2ZSwgZGlzYWJsZWQpfWBdfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbmBcblxuZXhwb3J0IHsgVGFiV3JhcHBlciwgVGFiQnV0dG9uIH1cbiJdfQ== */"));
|
|
50
|
+
export { TabWrapper, TabButton };
|
package/lib/Tab/Tab.types.js
CHANGED
package/lib/Tab/index.js
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Tab = require("./Tab");
|
|
7
|
-
Object.keys(_Tab).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Tab[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _Tab[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './Tab';
|
|
@@ -1,102 +1,64 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
_ref$stickyOffset = _ref.stickyOffset,
|
|
29
|
-
stickyOffset = _ref$stickyOffset === void 0 ? '0' : _ref$stickyOffset,
|
|
30
|
-
children = _ref.children,
|
|
31
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
32
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
33
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table2.ColumnsGroup, {
|
|
34
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableHeaderCell, {
|
|
35
|
-
width: checkboxSize === 'sm' ? '3.25rem' : '3.5rem'
|
|
36
|
-
}), children]
|
|
37
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableHeader, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
38
|
-
sticky: sticky,
|
|
39
|
-
stickyOffset: stickyOffset
|
|
40
|
-
}, props), {}, {
|
|
41
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table.StyledTableRow, {
|
|
42
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableHeaderCell, {
|
|
43
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Checkbox, {
|
|
44
|
-
size: checkboxSize,
|
|
45
|
-
onChange: onChange,
|
|
46
|
-
checked: checked,
|
|
47
|
-
disabled: disabled,
|
|
48
|
-
className: "th-checkbox"
|
|
49
|
-
})
|
|
50
|
-
}), children]
|
|
51
|
-
})
|
|
52
|
-
}))]
|
|
53
|
-
});
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { useCallback } from 'react';
|
|
3
|
+
import { StyledTableHeader, StyledTableHeaderCell, StyledTableBodyCell, StyledTableRow } from './Table.styles';
|
|
4
|
+
import { Checkbox, Tooltip } from '..';
|
|
5
|
+
import { ColumnsGroup } from './Table';
|
|
6
|
+
export const SelectableHeader = ({
|
|
7
|
+
onChange,
|
|
8
|
+
checked = false,
|
|
9
|
+
disabled = false,
|
|
10
|
+
checkboxSize = 'sm',
|
|
11
|
+
sticky = false,
|
|
12
|
+
stickyOffset = '0',
|
|
13
|
+
children,
|
|
14
|
+
...props
|
|
15
|
+
}) => {
|
|
16
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnsGroup, null, /*#__PURE__*/React.createElement(StyledTableHeaderCell, {
|
|
17
|
+
width: checkboxSize === 'sm' ? '3.25rem' : '3.5rem'
|
|
18
|
+
}), children), /*#__PURE__*/React.createElement(StyledTableHeader, _extends({
|
|
19
|
+
sticky: sticky,
|
|
20
|
+
stickyOffset: stickyOffset
|
|
21
|
+
}, props), /*#__PURE__*/React.createElement(StyledTableRow, null, /*#__PURE__*/React.createElement(StyledTableHeaderCell, null, /*#__PURE__*/React.createElement(Checkbox, {
|
|
22
|
+
size: checkboxSize,
|
|
23
|
+
onChange: onChange,
|
|
24
|
+
checked: checked,
|
|
25
|
+
disabled: disabled,
|
|
26
|
+
className: "th-checkbox"
|
|
27
|
+
})), children)));
|
|
54
28
|
};
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
})
|
|
64
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
65
|
-
children: children
|
|
66
|
-
});
|
|
29
|
+
const TooltipWrapper = ({
|
|
30
|
+
disabled,
|
|
31
|
+
content,
|
|
32
|
+
children
|
|
33
|
+
}) => {
|
|
34
|
+
return disabled && content ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
35
|
+
content: content
|
|
36
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, children)) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
67
37
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
vAlign = _ref3$vAlign === void 0 ? 'middle' : _ref3$vAlign,
|
|
81
|
-
checkboxDisabledTooltipContent = _ref3.checkboxDisabledTooltipContent,
|
|
82
|
-
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
|
|
83
|
-
var handleOnChange = (0, _react.useCallback)(function (isChecked, event) {
|
|
38
|
+
export const SelectableRow = ({
|
|
39
|
+
index = 0,
|
|
40
|
+
onChange,
|
|
41
|
+
checked = false,
|
|
42
|
+
disabled = false,
|
|
43
|
+
checkboxSize = 'sm',
|
|
44
|
+
children,
|
|
45
|
+
vAlign = 'middle',
|
|
46
|
+
checkboxDisabledTooltipContent,
|
|
47
|
+
...props
|
|
48
|
+
}) => {
|
|
49
|
+
const handleOnChange = useCallback((isChecked, event) => {
|
|
84
50
|
if (onChange) onChange(!!isChecked, index, event === null || event === void 0 ? void 0 : event.shiftKey, event);
|
|
85
51
|
}, [index, onChange]);
|
|
86
|
-
return /*#__PURE__*/
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
})
|
|
99
|
-
})
|
|
100
|
-
}), children]
|
|
101
|
-
}));
|
|
52
|
+
return /*#__PURE__*/React.createElement(StyledTableRow, props, /*#__PURE__*/React.createElement(StyledTableBodyCell, {
|
|
53
|
+
vAlign: vAlign
|
|
54
|
+
}, /*#__PURE__*/React.createElement(TooltipWrapper, {
|
|
55
|
+
disabled: disabled,
|
|
56
|
+
content: checkboxDisabledTooltipContent
|
|
57
|
+
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
58
|
+
size: checkboxSize,
|
|
59
|
+
onChange: handleOnChange,
|
|
60
|
+
checked: checked,
|
|
61
|
+
disabled: disabled,
|
|
62
|
+
className: "tr-checkbox"
|
|
63
|
+
}))), children);
|
|
102
64
|
};
|