@codacy/ui-components 0.66.25 → 0.66.26
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.js +3 -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/TagsInput/style.js
CHANGED
|
@@ -1,79 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.TagsInputWrapper = exports.StyledTagsInput = void 0;
|
|
8
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
var _ = require("..");
|
|
10
|
-
var TagsInputWrapper = exports.TagsInputWrapper = /*#__PURE__*/(0, _base["default"])(_.Box, process.env.NODE_ENV === "production" ? {
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { Box } from '..';
|
|
3
|
+
export const TagsInputWrapper = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
|
|
11
4
|
target: "e10h23jx1"
|
|
12
5
|
} : {
|
|
13
6
|
target: "e10h23jx1",
|
|
14
7
|
label: "codacy"
|
|
15
|
-
})("width:",
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var StyledTagsInput = exports.StyledTagsInput = /*#__PURE__*/(0, _base["default"])(_.Box, process.env.NODE_ENV === "production" ? {
|
|
8
|
+
})("width:", ({
|
|
9
|
+
theme,
|
|
10
|
+
size
|
|
11
|
+
}) => !!size ? theme.controlSize[size] : '100%', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWdzSW5wdXQvc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lFIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWdzSW5wdXQvc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uJ1xuaW1wb3J0IHsgQm94UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgVGFnc0lucHV0UHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgVGFnc0lucHV0V3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8VGFnc0lucHV0UHJvcHMsICdzaXplJz4+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhZ3NJbnB1dCA9IHN0eWxlZChCb3gpPFBpY2s8Qm94UHJvcHMsICdoZWlnaHQnPj5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5jb2xvcnNbJ2ljb24tZGlzYWJsZWQnXX0gJHt0aGVtZS5jb2xvcnNbJ2lucHV0LWJhY2tncm91bmQtZW5hYmxlZCddfWB9O1xuXG4gIC5yZWFjdC10YWctaW5wdXQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2lucHV0LWJvcmRlci1lbmFibGVkJ119O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICAgIGhlaWdodDogJHsoeyBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGhlaWdodCA6ICc1LjVyZW0nKX07XG4gICAgYWxpZ24tY29udGVudDogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAwICR7dGhlbWUuc3BhY2VbM119ICR7dGhlbWUuc3BhY2VbM119IDBgfTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgLnJlYWN0LXRhZy1pbnB1dF9fdGFnIHtcbiAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzNdfSAwIDAgJHt0aGVtZS5zcGFjZVszXX1gfTtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbGFiZWwtZGVmYXVsdC10ZXh0J119O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbGFiZWwtZGVmYXVsdC1iYWNrZ3JvdW5kJ119O1xuXG4gICAgICAucmVhY3QtdGFnLWlucHV0X190YWdfX3JlbW92ZSB7XG4gICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICB3aWR0aDogMC41cmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5yZWFjdC10YWctaW5wdXRfX3RhZ19fY29udGVudCB7XG4gICAgICAgIGhlaWdodDogMS42MjVyZW07XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjYyNXJlbTtcbiAgICAgICAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplcy5tfTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzNdfTtcbiAgICAgICAgb3V0bGluZTogMDtcblxuICAgICAgICAmOm5vdCg6Zm9jdXMpIHtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC5yZWFjdC10YWctaW5wdXRfX2lucHV0IHtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgIGhlaWdodDogMS42MjVyZW07XG4gICAgICBsaW5lLWhlaWdodDogMS42MjVyZW07XG4gICAgICBtYXJnaW46ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbM119IDAgMCAke3RoZW1lLnNwYWNlWzNdfWB9O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG4gICAgICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC10ZXh0LWVuYWJsZWQnXX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snaW5wdXQtYmFja2dyb3VuZC1lbmFibGVkJ119O1xuXG4gICAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC1wbGFjZWhvbGRlci1lbmFibGVkJ119O1xuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuIl19 */"));
|
|
12
|
+
export const StyledTagsInput = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
|
|
21
13
|
target: "e10h23jx0"
|
|
22
14
|
} : {
|
|
23
15
|
target: "e10h23jx0",
|
|
24
16
|
label: "codacy"
|
|
25
|
-
})("background:",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}, ";
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}, ";
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}, "
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}, ";
|
|
62
|
-
var theme = _ref14.theme;
|
|
63
|
-
return "".concat(theme.space[3], " 0 0 ").concat(theme.space[3]);
|
|
64
|
-
}, ";padding:0;font-size:", function (_ref15) {
|
|
65
|
-
var theme = _ref15.theme;
|
|
66
|
-
return theme.fontSizes.m;
|
|
67
|
-
}, ";font-family:", function (_ref16) {
|
|
68
|
-
var theme = _ref16.theme;
|
|
69
|
-
return theme.fonts['normal'];
|
|
70
|
-
}, ";color:", function (_ref17) {
|
|
71
|
-
var theme = _ref17.theme;
|
|
72
|
-
return theme.colors['input-text-enabled'];
|
|
73
|
-
}, ";background:", function (_ref18) {
|
|
74
|
-
var theme = _ref18.theme;
|
|
75
|
-
return theme.colors['input-background-enabled'];
|
|
76
|
-
}, ";::placeholder{color:", function (_ref19) {
|
|
77
|
-
var theme = _ref19.theme;
|
|
78
|
-
return theme.colors['input-placeholder-enabled'];
|
|
79
|
-
}, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWdzSW5wdXQvc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29FIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWdzSW5wdXQvc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uJ1xuaW1wb3J0IHsgQm94UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgVGFnc0lucHV0UHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgVGFnc0lucHV0V3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8VGFnc0lucHV0UHJvcHMsICdzaXplJz4+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhZ3NJbnB1dCA9IHN0eWxlZChCb3gpPFBpY2s8Qm94UHJvcHMsICdoZWlnaHQnPj5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5jb2xvcnNbJ2ljb24tZGlzYWJsZWQnXX0gJHt0aGVtZS5jb2xvcnNbJ2lucHV0LWJhY2tncm91bmQtZW5hYmxlZCddfWB9O1xuXG4gIC5yZWFjdC10YWctaW5wdXQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2lucHV0LWJvcmRlci1lbmFibGVkJ119O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICAgIGhlaWdodDogJHsoeyBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGhlaWdodCA6ICc1LjVyZW0nKX07XG4gICAgYWxpZ24tY29udGVudDogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAwICR7dGhlbWUuc3BhY2VbM119ICR7dGhlbWUuc3BhY2VbM119IDBgfTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgLnJlYWN0LXRhZy1pbnB1dF9fdGFnIHtcbiAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzNdfSAwIDAgJHt0aGVtZS5zcGFjZVszXX1gfTtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbGFiZWwtZGVmYXVsdC10ZXh0J119O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbGFiZWwtZGVmYXVsdC1iYWNrZ3JvdW5kJ119O1xuXG4gICAgICAucmVhY3QtdGFnLWlucHV0X190YWdfX3JlbW92ZSB7XG4gICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICB3aWR0aDogMC41cmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5yZWFjdC10YWctaW5wdXRfX3RhZ19fY29udGVudCB7XG4gICAgICAgIGhlaWdodDogMS42MjVyZW07XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjYyNXJlbTtcbiAgICAgICAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplcy5tfTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzNdfTtcbiAgICAgICAgb3V0bGluZTogMDtcblxuICAgICAgICAmOm5vdCg6Zm9jdXMpIHtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC5yZWFjdC10YWctaW5wdXRfX2lucHV0IHtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgIGhlaWdodDogMS42MjVyZW07XG4gICAgICBsaW5lLWhlaWdodDogMS42MjVyZW07XG4gICAgICBtYXJnaW46ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbM119IDAgMCAke3RoZW1lLnNwYWNlWzNdfWB9O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG4gICAgICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC10ZXh0LWVuYWJsZWQnXX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snaW5wdXQtYmFja2dyb3VuZC1lbmFibGVkJ119O1xuXG4gICAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC1wbGFjZWhvbGRlci1lbmFibGVkJ119O1xuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuIl19 */"));
|
|
17
|
+
})("background:", ({
|
|
18
|
+
theme
|
|
19
|
+
}) => theme.colors['input-background-enabled'], ";scrollbar-color:", ({
|
|
20
|
+
theme
|
|
21
|
+
}) => `${theme.colors['icon-disabled']} ${theme.colors['input-background-enabled']}`, ";.react-tag-input{display:flex;flex-wrap:wrap;overflow-y:auto;border:1px solid ", ({
|
|
22
|
+
theme
|
|
23
|
+
}) => theme.colors['input-border-enabled'], ";border-radius:", ({
|
|
24
|
+
theme
|
|
25
|
+
}) => theme.radii[1], ";height:", ({
|
|
26
|
+
height
|
|
27
|
+
}) => height ? height : '5.5rem', ";align-content:flex-start;padding:", ({
|
|
28
|
+
theme
|
|
29
|
+
}) => `0 ${theme.space[3]} ${theme.space[3]} 0`, ";box-sizing:border-box;.react-tag-input__tag{max-width:50%;margin:", ({
|
|
30
|
+
theme
|
|
31
|
+
}) => `${theme.space[3]} 0 0 ${theme.space[3]}`, ";color:", ({
|
|
32
|
+
theme
|
|
33
|
+
}) => theme.colors['label-default-text'], ";display:flex;padding:0 0.5rem;border-radius:", ({
|
|
34
|
+
theme
|
|
35
|
+
}) => theme.radii[1], ";background:", ({
|
|
36
|
+
theme
|
|
37
|
+
}) => theme.colors['label-default-background'], ";.react-tag-input__tag__remove{flex-shrink:0;width:0.5rem;display:flex;align-items:center;cursor:pointer;}.react-tag-input__tag__content{height:1.625rem;line-height:1.625rem;font-size:", ({
|
|
38
|
+
theme
|
|
39
|
+
}) => theme.fontSizes.m, ";white-space:nowrap;overflow:hidden;padding:0;margin-right:", ({
|
|
40
|
+
theme
|
|
41
|
+
}) => theme.space[3], ";outline:0;&:not(:focus){text-overflow:ellipsis;}}}.react-tag-input__input{border:0;outline:0;width:auto;flex-grow:1;height:1.625rem;line-height:1.625rem;margin:", ({
|
|
42
|
+
theme
|
|
43
|
+
}) => `${theme.space[3]} 0 0 ${theme.space[3]}`, ";padding:0;font-size:", ({
|
|
44
|
+
theme
|
|
45
|
+
}) => theme.fontSizes.m, ";font-family:", ({
|
|
46
|
+
theme
|
|
47
|
+
}) => theme.fonts['normal'], ";color:", ({
|
|
48
|
+
theme
|
|
49
|
+
}) => theme.colors['input-text-enabled'], ";background:", ({
|
|
50
|
+
theme
|
|
51
|
+
}) => theme.colors['input-background-enabled'], ";::placeholder{color:", ({
|
|
52
|
+
theme
|
|
53
|
+
}) => theme.colors['input-placeholder-enabled'], ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWdzSW5wdXQvc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29FIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWdzSW5wdXQvc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uJ1xuaW1wb3J0IHsgQm94UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgVGFnc0lucHV0UHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgVGFnc0lucHV0V3JhcHBlciA9IHN0eWxlZChCb3gpPFBpY2s8VGFnc0lucHV0UHJvcHMsICdzaXplJz4+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRhZ3NJbnB1dCA9IHN0eWxlZChCb3gpPFBpY2s8Qm94UHJvcHMsICdoZWlnaHQnPj5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5jb2xvcnNbJ2ljb24tZGlzYWJsZWQnXX0gJHt0aGVtZS5jb2xvcnNbJ2lucHV0LWJhY2tncm91bmQtZW5hYmxlZCddfWB9O1xuXG4gIC5yZWFjdC10YWctaW5wdXQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2lucHV0LWJvcmRlci1lbmFibGVkJ119O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICAgIGhlaWdodDogJHsoeyBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGhlaWdodCA6ICc1LjVyZW0nKX07XG4gICAgYWxpZ24tY29udGVudDogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAwICR7dGhlbWUuc3BhY2VbM119ICR7dGhlbWUuc3BhY2VbM119IDBgfTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgLnJlYWN0LXRhZy1pbnB1dF9fdGFnIHtcbiAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzNdfSAwIDAgJHt0aGVtZS5zcGFjZVszXX1gfTtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbGFiZWwtZGVmYXVsdC10ZXh0J119O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbGFiZWwtZGVmYXVsdC1iYWNrZ3JvdW5kJ119O1xuXG4gICAgICAucmVhY3QtdGFnLWlucHV0X190YWdfX3JlbW92ZSB7XG4gICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICB3aWR0aDogMC41cmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5yZWFjdC10YWctaW5wdXRfX3RhZ19fY29udGVudCB7XG4gICAgICAgIGhlaWdodDogMS42MjVyZW07XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjYyNXJlbTtcbiAgICAgICAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplcy5tfTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzNdfTtcbiAgICAgICAgb3V0bGluZTogMDtcblxuICAgICAgICAmOm5vdCg6Zm9jdXMpIHtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC5yZWFjdC10YWctaW5wdXRfX2lucHV0IHtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgIGhlaWdodDogMS42MjVyZW07XG4gICAgICBsaW5lLWhlaWdodDogMS42MjVyZW07XG4gICAgICBtYXJnaW46ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbM119IDAgMCAke3RoZW1lLnNwYWNlWzNdfWB9O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG4gICAgICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC10ZXh0LWVuYWJsZWQnXX07XG4gICAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snaW5wdXQtYmFja2dyb3VuZC1lbmFibGVkJ119O1xuXG4gICAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydpbnB1dC1wbGFjZWhvbGRlci1lbmFibGVkJ119O1xuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuIl19 */"));
|
package/lib/TagsInput/types.js
CHANGED
package/lib/Textarea/Textarea.js
CHANGED
|
@@ -1,84 +1,65 @@
|
|
|
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, { useRef, useEffect } from 'react';
|
|
3
|
+
import { TextareaWrapper, StyledTextarea, TextareaHelp, TextareaErrorMessage } from './Textarea.styles';
|
|
4
|
+
import { MoreInfo, Labeled } from '../';
|
|
5
|
+
import autosize from 'autosize';
|
|
2
6
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Textarea = void 0;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _Textarea = require("./Textarea.styles");
|
|
13
|
-
var _ = require("../");
|
|
14
|
-
var _autosize = _interopRequireDefault(require("autosize"));
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
var _excluded = ["id", "disabled", "required", "name", "maxLength", "value", "label", "placeholder", "help", "hasError", "errorMessage", "onChange", "moreInfo"];
|
|
17
7
|
/**
|
|
18
8
|
* Description for Textarea
|
|
19
9
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
10
|
+
export const Textarea = ({
|
|
11
|
+
id,
|
|
12
|
+
disabled,
|
|
13
|
+
required,
|
|
14
|
+
name,
|
|
15
|
+
maxLength,
|
|
16
|
+
value,
|
|
17
|
+
label,
|
|
18
|
+
placeholder,
|
|
19
|
+
help,
|
|
20
|
+
hasError,
|
|
21
|
+
errorMessage,
|
|
22
|
+
onChange,
|
|
23
|
+
moreInfo,
|
|
24
|
+
...props
|
|
25
|
+
}) => {
|
|
26
|
+
const Textarea = useRef(null);
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
const currentRef = Textarea.current;
|
|
29
|
+
if (currentRef) autosize(currentRef);
|
|
30
|
+
return () => {
|
|
31
|
+
if (currentRef) autosize.destroy(currentRef);
|
|
41
32
|
};
|
|
42
33
|
}, [Textarea]);
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
children: help
|
|
66
|
-
}), hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Textarea.TextareaErrorMessage, {
|
|
67
|
-
id: "error-".concat(id),
|
|
68
|
-
children: errorMessage
|
|
69
|
-
})]
|
|
70
|
-
});
|
|
34
|
+
const content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextareaWrapper, null, /*#__PURE__*/React.createElement(StyledTextarea, {
|
|
35
|
+
id: id,
|
|
36
|
+
ref: Textarea,
|
|
37
|
+
name: name,
|
|
38
|
+
maxLength: maxLength,
|
|
39
|
+
disabled: disabled,
|
|
40
|
+
placeholder: placeholder,
|
|
41
|
+
required: required,
|
|
42
|
+
"aria-describedby": `help-${id}`,
|
|
43
|
+
"aria-errormessage": `error-${id}`,
|
|
44
|
+
hasError: hasError,
|
|
45
|
+
onChange: !disabled ? onChange : undefined,
|
|
46
|
+
readOnly: disabled || !onChange,
|
|
47
|
+
value: !value ? '' : value
|
|
48
|
+
}), !label && moreInfo && /*#__PURE__*/React.createElement(MoreInfo, {
|
|
49
|
+
ml: 2,
|
|
50
|
+
helpContent: moreInfo
|
|
51
|
+
})), help && !hasError && /*#__PURE__*/React.createElement(TextareaHelp, {
|
|
52
|
+
id: `help-${id}`
|
|
53
|
+
}, help), hasError && /*#__PURE__*/React.createElement(TextareaErrorMessage, {
|
|
54
|
+
id: `error-${id}`
|
|
55
|
+
}, errorMessage));
|
|
71
56
|
if (!!label) {
|
|
72
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/React.createElement(Labeled, _extends({
|
|
73
58
|
forId: id,
|
|
74
59
|
moreInfo: moreInfo,
|
|
75
60
|
label: label,
|
|
76
61
|
required: required
|
|
77
|
-
}, props),
|
|
78
|
-
children: content
|
|
79
|
-
}));
|
|
62
|
+
}, props), content);
|
|
80
63
|
}
|
|
81
|
-
return /*#__PURE__*/
|
|
82
|
-
children: content
|
|
83
|
-
}));
|
|
64
|
+
return /*#__PURE__*/React.createElement(TextareaWrapper, props, content);
|
|
84
65
|
};
|