@ntbjs/react-components 2.0.0-rc.29 → 2.0.0-rc.30
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/build/{_rollupPluginBabelHelpers-c245b26a.js → _virtual/_rollupPluginBabelHelpers.js} +2 -1
- package/build/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/build/{Alert-e6847a22.js → data/Alert/Alert.js} +5 -55
- package/build/data/Alert/Alert.js.map +1 -0
- package/build/data/Alert/Alert.styled.js +56 -0
- package/build/data/Alert/Alert.styled.js.map +1 -0
- package/build/data/Alert/index.js +2 -6
- package/build/data/Alert/index.js.map +1 -0
- package/build/data/Badge/Badge.js +87 -0
- package/build/data/Badge/Badge.js.map +1 -0
- package/build/{Badge-d93586a9.js → data/Badge/Badge.styled.js} +4 -85
- package/build/data/Badge/Badge.styled.js.map +1 -0
- package/build/data/Badge/index.js +2 -5
- package/build/data/Badge/index.js.map +1 -0
- package/build/data/Popover/Popover.js +93 -0
- package/build/data/Popover/Popover.js.map +1 -0
- package/build/{Popover-20050b91.js → data/Popover/Popover.styled.js} +6 -92
- package/build/data/Popover/Popover.styled.js.map +1 -0
- package/build/data/Popover/index.js +2 -10
- package/build/data/Popover/index.js.map +1 -0
- package/build/{Tab-04d435c3.js → data/Tab/Tab.js} +5 -12
- package/build/data/Tab/Tab.js.map +1 -0
- package/build/data/Tab/Tab.styled.js +13 -0
- package/build/data/Tab/Tab.styled.js.map +1 -0
- package/build/data/Tab/index.js +2 -5
- package/build/data/Tab/index.js.map +1 -0
- package/build/{Tabs-74d1ea8a.js → data/Tabs/Tabs.js} +6 -74
- package/build/data/Tabs/Tabs.js.map +1 -0
- package/build/data/Tabs/Tabs.styled.js +74 -0
- package/build/data/Tabs/Tabs.styled.js.map +1 -0
- package/build/data/Tabs/index.js +2 -7
- package/build/data/Tabs/index.js.map +1 -0
- package/build/{Tooltip-c1d1199e.js → data/Tooltip/Tooltip.js} +5 -26
- package/build/data/Tooltip/Tooltip.js.map +1 -0
- package/build/data/Tooltip/Tooltip.styled.js +28 -0
- package/build/data/Tooltip/Tooltip.styled.js.map +1 -0
- package/build/data/Tooltip/index.js +2 -7
- package/build/data/Tooltip/index.js.map +1 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js +36 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map +1 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +53 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map +1 -0
- package/build/data/index.js +8 -16
- package/build/data/index.js.map +1 -0
- package/build/hooks/useEventListner.js +21 -0
- package/build/hooks/useEventListner.js.map +1 -0
- package/build/hooks/useIsomorphicLayoutEffect.js +6 -0
- package/build/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/build/hooks/useOnClickOutside.js +14 -0
- package/build/hooks/useOnClickOutside.js.map +1 -0
- package/build/icons/arrow-back.svg.js +16 -0
- package/build/icons/arrow-back.svg.js.map +1 -0
- package/build/{arrow-forward-ad12c5f3.js → icons/arrow-forward.svg.js} +2 -1
- package/build/icons/arrow-forward.svg.js.map +1 -0
- package/build/icons/check-rectangle-filled.svg.js +16 -0
- package/build/icons/check-rectangle-filled.svg.js.map +1 -0
- package/build/{close-a5d37608.js → icons/close.svg.js} +2 -1
- package/build/icons/close.svg.js.map +1 -0
- package/build/{edit-note-283a0e15.js → icons/edit-note.svg.js} +2 -1
- package/build/icons/edit-note.svg.js.map +1 -0
- package/build/{expand-more-c5523c46.js → icons/expand-more.svg.js} +2 -1
- package/build/icons/expand-more.svg.js.map +1 -0
- package/build/icons/headset.svg.js +16 -0
- package/build/icons/headset.svg.js.map +1 -0
- package/build/icons/layers.svg.js +16 -0
- package/build/icons/layers.svg.js.map +1 -0
- package/build/icons/link.svg.js +16 -0
- package/build/icons/link.svg.js.map +1 -0
- package/build/icons/play.svg.js +16 -0
- package/build/icons/play.svg.js.map +1 -0
- package/build/icons/search.svg.js +16 -0
- package/build/icons/search.svg.js.map +1 -0
- package/build/icons/star-filled.svg.js +16 -0
- package/build/icons/star-filled.svg.js.map +1 -0
- package/build/icons/star.svg.js +16 -0
- package/build/icons/star.svg.js.map +1 -0
- package/build/icons/triangle-right.svg.js +16 -0
- package/build/icons/triangle-right.svg.js.map +1 -0
- package/build/icons/verification.svg.js +16 -0
- package/build/icons/verification.svg.js.map +1 -0
- package/build/{warning-circle-24f3efcd.js → icons/warning-circle.svg.js} +2 -1
- package/build/icons/warning-circle.svg.js.map +1 -0
- package/build/index.js +5 -0
- package/build/index.js.map +1 -0
- package/build/inputs/ActionButton/ActionButton.js +36 -0
- package/build/inputs/ActionButton/ActionButton.js.map +1 -0
- package/build/{ActionButton-4db754c3.js → inputs/ActionButton/ActionButton.styled.js} +4 -34
- package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -0
- package/build/inputs/ActionButton/index.js +2 -6
- package/build/inputs/ActionButton/index.js.map +1 -0
- package/build/inputs/Button/Button.js +188 -0
- package/build/inputs/Button/Button.js.map +1 -0
- package/build/{Button-73eb8516.js → inputs/Button/Button.styled.js} +4 -186
- package/build/inputs/Button/Button.styled.js.map +1 -0
- package/build/inputs/Button/index.js +2 -13
- package/build/inputs/Button/index.js.map +1 -0
- package/build/inputs/Checkbox/Checkbox.js +97 -0
- package/build/inputs/Checkbox/Checkbox.js.map +1 -0
- package/build/inputs/Checkbox/Checkbox.styled.js +122 -0
- package/build/inputs/Checkbox/Checkbox.styled.js.map +1 -0
- package/build/inputs/Checkbox/index.js +2 -6
- package/build/inputs/Checkbox/index.js.map +1 -0
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +267 -0
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js.map +1 -0
- package/build/{CompactAutocompleteSelect-52c49513.js → inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js} +6 -267
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map +1 -0
- package/build/inputs/CompactAutocompleteSelect/index.js +2 -23
- package/build/inputs/CompactAutocompleteSelect/index.js.map +1 -0
- package/build/inputs/CompactStarRating/CompactStarRating.js +177 -0
- package/build/inputs/CompactStarRating/CompactStarRating.js.map +1 -0
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js +217 -0
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js.map +1 -0
- package/build/inputs/CompactStarRating/index.js +2 -17
- package/build/inputs/CompactStarRating/index.js.map +1 -0
- package/build/inputs/CompactTextInput/CompactTextInput.js +184 -0
- package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -0
- package/build/{CompactTextInput-42ca5d42.js → inputs/CompactTextInput/CompactTextInput.styled.js} +4 -194
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -0
- package/build/inputs/CompactTextInput/index.js +2 -19
- package/build/inputs/CompactTextInput/index.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +207 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +66 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/index.js +3 -0
- package/build/inputs/MultiLevelCheckbox/index.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/types.js +27 -0
- package/build/inputs/MultiLevelCheckbox/types.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +184 -26
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +93 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/index.js +2 -0
- package/build/inputs/MultiLevelCheckboxSelect/index.js.map +1 -0
- package/build/{MultiSelect-9f497e62.js → inputs/MultiSelect/MultiSelect.js} +6 -223
- package/build/inputs/MultiSelect/MultiSelect.js.map +1 -0
- package/build/inputs/MultiSelect/MultiSelect.styled.js +224 -0
- package/build/inputs/MultiSelect/MultiSelect.styled.js.map +1 -0
- package/build/inputs/MultiSelect/index.js +2 -10
- package/build/inputs/MultiSelect/index.js.map +1 -0
- package/build/inputs/Radio/Radio.js +60 -0
- package/build/inputs/Radio/Radio.js.map +1 -0
- package/build/{Radio-73ca3ae2.js → inputs/Radio/Radio.styled.js} +4 -58
- package/build/inputs/Radio/Radio.styled.js.map +1 -0
- package/build/inputs/Radio/index.js +2 -7
- package/build/inputs/Radio/index.js.map +1 -0
- package/build/inputs/Switch/Switch.js +64 -0
- package/build/inputs/Switch/Switch.js.map +1 -0
- package/build/{Switch-ecf3122b.js → inputs/Switch/Switch.styled.js} +4 -62
- package/build/inputs/Switch/Switch.styled.js.map +1 -0
- package/build/inputs/Switch/index.js +2 -6
- package/build/inputs/Switch/index.js.map +1 -0
- package/build/inputs/TextArea/TextArea.js +178 -0
- package/build/inputs/TextArea/TextArea.js.map +1 -0
- package/build/{TextArea-1e5b9201.js → inputs/TextArea/TextArea.styled.js} +3 -175
- package/build/inputs/TextArea/TextArea.styled.js.map +1 -0
- package/build/inputs/TextArea/index.js +2 -20
- package/build/inputs/TextArea/index.js.map +1 -0
- package/build/inputs/TextInput/TextInput.js +139 -0
- package/build/inputs/TextInput/TextInput.js.map +1 -0
- package/build/{TextInput-fab35842.js → inputs/TextInput/TextInput.styled.js} +4 -137
- package/build/inputs/TextInput/TextInput.styled.js.map +1 -0
- package/build/inputs/TextInput/index.js +2 -9
- package/build/inputs/TextInput/index.js.map +1 -0
- package/build/inputs/index.js +15 -40
- package/build/inputs/index.js.map +1 -0
- package/build/{InputGroup-1294d190.js → layout/InputGroup/InputGroup.js} +5 -8
- package/build/layout/InputGroup/InputGroup.js.map +1 -0
- package/build/layout/InputGroup/InputGroup.styled.js +9 -0
- package/build/layout/InputGroup/InputGroup.styled.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.js +23 -0
- package/build/layout/SectionSeparator/SectionSeparator.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.styled.js +14 -0
- package/build/layout/SectionSeparator/SectionSeparator.styled.js.map +1 -0
- package/build/layout/SectionSeparator/index.js +2 -5
- package/build/layout/SectionSeparator/index.js.map +1 -0
- package/build/layout/index.js +3 -6
- package/build/layout/index.js.map +1 -0
- package/build/ssr/index.js +1 -0
- package/build/ssr/index.js.map +1 -0
- package/build/styles/utils/colors.scss.js +4 -0
- package/build/styles/utils/colors.scss.js.map +1 -0
- package/build/utils/dateTime.js +17 -0
- package/build/utils/dateTime.js.map +1 -0
- package/build/utils/defaultTheme.js +44 -0
- package/build/utils/defaultTheme.js.map +1 -0
- package/build/{AssetAction-98d76ce0.js → widgets/AssetAction/AssetAction.js} +6 -40
- package/build/widgets/AssetAction/AssetAction.js.map +1 -0
- package/build/widgets/AssetAction/AssetAction.styled.js +41 -0
- package/build/widgets/AssetAction/AssetAction.styled.js.map +1 -0
- package/build/widgets/AssetAction/index.js +2 -7
- package/build/widgets/AssetAction/index.js.map +1 -0
- package/build/{AssetActionsBase-9e4c0735.js → widgets/AssetActionsBase/AssetActionsBase.js} +6 -15
- package/build/widgets/AssetActionsBase/AssetActionsBase.js.map +1 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js +15 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map +1 -0
- package/build/widgets/AssetActionsBase/index.js +2 -8
- package/build/widgets/AssetActionsBase/index.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGallery.js +99 -0
- package/build/widgets/AssetGallery/AssetGallery.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +385 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +30 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +401 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +329 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +409 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +280 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -0
- package/build/widgets/AssetGallery/asset.propType.js +54 -0
- package/build/widgets/AssetGallery/asset.propType.js.map +1 -0
- package/build/widgets/AssetGallery/index.js +2 -48
- package/build/widgets/AssetGallery/index.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +44 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +77 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -6
- package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js.map +1 -0
- package/build/{ContextMenu-0f7134e4.js → widgets/ContextMenu/ContextMenu.js} +5 -9
- package/build/widgets/ContextMenu/ContextMenu.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenu.styled.js +10 -0
- package/build/widgets/ContextMenu/ContextMenu.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +44 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +77 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/index.js +2 -5
- package/build/widgets/ContextMenu/ContextMenuItem/index.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +22 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +21 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js +2 -37
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js.map +1 -0
- package/build/widgets/ContextMenu/index.js +2 -5
- package/build/widgets/ContextMenu/index.js.map +1 -0
- package/build/widgets/InfoCard/InfoCard.js +40 -0
- package/build/widgets/InfoCard/InfoCard.js.map +1 -0
- package/build/{InfoCard-c98b6f5a.js → widgets/InfoCard/InfoCard.styled.js} +5 -38
- package/build/widgets/InfoCard/InfoCard.styled.js.map +1 -0
- package/build/widgets/InfoCard/index.js +2 -6
- package/build/widgets/InfoCard/index.js.map +1 -0
- package/build/{Instructions-bfd28cea.js → widgets/Instructions/Instructions.js} +8 -34
- package/build/widgets/Instructions/Instructions.js.map +1 -0
- package/build/widgets/Instructions/Instructions.styled.js +32 -0
- package/build/widgets/Instructions/Instructions.styled.js.map +1 -0
- package/build/widgets/Instructions/index.js +2 -28
- package/build/widgets/Instructions/index.js.map +1 -0
- package/build/widgets/ProgressBar/ProgressBar.js +72 -0
- package/build/widgets/ProgressBar/ProgressBar.js.map +1 -0
- package/build/{ProgressBar-bc4a4a7e.js → widgets/ProgressBar/ProgressBar.styled.js} +5 -70
- package/build/widgets/ProgressBar/ProgressBar.styled.js.map +1 -0
- package/build/widgets/ProgressBar/index.js +2 -6
- package/build/widgets/ProgressBar/index.js.map +1 -0
- package/build/widgets/SummaryCard/SummaryCard.js +92 -0
- package/build/widgets/SummaryCard/SummaryCard.js.map +1 -0
- package/build/widgets/SummaryCard/SummaryCard.styled.js +137 -0
- package/build/widgets/SummaryCard/SummaryCard.styled.js.map +1 -0
- package/build/widgets/SummaryCard/index.js +2 -19
- package/build/widgets/SummaryCard/index.js.map +1 -0
- package/build/widgets/index.js +12 -53
- package/build/widgets/index.js.map +1 -0
- package/package.json +5 -2
- package/build/AssetGallery-63f721ec.js +0 -1981
- package/build/AssetPreviewTopBar-acd6353d.js +0 -127
- package/build/Checkbox-4a5fd716.js +0 -213
- package/build/CompactStarRating-9af2f427.js +0 -411
- package/build/ContextMenuItem-ea411141.js +0 -127
- package/build/MultiLevelCheckboxSelect-d8044c88.js +0 -604
- package/build/SectionSeparator-f47760a2.js +0 -31
- package/build/SummaryCard-24040650.js +0 -223
- package/build/VerificationStatusIcon-49cb1c1b.js +0 -95
- package/build/defaultTheme-1bcc2541.js +0 -1178
- package/build/layout/InputGroup/index.js +0 -5
- package/build/shift-away-subtle-0dd94a03.js +0 -7
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import React__default, { useState } from 'react';
|
|
2
|
-
import { nanoid } from 'nanoid';
|
|
3
|
-
import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
|
|
4
1
|
import { math, rgba } from 'polished';
|
|
5
2
|
import styled, { css } from 'styled-components';
|
|
3
|
+
import { applyDefaultTheme } from '../../utils/defaultTheme.js';
|
|
6
4
|
|
|
7
5
|
const switchButtonSize = '16px';
|
|
8
|
-
const Switch
|
|
6
|
+
const Switch = styled.div.attrs(applyDefaultTheme)`
|
|
9
7
|
* {
|
|
10
8
|
box-sizing: border-box;
|
|
11
9
|
}
|
|
@@ -100,61 +98,5 @@ const Description = styled.div.attrs(applyDefaultTheme)`
|
|
|
100
98
|
${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
|
|
101
99
|
`;
|
|
102
100
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
checked,
|
|
106
|
-
defaultChecked,
|
|
107
|
-
label,
|
|
108
|
-
disabled,
|
|
109
|
-
readOnly,
|
|
110
|
-
description,
|
|
111
|
-
spaciousDescription,
|
|
112
|
-
className,
|
|
113
|
-
style,
|
|
114
|
-
onChange,
|
|
115
|
-
onBlur
|
|
116
|
-
}, forwardedRef) {
|
|
117
|
-
const [uniqueId] = useState(nanoid());
|
|
118
|
-
return React__default.createElement(Switch$1, {
|
|
119
|
-
disabled: disabled,
|
|
120
|
-
readOnly: readOnly,
|
|
121
|
-
className: className,
|
|
122
|
-
style: style
|
|
123
|
-
}, React__default.createElement(SwitchLabel, {
|
|
124
|
-
htmlFor: uniqueId
|
|
125
|
-
}, React__default.createElement("input", {
|
|
126
|
-
ref: forwardedRef,
|
|
127
|
-
checked: checked,
|
|
128
|
-
defaultChecked: defaultChecked,
|
|
129
|
-
disabled: disabled,
|
|
130
|
-
readOnly: readOnly,
|
|
131
|
-
id: uniqueId,
|
|
132
|
-
name: name,
|
|
133
|
-
type: "checkbox",
|
|
134
|
-
onBlur: onBlur,
|
|
135
|
-
onChange: onChange
|
|
136
|
-
}), React__default.createElement(SwitchIndicator, null, React__default.createElement(SwitchIndicatorButton, null)), typeof label === 'string' && label.length > 0 && React__default.createElement(SwitchIndicatorLabelText, null, label)), typeof description === 'string' && description.length > 0 && React__default.createElement(Description, {
|
|
137
|
-
spaciousDescription: spaciousDescription
|
|
138
|
-
}, description));
|
|
139
|
-
});
|
|
140
|
-
Switch.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
141
|
-
children: PropTypes.any,
|
|
142
|
-
name: PropTypes.string.isRequired,
|
|
143
|
-
checked: PropTypes.bool,
|
|
144
|
-
defaultChecked: PropTypes.bool,
|
|
145
|
-
label: PropTypes.string,
|
|
146
|
-
disabled: PropTypes.bool,
|
|
147
|
-
readOnly: PropTypes.bool,
|
|
148
|
-
description: PropTypes.string,
|
|
149
|
-
spaciousDescription: PropTypes.bool,
|
|
150
|
-
className: PropTypes.string,
|
|
151
|
-
style: PropTypes.object,
|
|
152
|
-
onChange: PropTypes.func,
|
|
153
|
-
onBlur: PropTypes.func
|
|
154
|
-
} : {};
|
|
155
|
-
Switch.defaultProps = {
|
|
156
|
-
disabled: false,
|
|
157
|
-
readOnly: false
|
|
158
|
-
};
|
|
159
|
-
|
|
160
|
-
export { Switch as S };
|
|
101
|
+
export { Description, Switch, SwitchIndicator, SwitchIndicatorButton, SwitchIndicatorLabelText, SwitchLabel };
|
|
102
|
+
//# sourceMappingURL=Switch.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.styled.js","sources":["../../../src/components/inputs/Switch/Switch.styled.js"],"sourcesContent":["import { math, rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst switchButtonSize = '16px';\n\nexport const Switch = styled.div.attrs(applyDefaultTheme)`\n * {\n box-sizing: border-box;\n }\n\n display: flex;\n flex-direction: column;\n\n ${props =>\n props.readOnly &&\n css`\n opacity: 0.5;\n > * {\n pointer-events: none;\n user-select: text;\n }\n `}\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n * {\n pointer-events: none;\n user-select: text;\n }\n `}\n`;\n\nexport const SwitchIndicator = styled.div.attrs(applyDefaultTheme)`\n display: inline-block;\n position: relative;\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('gray-200')\n )}\n height: ${math(`${switchButtonSize} + 2px`)};\n width: 32px;\n border-radius: 20px;\n border: 1px solid;\n ${props =>\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-300')\n )}\n transition: background 200ms;\n`;\n\nexport const SwitchIndicatorButton = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-200'),\n props.theme.getColor('white')\n )}\n height: ${switchButtonSize};\n width: ${switchButtonSize};\n border-radius: 50%;\n box-shadow: ${props => props.theme.getColor('gray-500')} 0 0px 2px 0px;\n transition: left 200ms;\n`;\n\nexport const SwitchIndicatorLabelText = styled.div.attrs(applyDefaultTheme)`\n padding-left: 10px;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 18px;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n )};\n`;\n\nexport const SwitchLabel = styled.label.attrs(applyDefaultTheme)`\n display: inline-flex;\n margin-right: auto;\n cursor: pointer;\n\n input[type='checkbox'] {\n position: absolute;\n opacity: 0;\n }\n\n &:has(input[type='checkbox']:not(:checked)) {\n ${SwitchIndicatorButton} {\n left: 0;\n }\n }\n\n &:has(input[type='checkbox']:checked) {\n ${SwitchIndicatorButton} {\n left: calc(100% - ${switchButtonSize});\n }\n\n ${SwitchIndicator} {\n background: ${props => props.theme.getColor('emerald-500')};\n\n ${props =>\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-300'),\n 1\n )}\n }\n }\n\n &:has(input[type='checkbox']:focus-visible) {\n ${SwitchIndicatorButton} {\n ${props =>\n props.theme.themeProp(\n 'outline',\n `8px solid ${rgba(props.theme.getColor('emerald-500'), 0.5)}`,\n `8px solid ${rgba(props.theme.getColor('emerald-500'), 0.3)}`,\n 1\n )}\n }\n }\n`;\n\nexport const Description = styled.div.attrs(applyDefaultTheme)`\n margin: ${props => (props.spaciousDescription ? '16px' : '6px')} 0 0 0;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n`;\n"],"names":["switchButtonSize","Switch","styled","div","attrs","applyDefaultTheme","props","readOnly","css","disabled","SwitchIndicator","theme","themeProp","getColor","math","SwitchIndicatorButton","SwitchIndicatorLabelText","SwitchLabel","label","rgba","Description","spaciousDescription"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
|
|
3
|
+
import { isEmpty } from 'lodash';
|
|
4
|
+
import useMergedRefs from '@restart/hooks/useMergedRefs';
|
|
5
|
+
import { nanoid } from 'nanoid';
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
7
|
+
import '../../data/Alert/Alert.js';
|
|
8
|
+
import '../../data/Badge/Badge.js';
|
|
9
|
+
import '../../data/Popover/Popover.js';
|
|
10
|
+
import '../../data/Tab/Tab.js';
|
|
11
|
+
import '../../data/Tabs/Tabs.js';
|
|
12
|
+
import Tooltip from '../../data/Tooltip/Tooltip.js';
|
|
13
|
+
import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
|
|
14
|
+
import { ReactComponent as SvgEditNote } from '../../icons/edit-note.svg.js';
|
|
15
|
+
import { TextAreaContainter, Label, SuccessContainerLabel, TextInput, TextInputFieldIconAlert, TextInputField, SuccessContainer, InputIconContainer, TextInputLabel, Description } from './TextArea.styled.js';
|
|
16
|
+
|
|
17
|
+
const TextArea = React__default.forwardRef(function TextArea({
|
|
18
|
+
value,
|
|
19
|
+
defaultValue,
|
|
20
|
+
name,
|
|
21
|
+
label,
|
|
22
|
+
placeholder,
|
|
23
|
+
required,
|
|
24
|
+
disabled,
|
|
25
|
+
hidden,
|
|
26
|
+
readOnly,
|
|
27
|
+
edit,
|
|
28
|
+
autoComplete,
|
|
29
|
+
description,
|
|
30
|
+
type,
|
|
31
|
+
icon,
|
|
32
|
+
rows,
|
|
33
|
+
className,
|
|
34
|
+
style,
|
|
35
|
+
onChange,
|
|
36
|
+
onBlur,
|
|
37
|
+
noBorder,
|
|
38
|
+
loadingIcon,
|
|
39
|
+
successIcon,
|
|
40
|
+
padding,
|
|
41
|
+
descriptionToolTip,
|
|
42
|
+
borderRadius,
|
|
43
|
+
fieldLabel,
|
|
44
|
+
...rest
|
|
45
|
+
}, forwardedRef) {
|
|
46
|
+
const textInputDomNode = useRef(null);
|
|
47
|
+
const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
|
|
48
|
+
const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));
|
|
49
|
+
const [autoFocus, setAutoFocus] = useState(false);
|
|
50
|
+
const [uniqueId] = useState(nanoid());
|
|
51
|
+
const memoizedDescriptionToolTip = useMemo(() => {
|
|
52
|
+
return descriptionToolTip;
|
|
53
|
+
}, [descriptionToolTip]);
|
|
54
|
+
useEffect(() => {
|
|
55
|
+
setAutoFocus(false);
|
|
56
|
+
}, [value, defaultValue]);
|
|
57
|
+
const onKeyDown = useCallback(event => {
|
|
58
|
+
if (event.key === 'Enter') {
|
|
59
|
+
event.stopPropagation();
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
const input = () => {
|
|
63
|
+
return React__default.createElement(TextAreaContainter, null, fieldLabel && React__default.createElement(Label, {
|
|
64
|
+
htmlFor: uniqueId,
|
|
65
|
+
disabled: disabled
|
|
66
|
+
}, fieldLabel, React__default.createElement(SuccessContainerLabel, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(TextInput, {
|
|
67
|
+
$fieldLabel: !isEmpty(fieldLabel),
|
|
68
|
+
disabled: disabled,
|
|
69
|
+
readOnly: readOnly,
|
|
70
|
+
type: type,
|
|
71
|
+
className: className,
|
|
72
|
+
style: style
|
|
73
|
+
}, React__default.createElement(TextInputFieldIconAlert, {
|
|
74
|
+
type: type
|
|
75
|
+
}, icon), React__default.createElement(TextInputField, _extends({
|
|
76
|
+
autoFocus: autoFocus,
|
|
77
|
+
borderRadius: borderRadius,
|
|
78
|
+
ref: textInputRef,
|
|
79
|
+
rows: rows,
|
|
80
|
+
value: value,
|
|
81
|
+
defaultValue: defaultValue,
|
|
82
|
+
name: name,
|
|
83
|
+
placeholder: placeholder || ' ',
|
|
84
|
+
required: required,
|
|
85
|
+
readOnly: readOnly,
|
|
86
|
+
disabled: disabled,
|
|
87
|
+
edit: edit,
|
|
88
|
+
type: type,
|
|
89
|
+
autoComplete: autoComplete,
|
|
90
|
+
hasIcon: Boolean(icon),
|
|
91
|
+
icon: icon,
|
|
92
|
+
id: `text-input-${uniqueId}`,
|
|
93
|
+
key: uniqueId,
|
|
94
|
+
padding: padding,
|
|
95
|
+
onChange: e => {
|
|
96
|
+
if (e.target.value) {
|
|
97
|
+
setInputIsEmpty(false);
|
|
98
|
+
if (!autoFocus) {
|
|
99
|
+
setAutoFocus(true);
|
|
100
|
+
}
|
|
101
|
+
} else {
|
|
102
|
+
setInputIsEmpty(true);
|
|
103
|
+
if (!autoFocus) {
|
|
104
|
+
setAutoFocus(true);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
onChange(e);
|
|
108
|
+
},
|
|
109
|
+
onKeyDown: onKeyDown,
|
|
110
|
+
onBlur: onBlur,
|
|
111
|
+
noBorder: noBorder
|
|
112
|
+
}, rest)), !fieldLabel && (type === 'loading' || type === 'success') && React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
|
|
113
|
+
disabled: disabled
|
|
114
|
+
}, React__default.createElement(SvgEditNote, {
|
|
115
|
+
className: padding === 'small' ? 'smallPadingIcon' : undefined
|
|
116
|
+
})), label && React__default.createElement(TextInputLabel, {
|
|
117
|
+
htmlFor: `text-input-${uniqueId}`,
|
|
118
|
+
hasPlaceholder: Boolean(placeholder),
|
|
119
|
+
hasIcon: Boolean(icon),
|
|
120
|
+
inputIsEmpty: inputIsEmpty
|
|
121
|
+
}, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default.createElement(Description, {
|
|
122
|
+
type: type
|
|
123
|
+
}, description)));
|
|
124
|
+
};
|
|
125
|
+
if (hidden) return null;
|
|
126
|
+
return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
|
|
127
|
+
content: memoizedDescriptionToolTip,
|
|
128
|
+
key: "tooltipTextArea1",
|
|
129
|
+
placement: "bottom-end",
|
|
130
|
+
trigger: 'mouseenter',
|
|
131
|
+
zIndex: 999999
|
|
132
|
+
}, input())));
|
|
133
|
+
});
|
|
134
|
+
TextArea.defaultProps = {
|
|
135
|
+
rows: 4,
|
|
136
|
+
noBorder: false,
|
|
137
|
+
readOnly: false,
|
|
138
|
+
edit: false,
|
|
139
|
+
hidden: false,
|
|
140
|
+
type: '',
|
|
141
|
+
padding: 'medium',
|
|
142
|
+
descriptionToolTip: '',
|
|
143
|
+
isExpanded: () => {},
|
|
144
|
+
onChange: () => {},
|
|
145
|
+
borderRadius: 0
|
|
146
|
+
};
|
|
147
|
+
TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
148
|
+
value: PropTypes.string,
|
|
149
|
+
defaultValue: PropTypes.string,
|
|
150
|
+
name: PropTypes.string,
|
|
151
|
+
label: PropTypes.string,
|
|
152
|
+
fieldLabel: PropTypes.string,
|
|
153
|
+
placeholder: PropTypes.string,
|
|
154
|
+
required: PropTypes.bool,
|
|
155
|
+
disabled: PropTypes.bool,
|
|
156
|
+
hidden: PropTypes.bool,
|
|
157
|
+
readOnly: PropTypes.bool,
|
|
158
|
+
edit: PropTypes.bool,
|
|
159
|
+
autoComplete: PropTypes.string,
|
|
160
|
+
description: PropTypes.string,
|
|
161
|
+
icon: PropTypes.element,
|
|
162
|
+
rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
163
|
+
className: PropTypes.string,
|
|
164
|
+
style: PropTypes.object,
|
|
165
|
+
padding: PropTypes.oneOf(['small', 'medium', 'large']),
|
|
166
|
+
onChange: PropTypes.func,
|
|
167
|
+
onBlur: PropTypes.func,
|
|
168
|
+
noBorder: PropTypes.bool,
|
|
169
|
+
isExpanded: PropTypes.func,
|
|
170
|
+
type: PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
|
|
171
|
+
loadingIcon: PropTypes.element,
|
|
172
|
+
successIcon: PropTypes.element,
|
|
173
|
+
descriptionToolTip: PropTypes.string,
|
|
174
|
+
borderRadius: PropTypes.number
|
|
175
|
+
} : {};
|
|
176
|
+
|
|
177
|
+
export { TextArea as default };
|
|
178
|
+
//# sourceMappingURL=TextArea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sources":["../../../src/components/inputs/TextArea/TextArea.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport { isEmpty } from 'lodash';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '../../data';\n\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport * as S from './TextArea.styled';\n\n/**\n * Text areas let users enter and edit text in the UI. They typically appear in forms and dialogs.\n *\n * ### Import\n *\n * ``` js\n * import { TextArea } from '@ntbjs/react-components/inputs'\n * // or\n * import TextArea from '@ntbjs/react-components/inputs/TextArea'\n * ```\n */\nconst TextArea = React.forwardRef(function TextArea(\n {\n value,\n defaultValue,\n name,\n label,\n placeholder,\n required,\n disabled,\n hidden,\n readOnly,\n edit,\n autoComplete,\n description,\n type,\n icon,\n rows,\n className,\n style,\n onChange,\n onBlur,\n noBorder,\n loadingIcon,\n successIcon,\n padding,\n descriptionToolTip,\n borderRadius,\n fieldLabel,\n ...rest\n },\n forwardedRef\n) {\n const textInputDomNode = useRef(null);\n const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);\n\n const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));\n const [autoFocus, setAutoFocus] = useState(false);\n\n const [uniqueId] = useState(nanoid());\n\n const memoizedDescriptionToolTip = useMemo(() => {\n return descriptionToolTip;\n }, [descriptionToolTip]);\n\n useEffect(() => {\n setAutoFocus(false);\n }, [value, defaultValue]);\n\n const onKeyDown = useCallback(event => {\n if (event.key === 'Enter') {\n event.stopPropagation();\n }\n }, []);\n\n const input = () => {\n return (\n <S.TextAreaContainter>\n {fieldLabel && (\n <S.Label htmlFor={uniqueId} disabled={disabled}>\n {fieldLabel}\n <S.SuccessContainerLabel>\n {type === 'loading' && loadingIcon}\n {type === 'success' && successIcon}\n </S.SuccessContainerLabel>\n </S.Label>\n )}\n <S.TextInput\n $fieldLabel={!isEmpty(fieldLabel)}\n disabled={disabled}\n readOnly={readOnly}\n type={type}\n className={className}\n style={style}\n >\n <S.TextInputFieldIconAlert type={type}>{icon}</S.TextInputFieldIconAlert>\n <S.TextInputField\n autoFocus={autoFocus}\n borderRadius={borderRadius}\n ref={textInputRef}\n rows={rows}\n value={value}\n defaultValue={defaultValue}\n name={name}\n placeholder={placeholder || ' '}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n edit={edit}\n type={type}\n autoComplete={autoComplete}\n hasIcon={Boolean(icon)}\n icon={icon}\n id={`text-input-${uniqueId}`}\n key={uniqueId}\n padding={padding}\n onChange={e => {\n if (e.target.value) {\n setInputIsEmpty(false);\n if (!autoFocus) {\n setAutoFocus(true);\n }\n } else {\n setInputIsEmpty(true);\n if (!autoFocus) {\n setAutoFocus(true);\n }\n }\n onChange(e);\n }}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n noBorder={noBorder}\n {...rest}\n />\n {!fieldLabel && (type === 'loading' || type === 'success') && (\n <S.SuccessContainer>\n {type === 'loading' && loadingIcon}\n {type === 'success' && successIcon}\n </S.SuccessContainer>\n )}\n {!readOnly && noBorder && (\n <S.InputIconContainer disabled={disabled}>\n <EditNoteIcon className={padding === 'small' ? 'smallPadingIcon' : undefined} />\n </S.InputIconContainer>\n )}\n {label && (\n <S.TextInputLabel\n htmlFor={`text-input-${uniqueId}`}\n hasPlaceholder={Boolean(placeholder)}\n hasIcon={Boolean(icon)}\n inputIsEmpty={inputIsEmpty}\n >\n {label}\n {required && ' *'}\n </S.TextInputLabel>\n )}\n {typeof description === 'string' && description.length > 0 && (\n <S.Description type={type}>{description}</S.Description>\n )}\n </S.TextInput>\n </S.TextAreaContainter>\n );\n };\n\n if (hidden) return null;\n\n return (\n <>\n {!memoizedDescriptionToolTip && input()}\n {memoizedDescriptionToolTip && (\n <div>\n <Tooltip\n content={memoizedDescriptionToolTip}\n key=\"tooltipTextArea1\"\n placement=\"bottom-end\"\n trigger={'mouseenter'}\n zIndex={999999}\n >\n {input()}\n </Tooltip>\n </div>\n )}\n </>\n );\n});\n\nTextArea.defaultProps = {\n rows: 4,\n noBorder: false,\n readOnly: false,\n edit: false,\n hidden: false,\n type: '',\n padding: 'medium',\n descriptionToolTip: '',\n isExpanded: () => {},\n onChange: () => {},\n borderRadius: 0\n};\n\nTextArea.propTypes = {\n /**\n * Value to be sent. Typically the content of the text area.\n */\n value: PropTypes.string,\n\n /**\n * Default value/text to be displayed in the text area by default.\n */\n defaultValue: PropTypes.string,\n\n /**\n * Name of the text area (used when sending form data)\n */\n name: PropTypes.string,\n\n /**\n * Label text for the text area. If the text area is empty (no input and no placeholder)\n * and isn't in focus, the label text will be displayed grayed out in the text area itself.\n * Otherwise, the label text will be displayed in the top left corner.\n */\n label: PropTypes.string,\n\n /**\n * Field Label text for the text area field. I\n */\n fieldLabel: PropTypes.string,\n\n /**\n * Placeholder text to be displayed if the text area is empty (no input)\n */\n placeholder: PropTypes.string,\n\n /**\n * Whether the user is required to fill in the text area\n */\n required: PropTypes.bool,\n\n /**\n * Whether the text area is disabled\n */\n disabled: PropTypes.bool,\n /**\n * Whether the component is hidden or visible.\n */\n hidden: PropTypes.bool,\n /**\n * Whether the text area is read-only\n */\n readOnly: PropTypes.bool,\n /**\n * Displays a grey background to show that value is editable\n */\n edit: PropTypes.bool,\n /**\n * ?\n */\n autoComplete: PropTypes.string,\n /**\n * Descriptive text displayed below the text area\n */\n description: PropTypes.string,\n\n /**\n * Optional icon to be displayed left of the text inside the text area\n */\n icon: PropTypes.element,\n /**\n * How many rows/lines of text to be displayed by default\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /**\n * Add custom class names to the HTML element\n */\n className: PropTypes.string,\n /**\n * Add custom CSS styling\n */\n style: PropTypes.object,\n /**\n * Add padding (small-medium-large)\n */\n padding: PropTypes.oneOf(['small', 'medium', 'large']),\n /**\n * Optional callback function for the `onChange` event\n */\n onChange: PropTypes.func,\n /**\n * Optional callback function for the `onBlur` event\n */\n onBlur: PropTypes.func,\n noBorder: PropTypes.bool,\n // warningAlert: PropTypes.bool,\n // errorAlert: PropTypes.bool,\n isExpanded: PropTypes.func,\n /**\n * Define the type based on error,error-border , warning, loading and success.\n */\n type: PropTypes.oneOf([\n '',\n 'error',\n 'error-border',\n 'warning-border',\n 'warning',\n 'loading',\n 'success'\n ]),\n /**\n * Icon element – E.g: `icon={<Spinner />}`\n */\n loadingIcon: PropTypes.element,\n /**\n * Icon element – E.g: `icon={<Check />}`\n */\n successIcon: PropTypes.element,\n /**\n * Description ToolTip text.\n */\n descriptionToolTip: PropTypes.string,\n /**\n * Border Radius for rounded borders.\n */\n borderRadius: PropTypes.number\n};\n\nexport default TextArea;\n"],"names":["TextArea","React","forwardRef","value","defaultValue","name","label","placeholder","required","disabled","hidden","readOnly","edit","autoComplete","description","type","icon","rows","className","style","onChange","onBlur","noBorder","loadingIcon","successIcon","padding","descriptionToolTip","borderRadius","fieldLabel","rest","forwardedRef","textInputDomNode","useRef","textInputRef","useMergedRefs","inputIsEmpty","setInputIsEmpty","useState","autoFocus","setAutoFocus","uniqueId","nanoid","memoizedDescriptionToolTip","useMemo","useEffect","onKeyDown","useCallback","event","key","stopPropagation","input","createElement","S","htmlFor","$fieldLabel","isEmpty","_extends","ref","hasIcon","Boolean","id","e","target","EditNoteIcon","undefined","hasPlaceholder","length","Fragment","Tooltip","content","placement","trigger","zIndex","defaultProps","isExpanded","propTypes","process","env","NODE_ENV","PropTypes","string","bool","element","oneOfType","number","object","oneOf","func"],"mappings":"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"}
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
|
|
2
|
-
import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
|
|
3
|
-
import { isEmpty } from 'lodash';
|
|
4
|
-
import useMergedRefs from '@restart/hooks/useMergedRefs';
|
|
5
|
-
import { nanoid } from 'nanoid';
|
|
6
|
-
import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
|
|
7
|
-
import './Alert-e6847a22.js';
|
|
8
|
-
import './Badge-d93586a9.js';
|
|
9
|
-
import './Popover-20050b91.js';
|
|
10
|
-
import './Tab-04d435c3.js';
|
|
11
|
-
import './Tabs-74d1ea8a.js';
|
|
12
|
-
import { T as Tooltip } from './Tooltip-c1d1199e.js';
|
|
13
|
-
import './VerificationStatusIcon-49cb1c1b.js';
|
|
14
|
-
import { S as SvgEditNote } from './edit-note-283a0e15.js';
|
|
15
1
|
import styled, { keyframes, css } from 'styled-components';
|
|
2
|
+
import { applyDefaultTheme } from '../../utils/defaultTheme.js';
|
|
16
3
|
|
|
17
4
|
const fadeInCheck = keyframes`
|
|
18
5
|
from {
|
|
@@ -448,164 +435,5 @@ const SuccessContainerLabel = styled.div.attrs(applyDefaultTheme)`
|
|
|
448
435
|
}
|
|
449
436
|
`;
|
|
450
437
|
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
defaultValue,
|
|
454
|
-
name,
|
|
455
|
-
label,
|
|
456
|
-
placeholder,
|
|
457
|
-
required,
|
|
458
|
-
disabled,
|
|
459
|
-
hidden,
|
|
460
|
-
readOnly,
|
|
461
|
-
edit,
|
|
462
|
-
autoComplete,
|
|
463
|
-
description,
|
|
464
|
-
type,
|
|
465
|
-
icon,
|
|
466
|
-
rows,
|
|
467
|
-
className,
|
|
468
|
-
style,
|
|
469
|
-
onChange,
|
|
470
|
-
onBlur,
|
|
471
|
-
noBorder,
|
|
472
|
-
loadingIcon,
|
|
473
|
-
successIcon,
|
|
474
|
-
padding,
|
|
475
|
-
descriptionToolTip,
|
|
476
|
-
borderRadius,
|
|
477
|
-
fieldLabel,
|
|
478
|
-
...rest
|
|
479
|
-
}, forwardedRef) {
|
|
480
|
-
const textInputDomNode = useRef(null);
|
|
481
|
-
const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
|
|
482
|
-
const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));
|
|
483
|
-
const [autoFocus, setAutoFocus] = useState(false);
|
|
484
|
-
const [uniqueId] = useState(nanoid());
|
|
485
|
-
const memoizedDescriptionToolTip = useMemo(() => {
|
|
486
|
-
return descriptionToolTip;
|
|
487
|
-
}, [descriptionToolTip]);
|
|
488
|
-
useEffect(() => {
|
|
489
|
-
setAutoFocus(false);
|
|
490
|
-
}, [value, defaultValue]);
|
|
491
|
-
const onKeyDown = useCallback(event => {
|
|
492
|
-
if (event.key === 'Enter') {
|
|
493
|
-
event.stopPropagation();
|
|
494
|
-
}
|
|
495
|
-
}, []);
|
|
496
|
-
const input = () => {
|
|
497
|
-
return React__default.createElement(TextAreaContainter, null, fieldLabel && React__default.createElement(Label, {
|
|
498
|
-
htmlFor: uniqueId,
|
|
499
|
-
disabled: disabled
|
|
500
|
-
}, fieldLabel, React__default.createElement(SuccessContainerLabel, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(TextInput, {
|
|
501
|
-
$fieldLabel: !isEmpty(fieldLabel),
|
|
502
|
-
disabled: disabled,
|
|
503
|
-
readOnly: readOnly,
|
|
504
|
-
type: type,
|
|
505
|
-
className: className,
|
|
506
|
-
style: style
|
|
507
|
-
}, React__default.createElement(TextInputFieldIconAlert, {
|
|
508
|
-
type: type
|
|
509
|
-
}, icon), React__default.createElement(TextInputField, _extends({
|
|
510
|
-
autoFocus: autoFocus,
|
|
511
|
-
borderRadius: borderRadius,
|
|
512
|
-
ref: textInputRef,
|
|
513
|
-
rows: rows,
|
|
514
|
-
value: value,
|
|
515
|
-
defaultValue: defaultValue,
|
|
516
|
-
name: name,
|
|
517
|
-
placeholder: placeholder || ' ',
|
|
518
|
-
required: required,
|
|
519
|
-
readOnly: readOnly,
|
|
520
|
-
disabled: disabled,
|
|
521
|
-
edit: edit,
|
|
522
|
-
type: type,
|
|
523
|
-
autoComplete: autoComplete,
|
|
524
|
-
hasIcon: Boolean(icon),
|
|
525
|
-
icon: icon,
|
|
526
|
-
id: `text-input-${uniqueId}`,
|
|
527
|
-
key: uniqueId,
|
|
528
|
-
padding: padding,
|
|
529
|
-
onChange: e => {
|
|
530
|
-
if (e.target.value) {
|
|
531
|
-
setInputIsEmpty(false);
|
|
532
|
-
if (!autoFocus) {
|
|
533
|
-
setAutoFocus(true);
|
|
534
|
-
}
|
|
535
|
-
} else {
|
|
536
|
-
setInputIsEmpty(true);
|
|
537
|
-
if (!autoFocus) {
|
|
538
|
-
setAutoFocus(true);
|
|
539
|
-
}
|
|
540
|
-
}
|
|
541
|
-
onChange(e);
|
|
542
|
-
},
|
|
543
|
-
onKeyDown: onKeyDown,
|
|
544
|
-
onBlur: onBlur,
|
|
545
|
-
noBorder: noBorder
|
|
546
|
-
}, rest)), !fieldLabel && (type === 'loading' || type === 'success') && React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
|
|
547
|
-
disabled: disabled
|
|
548
|
-
}, React__default.createElement(SvgEditNote, {
|
|
549
|
-
className: padding === 'small' ? 'smallPadingIcon' : undefined
|
|
550
|
-
})), label && React__default.createElement(TextInputLabel, {
|
|
551
|
-
htmlFor: `text-input-${uniqueId}`,
|
|
552
|
-
hasPlaceholder: Boolean(placeholder),
|
|
553
|
-
hasIcon: Boolean(icon),
|
|
554
|
-
inputIsEmpty: inputIsEmpty
|
|
555
|
-
}, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default.createElement(Description, {
|
|
556
|
-
type: type
|
|
557
|
-
}, description)));
|
|
558
|
-
};
|
|
559
|
-
if (hidden) return null;
|
|
560
|
-
return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
|
|
561
|
-
content: memoizedDescriptionToolTip,
|
|
562
|
-
key: "tooltipTextArea1",
|
|
563
|
-
placement: "bottom-end",
|
|
564
|
-
trigger: 'mouseenter',
|
|
565
|
-
zIndex: 999999
|
|
566
|
-
}, input())));
|
|
567
|
-
});
|
|
568
|
-
TextArea.defaultProps = {
|
|
569
|
-
rows: 4,
|
|
570
|
-
noBorder: false,
|
|
571
|
-
readOnly: false,
|
|
572
|
-
edit: false,
|
|
573
|
-
hidden: false,
|
|
574
|
-
type: '',
|
|
575
|
-
padding: 'medium',
|
|
576
|
-
descriptionToolTip: '',
|
|
577
|
-
isExpanded: () => {},
|
|
578
|
-
onChange: () => {},
|
|
579
|
-
borderRadius: 0
|
|
580
|
-
};
|
|
581
|
-
TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
582
|
-
value: PropTypes.string,
|
|
583
|
-
defaultValue: PropTypes.string,
|
|
584
|
-
name: PropTypes.string,
|
|
585
|
-
label: PropTypes.string,
|
|
586
|
-
fieldLabel: PropTypes.string,
|
|
587
|
-
placeholder: PropTypes.string,
|
|
588
|
-
required: PropTypes.bool,
|
|
589
|
-
disabled: PropTypes.bool,
|
|
590
|
-
hidden: PropTypes.bool,
|
|
591
|
-
readOnly: PropTypes.bool,
|
|
592
|
-
edit: PropTypes.bool,
|
|
593
|
-
autoComplete: PropTypes.string,
|
|
594
|
-
description: PropTypes.string,
|
|
595
|
-
icon: PropTypes.element,
|
|
596
|
-
rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
597
|
-
className: PropTypes.string,
|
|
598
|
-
style: PropTypes.object,
|
|
599
|
-
padding: PropTypes.oneOf(['small', 'medium', 'large']),
|
|
600
|
-
onChange: PropTypes.func,
|
|
601
|
-
onBlur: PropTypes.func,
|
|
602
|
-
noBorder: PropTypes.bool,
|
|
603
|
-
isExpanded: PropTypes.func,
|
|
604
|
-
type: PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
|
|
605
|
-
loadingIcon: PropTypes.element,
|
|
606
|
-
successIcon: PropTypes.element,
|
|
607
|
-
descriptionToolTip: PropTypes.string,
|
|
608
|
-
borderRadius: PropTypes.number
|
|
609
|
-
} : {};
|
|
610
|
-
|
|
611
|
-
export { TextArea as T };
|
|
438
|
+
export { Description, InputIconContainer, Label, SuccessContainer, SuccessContainerLabel, TextAreaContainter, TextInput, TextInputField, TextInputFieldIcon, TextInputFieldIconAlert, TextInputLabel };
|
|
439
|
+
//# sourceMappingURL=TextArea.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.styled.js","sources":["../../../src/components/inputs/TextArea/TextArea.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst fadeInCheck = keyframes`\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n`;\n\nconst fadeOutCheck = keyframes`\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n`;\n\nconst activeLabel = css`\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n`;\n\nexport const TextAreaContainter = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n`;\n\nexport const Label = styled.label.attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 13px;\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n`;\n\nexport const InputIconContainer = styled.div.attrs(applyDefaultTheme)`\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n\n position: absolute;\n right: 15px;\n top: 10px;\n bottom: 0;\n > .smallPadingIcon {\n padding: 4px;\n width: 15px;\n height: 15px;\n border-radius: 5px;\n opacity: 1;\n margin-top: -5px;\n ${props =>\n props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('gray-300'),\n '!important'\n )}\n }\n svg {\n width: 15px;\n opacity: 0.7;\n transition: opacity 250ms;\n\n ${props =>\n props.disabled &&\n css`\n display: none;\n `}\n }\n`;\n\nexport const TextInputField = styled.textarea.attrs(applyDefaultTheme)`\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n\n ${props =>\n props.borderRadius &&\n css`\n border-radius: ${props.borderRadius}px;\n `}\n\n ${props => {\n if (props.type === 'error') {\n return css`\n ${props.theme.themeProp('color', 'white', 'black')}\n ${props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}\n ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n `;\n } else if (props.type === 'warning') {\n return css`\n ${props.theme.themeProp('color', 'white', 'black')}\n ${props.theme.themeProp('background', '#634E01', '#FFFDE8')}\n ${props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n `;\n } else if (props.type === 'error-border') {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `;\n } else if (props.type === 'warning-border') {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-200'),\n props.theme.getColor('orange-500')\n )}\n `;\n } else {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-400')\n )}\n `;\n }\n }}\n\n\n ${props =>\n props.readOnly &&\n css`\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n `}\n\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n\n\n ${props =>\n props.noBorder &&\n !props.type &&\n css`\n ${props =>\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n `} \n\n ${props =>\n props.noBorder &&\n props.type === 'warning' &&\n css`\n ${props => props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n `}\n\n ${props =>\n props.noBorder &&\n props.type === 'error' &&\n css`\n ${props => props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n `}\n\n\n ${props =>\n props.padding === 'small' &&\n css`\n padding: 5px 10px;\n `}\n\n ${props =>\n props.padding === 'medium' &&\n css`\n padding: 13px 15px;\n `}\n\n ${props =>\n props.padding === 'large' &&\n css`\n padding: 15px 55px;\n `}\n\n ${props =>\n props.hasIcon &&\n css`\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n `}\n\n\n &&:hover:not(:focus) {\n ${props => {\n if (props.disabled) {\n return '';\n }\n if (props.readOnly) {\n if (props.type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');\n } else if (props.type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n }\n return '';\n }\n\n if (props.type === 'error') {\n return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n } else if (props.type === 'warning') {\n return props.theme.themeProp('background', '#806403', '#FFFEBF');\n } else if (!props.disabled) {\n return props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n );\n }\n return '';\n }}\n\n ${props =>\n props.edit &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )}\n\n ${props =>\n props.noBorder && !props.readOnly && props.type !== 'warning' && props.type !== 'error'\n ? props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )\n : ''}\n\n & + ${InputIconContainer} {\n opacity: 1;\n ${props =>\n props.type === 'success' &&\n css`\n opacity: 0;\n `}\n }\n }\n\n &::placeholder {\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n )}\n\n ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n ${props => {\n if (props.type === 'warning') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n );\n } else if (props.type === 'error') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n );\n }\n return '';\n }}\n }\n\n &:hover::placeholder {\n ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n ${props => {\n if (props.type === 'warning') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('gray-900')\n );\n } else if (props.type === 'error') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('red-600'),\n props.theme.getColor('red-600')\n );\n } else {\n // Default case\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n );\n }\n }}\n }\n\n &:focus::placeholder {\n ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n ${props => {\n if (props.type === 'warning') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('gray-900')\n );\n } else if (props.type === 'error') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('red-600'),\n props.theme.getColor('red-600')\n );\n } else {\n // Default case\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n );\n }\n }}\n }\n\n &&:focus {\n outline: none;\n\n ${props => {\n if (props.readOnly) {\n if (props.type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');\n } else if (props.type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n }\n return '';\n }\n\n if (props.type === 'error') {\n return css`\n ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n } else if (props.type === 'warning') {\n return css`\n ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n } else {\n return css`\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-600')\n )}\n ${props.theme.themeProp('background', 'transparent', props.theme.getColor('white'))}\n `;\n }\n }}\n }\n\n &&:not(:hover):not(:focus) {\n ${props => {\n if (props.edit) {\n if (props.type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n } else if (props.type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n } else {\n return props.theme.themeProp(\n 'background',\n 'rgba(39,39,42, 0.7)',\n 'rgba(244,244,245, 0.3)'\n );\n }\n }\n }}\n\n ${props =>\n props.edit &&\n props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')}\n\n ${props =>\n props.noBorder &&\n props.edit &&\n css`\n ${props => props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)')}\n `}\n }\n`;\n\nexport const TextInputLabel = styled.label.attrs(applyDefaultTheme)`\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n\n ${props =>\n props.theme.themeProp(\n 'background',\n `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`,\n `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`\n )}\n\n ${props =>\n !props.inputIsEmpty &&\n css`\n ${activeLabel}\n `}\n\n ${props =>\n props.hasPlaceholder &&\n css`\n ${activeLabel};\n `}\n content: \"\";\n\n ${props =>\n props.hasIcon &&\n css`\n left: 55px;\n `}\n`;\n\nexport const TextInputFieldIcon = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n`;\n\nexport const TextInputFieldIconAlert = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 2.8px;\n display: flex;\n padding: 0 10px 0 30px;\n opacity: 0.6;\n transition: opacity 250ms;\n ${props => props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402')}\n svg {\n margin-top: 12px;\n width: 15px;\n }\n`;\n\nexport const TextInput = styled.div.attrs(applyDefaultTheme)`\n position: relative;\n flex-basis: ${props => (props.$fieldLabel ? '66.66%' : '100%')};\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n `}\n\n &:focus-within {\n ${TextInputLabel} {\n ${activeLabel};\n }\n\n ${TextInputFieldIcon} {\n svg {\n opacity: 1;\n }\n }\n }\n\n ${TextInputField}:not(:placeholder-shown) + ${TextInputLabel} {\n ${activeLabel};\n ${props =>\n props.type === 'error' &&\n props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n }\n`;\n\nexport const Description = styled.div.attrs(applyDefaultTheme)`\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n\n ${props =>\n (props.type === 'warning-border' || props.type === 'warning') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('orange-500')\n )}\n `}\n\n ${props =>\n (props.type === 'error-border' || props.type === 'error') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `}\n`;\n\nexport const SuccessContainer = styled.div.attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n opacity: ${props => (props.fadeIn ? 0 : 1)};\n animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n\n > svg {\n width: 15px;\n }\n`;\n\nexport const SuccessContainerLabel = styled.div.attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n opacity: ${props => (props.fadeIn ? 0 : 1)};\n animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n margin-top: -7px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n\n > svg {\n width: 13px;\n }\n`;\n"],"names":["fadeInCheck","keyframes","fadeOutCheck","activeLabel","css","TextAreaContainter","styled","div","attrs","applyDefaultTheme","Label","label","props","theme","themeProp","getColor","disabled","InputIconContainer","TextInputField","textarea","borderRadius","type","readOnly","noBorder","padding","hasIcon","edit","TextInputLabel","inputIsEmpty","hasPlaceholder","TextInputFieldIcon","TextInputFieldIconAlert","TextInput","$fieldLabel","Description","SuccessContainer","fadeIn","SuccessContainerLabel"],"mappings":"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"}
|
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'lodash';
|
|
5
|
-
import '@restart/hooks/useMergedRefs';
|
|
6
|
-
import 'nanoid';
|
|
7
|
-
import '../../defaultTheme-1bcc2541.js';
|
|
8
|
-
import 'styled-components';
|
|
9
|
-
import '../../Alert-e6847a22.js';
|
|
10
|
-
import '../../Badge-d93586a9.js';
|
|
11
|
-
import '../../Popover-20050b91.js';
|
|
12
|
-
import 'polished';
|
|
13
|
-
import '@tippyjs/react';
|
|
14
|
-
import '../../shift-away-subtle-0dd94a03.js';
|
|
15
|
-
import 'popper-max-size-modifier';
|
|
16
|
-
import '../../Tab-04d435c3.js';
|
|
17
|
-
import '../../Tabs-74d1ea8a.js';
|
|
18
|
-
import '../../Tooltip-c1d1199e.js';
|
|
19
|
-
import '../../VerificationStatusIcon-49cb1c1b.js';
|
|
20
|
-
import '../../edit-note-283a0e15.js';
|
|
1
|
+
export { default } from './TextArea.js';
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|