@zohodesk/dot 1.0.0-temp-110 → 1.0.0-temp-111
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/README.md +8 -0
- package/es/ActionButton/ActionButton.js +8 -4
- package/es/form/fields/CheckBoxField/CheckBoxField.js +3 -2
- package/es/form/fields/CurrencyField/CurrencyField.js +43 -8
- package/es/form/fields/CurrencyField/props/defaultProps.js +1 -0
- package/es/form/fields/DateField/DateField.js +93 -8
- package/es/form/fields/DateField/props/defaultProps.js +1 -0
- package/es/form/fields/Fields.module.css +65 -0
- package/es/form/fields/MultiSelectField/MultiSelectField.js +91 -9
- package/es/form/fields/MultiSelectField/props/defaultProps.js +1 -0
- package/es/form/fields/PhoneField/PhoneField.js +3 -1
- package/es/form/fields/PhoneField/props/defaultProps.js +2 -1
- package/es/form/fields/RadioField/RadioField.js +1 -1
- package/es/form/fields/SelectField/SelectField.js +99 -12
- package/es/form/fields/SelectField/props/defaultProps.js +1 -0
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -1
- package/es/form/fields/TextBoxField/TextBoxField.js +59 -8
- package/es/form/fields/TextBoxField/props/defaultProps.js +1 -0
- package/es/form/fields/TextareaField/TextareaField.js +58 -12
- package/es/form/fields/TextareaField/props/defaultProps.js +1 -0
- package/lib/ActionButton/ActionButton.js +11 -5
- package/lib/AlphabeticList/AlphabeticList.js +3 -1
- package/lib/Attachment/Attachment.js +3 -1
- package/lib/AttachmentViewer/AttachmentImage.js +3 -1
- package/lib/AttachmentViewer/AttachmentViewer.js +3 -1
- package/lib/AttachmentViewer/utils.js +4 -1
- package/lib/ChannelIcon/ChannelIcon.js +3 -1
- package/lib/Drawer/Drawer.js +3 -1
- package/lib/ExternalLink/ExternalLink.js +3 -1
- package/lib/FlipCard/FlipCard.js +3 -1
- package/lib/FormAction/FormAction.js +3 -1
- package/lib/FreezeLayer/FreezeLayer.js +3 -1
- package/lib/IconButton/IconButton.js +3 -1
- package/lib/IconButton/props/propTypes.js +4 -1
- package/lib/Image/Image.js +3 -1
- package/lib/ImportantNotes/ImportantNotes.js +3 -1
- package/lib/Link/Link.js +3 -1
- package/lib/Loader/Loader.js +3 -1
- package/lib/Message/Message.js +3 -1
- package/lib/MessageBanner/MessageBanner.js +3 -1
- package/lib/NewStar/NewStar.js +3 -1
- package/lib/PlusIcon/PlusIcon.js +3 -1
- package/lib/ToastMessage/ToastMessage.js +1 -1
- package/lib/Upload/Upload.js +3 -1
- package/lib/actions/AutoClose.js +1 -1
- package/lib/alert/AlertHeader/AlertHeader.js +3 -1
- package/lib/alert/AlertLookup/AlertLookup.js +3 -1
- package/lib/avatar/AvatarClose/AvatarClose.js +3 -1
- package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -1
- package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -1
- package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -1
- package/lib/avatar/AvatarThread/AvatarThread.js +3 -1
- package/lib/avatar/AvatarUser/AvatarUser.js +5 -2
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -1
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +3 -1
- package/lib/deprecated/utils/KeyboardApi.js +4 -1
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +3 -1
- package/lib/emptystate/EditionPage/EditionPage.js +3 -1
- package/lib/errorstate/Inconvenience/Inconvenience.js +3 -1
- package/lib/errorstate/LinkText/LinkText.js +3 -1
- package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -1
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -1
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -1
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -1
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -1
- package/lib/errorstate/WillBack/WillBack.js +3 -1
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +6 -3
- package/lib/form/fields/CheckBoxField/props/defaultProps.js +4 -1
- package/lib/form/fields/CheckBoxField/props/propTypes.js +4 -1
- package/lib/form/fields/CurrencyField/CurrencyField.js +79 -42
- package/lib/form/fields/CurrencyField/props/defaultProps.js +5 -1
- package/lib/form/fields/CurrencyField/props/propTypes.js +4 -1
- package/lib/form/fields/DateField/DateField.js +131 -41
- package/lib/form/fields/DateField/props/defaultProps.js +4 -1
- package/lib/form/fields/DateField/props/propTypes.js +4 -1
- package/lib/form/fields/FieldContainer/FieldContainer.js +3 -1
- package/lib/form/fields/FieldContainer/props/defaultProps.js +4 -1
- package/lib/form/fields/FieldContainer/props/propTypes.js +4 -1
- package/lib/form/fields/Fields.module.css +65 -0
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +138 -53
- package/lib/form/fields/MultiSelectField/props/defaultProps.js +4 -1
- package/lib/form/fields/MultiSelectField/props/propTypes.js +4 -1
- package/lib/form/fields/PhoneField/PhoneField.js +6 -2
- package/lib/form/fields/PhoneField/props/defaultProps.js +2 -1
- package/lib/form/fields/RadioField/RadioField.js +4 -2
- package/lib/form/fields/SelectField/SelectField.js +153 -61
- package/lib/form/fields/SelectField/props/defaultProps.js +6 -2
- package/lib/form/fields/SelectField/props/propTypes.js +4 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -1
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +4 -2
- package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +4 -1
- package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +4 -1
- package/lib/form/fields/TextBoxField/TextBoxField.js +97 -44
- package/lib/form/fields/TextBoxField/props/defaultProps.js +6 -2
- package/lib/form/fields/TextBoxField/props/propTypes.js +4 -1
- package/lib/form/fields/TextEditor/TextEditor.js +4 -2
- package/lib/form/fields/TextEditorField/TextEditorField.js +3 -1
- package/lib/form/fields/TextEditorField/props/defaultProps.js +4 -1
- package/lib/form/fields/TextEditorField/props/propTypes.js +4 -1
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +5 -2
- package/lib/form/fields/TextareaField/TextareaField.js +92 -45
- package/lib/form/fields/TextareaField/props/defaultProps.js +4 -1
- package/lib/form/fields/TextareaField/props/propTypes.js +4 -1
- package/lib/form/fields/ValidationMessage/ValidationMessage.js +3 -1
- package/lib/form/layout/Field/Field.js +3 -1
- package/lib/form/layout/Section/Section.js +3 -1
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +3 -1
- package/lib/layout/SubtabLayout/SubtabLayout.js +3 -1
- package/lib/list/AvatarFlip/AvatarFlip.js +3 -1
- package/lib/list/BluePrintStatus/BluePrintStatus.js +3 -1
- package/lib/list/Comment/Comment.js +3 -1
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -1
- package/lib/list/DepartmentDropDown/props/propTypes.js +4 -1
- package/lib/list/Dot/Dot.js +3 -1
- package/lib/list/DotNew/DotNew.js +3 -1
- package/lib/list/GridStencils/GridStencils.js +3 -1
- package/lib/list/Icons/AddNewIcon.js +3 -1
- package/lib/list/Icons/CompleteIcon.js +3 -1
- package/lib/list/Icons/DeleteIcon.js +3 -1
- package/lib/list/Icons/EditIcon.js +3 -1
- package/lib/list/Icons/FloatingIcons.js +3 -1
- package/lib/list/Icons/ReadUnreadIcon.js +3 -1
- package/lib/list/Icons/SmartIcon.js +3 -1
- package/lib/list/ListLayout/ListLayout.js +3 -1
- package/lib/list/ListLayout/props/propTypes.js +4 -1
- package/lib/list/ListStencils/ListStencils.js +3 -1
- package/lib/list/SecondaryText/AccountName.js +3 -1
- package/lib/list/SecondaryText/ContactName.js +3 -1
- package/lib/list/SecondaryText/DepartmentText.js +3 -1
- package/lib/list/SecondaryText/Email.js +3 -1
- package/lib/list/SecondaryText/HappinessRating.js +3 -1
- package/lib/list/SecondaryText/PhoneNumber.js +3 -1
- package/lib/list/SecondaryText/PriorityText.js +3 -1
- package/lib/list/SecondaryText/SecondaryText.js +3 -1
- package/lib/list/SecondaryText/StatusText.js +3 -1
- package/lib/list/SecondaryText/TicketId.js +3 -1
- package/lib/list/SecondaryText/Website.js +3 -1
- package/lib/list/SecondryPanel/SecondryPanel.js +3 -1
- package/lib/list/SentimentStatus/SentimentStatus.js +3 -1
- package/lib/list/Subject/Subject.js +3 -1
- package/lib/list/TagNew/TagNew.js +3 -1
- package/lib/list/Thread/Thread.js +3 -1
- package/lib/list/UserTime/UserTime.js +3 -1
- package/lib/list/status/StatusDropdown/StatusDropdown.js +3 -1
- package/lib/list/status/StatusDropdown/props/propTypes.js +4 -1
- package/lib/list/status/StatusListItem/StatusListItem.js +3 -1
- package/lib/lookup/EmptyPage/EmptyPage.js +3 -1
- package/lib/lookup/Lookup/Lookup.js +5 -2
- package/lib/lookup/Section/Section.js +3 -1
- package/lib/lookup/header/Close/Close.js +3 -1
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -2
- package/lib/lookup/header/Search/Search.js +3 -1
- package/lib/lookup/header/TicketHeader/TicketHeader.js +5 -2
- package/lib/lookup/header/Title/Title.js +3 -1
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -1
- package/lib/setup/header/Button/Button.js +3 -1
- package/lib/setup/header/Link/Link.js +3 -1
- package/lib/setup/header/Search/Search.js +3 -1
- package/lib/setup/header/Views/Views.js +3 -1
- package/lib/setup/helptips/Description/Description.js +3 -1
- package/lib/setup/helptips/Link/Link.js +3 -1
- package/lib/setup/helptips/ListGroup/ListGroup.js +3 -1
- package/lib/setup/helptips/Title/Title.js +3 -1
- package/lib/setup/table/Table/Table.js +3 -1
- package/lib/setup/table/TableBody/TableBody.js +3 -1
- package/lib/setup/table/TableData/TableData.js +3 -1
- package/lib/setup/table/TableHead/TableHead.js +3 -1
- package/lib/setup/table/TableRow/TableRow.js +3 -1
- package/lib/setup/table/Text/Text.js +3 -1
- package/lib/svg/PlusIcon.js +3 -1
- package/lib/svg/SnippetIcon.js +3 -1
- package/lib/svg/TemplateIcon.js +3 -1
- package/lib/version2/AlertClose/AlertClose.js +3 -1
- package/lib/version2/GlobalNotification/GlobalNotification.js +3 -1
- package/lib/version2/alertIcons/AlarmAlertIcon.js +3 -1
- package/lib/version2/alertIcons/AlertIcons.js +3 -1
- package/lib/version2/alertIcons/DangerAlertIcon.js +3 -1
- package/lib/version2/alertIcons/ErrorAlertIcon.js +3 -1
- package/lib/version2/alertIcons/InfoAlertIcon.js +3 -1
- package/lib/version2/alertIcons/NotificationAlertIcon.js +3 -1
- package/lib/version2/alertIcons/SuccessAlertIcon.js +3 -1
- package/lib/version2/alertIcons/WarningAlertIcon.js +3 -1
- package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -1
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -1
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -1
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -1
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -1
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -1
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +3 -1
- package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -1
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -1
- package/package.json +4 -4
- package/css_error.log +0 -0
|
@@ -10,6 +10,7 @@ import Select from '@zohodesk/components/lib/Select/Select';
|
|
|
10
10
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
11
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
12
12
|
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
13
|
+
import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
|
|
13
14
|
|
|
14
15
|
/**** props ****/
|
|
15
16
|
|
|
@@ -22,6 +23,17 @@ export default class SelectField extends PureComponent {
|
|
|
22
23
|
this.handleGetRef = this.handleGetRef.bind(this);
|
|
23
24
|
// this.handleLabelClick = this.handleLabelClick.bind(this);
|
|
24
25
|
this.getNextId = getUniqueId(this);
|
|
26
|
+
this.handleParentClick = this.handleParentClick.bind(this);
|
|
27
|
+
this.handleFocusToggle = this.handleFocusToggle.bind(this);
|
|
28
|
+
this.handleFocus = this.handleFocus.bind(this);
|
|
29
|
+
this.handleBlur = this.handleBlur.bind(this);
|
|
30
|
+
this.getPopupHandlers = this.getPopupHandlers.bind(this);
|
|
31
|
+
this.handleDropBoxOpen = this.handleDropBoxOpen.bind(this);
|
|
32
|
+
this.handleDropBoxClose = this.handleDropBoxClose.bind(this);
|
|
33
|
+
this.state = {
|
|
34
|
+
isFocused: false,
|
|
35
|
+
isPopupOpen: false
|
|
36
|
+
};
|
|
25
37
|
}
|
|
26
38
|
handleChange(selctedId, selectedValue) {
|
|
27
39
|
let {
|
|
@@ -36,9 +48,65 @@ export default class SelectField extends PureComponent {
|
|
|
36
48
|
getRef,
|
|
37
49
|
id
|
|
38
50
|
} = this.props;
|
|
39
|
-
this.
|
|
51
|
+
this.textBox = el;
|
|
40
52
|
getRef && getRef(el, id);
|
|
41
53
|
}
|
|
54
|
+
handleParentClick(e) {
|
|
55
|
+
const {
|
|
56
|
+
needFieldStyle
|
|
57
|
+
} = this.props;
|
|
58
|
+
if (needFieldStyle) {
|
|
59
|
+
this.textBox.focus();
|
|
60
|
+
this.togglePopup(e);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
handleFocusToggle(value) {
|
|
64
|
+
this.setState({
|
|
65
|
+
isFocused: value
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
handleFocus(e) {
|
|
69
|
+
const {
|
|
70
|
+
onFocus,
|
|
71
|
+
needFieldStyle
|
|
72
|
+
} = this.props;
|
|
73
|
+
needFieldStyle && this.handleFocusToggle(true);
|
|
74
|
+
onFocus && onFocus(e);
|
|
75
|
+
}
|
|
76
|
+
handleBlur(e) {
|
|
77
|
+
const {
|
|
78
|
+
onBlur,
|
|
79
|
+
needFieldStyle
|
|
80
|
+
} = this.props;
|
|
81
|
+
needFieldStyle && this.handleFocusToggle(false);
|
|
82
|
+
onBlur && onBlur(e);
|
|
83
|
+
}
|
|
84
|
+
getPopupHandlers(methods) {
|
|
85
|
+
let {
|
|
86
|
+
togglePopup
|
|
87
|
+
} = methods;
|
|
88
|
+
this.togglePopup = togglePopup;
|
|
89
|
+
}
|
|
90
|
+
handleDropBoxOpen() {
|
|
91
|
+
let {
|
|
92
|
+
isPopupOpen
|
|
93
|
+
} = this.state;
|
|
94
|
+
if (isPopupOpen == false) {
|
|
95
|
+
this.setState({
|
|
96
|
+
isPopupOpen: true
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
handleDropBoxClose() {
|
|
101
|
+
let {
|
|
102
|
+
isPopupOpen
|
|
103
|
+
} = this.state;
|
|
104
|
+
if (isPopupOpen) {
|
|
105
|
+
this.setState({
|
|
106
|
+
isPopupOpen: false
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
}
|
|
42
110
|
|
|
43
111
|
// handleLabelClick() {
|
|
44
112
|
// let { isFocusOnLabelClick } = this.props;
|
|
@@ -95,6 +163,8 @@ export default class SelectField extends PureComponent {
|
|
|
95
163
|
iconOnHover,
|
|
96
164
|
customProps,
|
|
97
165
|
renderLabelProps,
|
|
166
|
+
handleDropBoxOpen,
|
|
167
|
+
needFieldStyle,
|
|
98
168
|
ariaLabelledby
|
|
99
169
|
} = this.props;
|
|
100
170
|
const {
|
|
@@ -104,9 +174,19 @@ export default class SelectField extends PureComponent {
|
|
|
104
174
|
ValidationMessageProps2 = {}
|
|
105
175
|
} = customProps;
|
|
106
176
|
let uniqueId = htmlId ? htmlId : this.getNextId();
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
177
|
+
const {
|
|
178
|
+
isFocused,
|
|
179
|
+
isPopupOpen
|
|
180
|
+
} = this.state;
|
|
181
|
+
let isActive = isPopupOpen || isFocused;
|
|
182
|
+
return /*#__PURE__*/React.createElement(RippleEffect, {
|
|
183
|
+
hoverType: "bg",
|
|
184
|
+
isActive: isActive,
|
|
185
|
+
isNeedEffect: !isReadOnly && !isDisabled && needFieldStyle ? true : false
|
|
186
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
187
|
+
className: `${style.container} ${needFieldStyle ? style.highlightSpace : ''} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
188
|
+
"data-title": isDisabled ? title : null,
|
|
189
|
+
onClick: this.handleParentClick
|
|
110
190
|
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
111
191
|
infoText: infoText,
|
|
112
192
|
isLocked: isLocked,
|
|
@@ -116,18 +196,20 @@ export default class SelectField extends PureComponent {
|
|
|
116
196
|
text: labelName,
|
|
117
197
|
size: fieldSize === 'small' ? 'small' : 'medium',
|
|
118
198
|
palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
|
|
119
|
-
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}
|
|
120
|
-
htmlFor
|
|
199
|
+
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''} ${style.labelindex}`
|
|
200
|
+
// htmlFor={uniqueId}
|
|
201
|
+
,
|
|
121
202
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
122
203
|
}, LabelProps, {
|
|
123
204
|
id: uniqueId
|
|
124
205
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
125
|
-
className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
|
|
206
|
+
className: `${needFieldStyle ? style.highlightPosition : style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
|
|
126
207
|
}, /*#__PURE__*/React.createElement(Select, _extends({
|
|
127
208
|
options: options,
|
|
128
209
|
selectedValue: selectedValue,
|
|
129
210
|
onChange: this.handleChange,
|
|
130
|
-
onFocus:
|
|
211
|
+
onFocus: this.handleFocus,
|
|
212
|
+
onBlur: this.handleBlur,
|
|
131
213
|
getRef: this.handleGetRef,
|
|
132
214
|
needSearch: needSearch,
|
|
133
215
|
emptyMessage: emptyMessage,
|
|
@@ -147,12 +229,17 @@ export default class SelectField extends PureComponent {
|
|
|
147
229
|
isNextOptions: isNextOptions,
|
|
148
230
|
getNextOptions: getNextOptions,
|
|
149
231
|
popupGroup: popupGroup,
|
|
150
|
-
onSearch: onSearch
|
|
151
|
-
htmlId
|
|
232
|
+
onSearch: onSearch
|
|
233
|
+
// htmlId={uniqueId}
|
|
234
|
+
,
|
|
152
235
|
needLocalSearch: needLocalSearch,
|
|
153
236
|
isDefaultSelectValue: isDefaultSelectValue,
|
|
154
237
|
placeHolder: placeHolder,
|
|
155
|
-
iconOnHover: iconOnHover
|
|
238
|
+
iconOnHover: iconOnHover,
|
|
239
|
+
needPosition: needFieldStyle ? true : false,
|
|
240
|
+
getPopupHandlers: this.getPopupHandlers,
|
|
241
|
+
onDropBoxOpen: this.handleDropBoxOpen,
|
|
242
|
+
onDropBoxClose: this.handleDropBoxClose
|
|
156
243
|
}, SelectProps, {
|
|
157
244
|
ariaLabelledby: uniqueId
|
|
158
245
|
}), children ? children : null)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
|
|
@@ -167,7 +254,7 @@ export default class SelectField extends PureComponent {
|
|
|
167
254
|
type: errorType,
|
|
168
255
|
htmlFor: uniqueId,
|
|
169
256
|
dataId: `${dataId}_ValidationRuleMessage`
|
|
170
|
-
}, ValidationMessageProps2)));
|
|
257
|
+
}, ValidationMessageProps2))));
|
|
171
258
|
}
|
|
172
259
|
}
|
|
173
260
|
SelectField.propTypes = propTypes;
|
|
@@ -167,7 +167,9 @@ const TagsMultiSelectField = props => {
|
|
|
167
167
|
};
|
|
168
168
|
}, []);
|
|
169
169
|
return /*#__PURE__*/React.createElement("div", {
|
|
170
|
-
className: `${isDisabled ? fieldStyle.disabled : isReadOnly ? fieldStyle.readonly : ''}
|
|
170
|
+
className: `${isDisabled ? fieldStyle.disabled : isReadOnly ? fieldStyle.readonly : ''}`,
|
|
171
|
+
tabIndex: "0",
|
|
172
|
+
"aria-label": `${labelName}`
|
|
171
173
|
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
172
174
|
ePhiData: ePhiData,
|
|
173
175
|
alignContainer: "baseline",
|
|
@@ -10,6 +10,7 @@ import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
|
|
|
10
10
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
11
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
12
12
|
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
13
|
+
import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
|
|
13
14
|
|
|
14
15
|
/**** CSS ****/
|
|
15
16
|
import style from '../Fields.module.css';
|
|
@@ -20,6 +21,13 @@ export default class TextBoxField extends PureComponent {
|
|
|
20
21
|
this.handleGetRef = this.handleGetRef.bind(this);
|
|
21
22
|
// this.handleLabelClick = this.handleLabelClick.bind(this);
|
|
22
23
|
this.getNextId = getUniqueId(this);
|
|
24
|
+
this.handleParentClick = this.handleParentClick.bind(this);
|
|
25
|
+
this.handleFocusToggle = this.handleFocusToggle.bind(this);
|
|
26
|
+
this.handleFocus = this.handleFocus.bind(this);
|
|
27
|
+
this.handleBlur = this.handleBlur.bind(this);
|
|
28
|
+
this.state = {
|
|
29
|
+
isFocused: false
|
|
30
|
+
};
|
|
23
31
|
}
|
|
24
32
|
handleChange(value) {
|
|
25
33
|
let {
|
|
@@ -44,6 +52,40 @@ export default class TextBoxField extends PureComponent {
|
|
|
44
52
|
// // }
|
|
45
53
|
// }
|
|
46
54
|
|
|
55
|
+
handleParentClick() {
|
|
56
|
+
const {
|
|
57
|
+
needFieldStyle
|
|
58
|
+
} = this.props;
|
|
59
|
+
if (needFieldStyle) {
|
|
60
|
+
this.textBox.focus();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
handleFocusToggle(value) {
|
|
64
|
+
const {
|
|
65
|
+
needFieldStyle
|
|
66
|
+
} = this.props;
|
|
67
|
+
if (needFieldStyle) {
|
|
68
|
+
this.setState({
|
|
69
|
+
isFocused: value
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
handleFocus(e) {
|
|
74
|
+
const {
|
|
75
|
+
onFocus,
|
|
76
|
+
needFieldStyle
|
|
77
|
+
} = this.props;
|
|
78
|
+
needFieldStyle && this.handleFocusToggle(true);
|
|
79
|
+
onFocus && onFocus(e);
|
|
80
|
+
}
|
|
81
|
+
handleBlur(e) {
|
|
82
|
+
const {
|
|
83
|
+
onBlur,
|
|
84
|
+
needFieldStyle
|
|
85
|
+
} = this.props;
|
|
86
|
+
needFieldStyle && this.handleFocusToggle(false);
|
|
87
|
+
onBlur && onBlur(e);
|
|
88
|
+
}
|
|
47
89
|
render() {
|
|
48
90
|
let {
|
|
49
91
|
labelName,
|
|
@@ -80,7 +122,8 @@ export default class TextBoxField extends PureComponent {
|
|
|
80
122
|
ePhiData,
|
|
81
123
|
children,
|
|
82
124
|
customProps,
|
|
83
|
-
renderLabelProps
|
|
125
|
+
renderLabelProps,
|
|
126
|
+
needFieldStyle
|
|
84
127
|
} = this.props;
|
|
85
128
|
const {
|
|
86
129
|
LabelProps = {},
|
|
@@ -89,9 +132,17 @@ export default class TextBoxField extends PureComponent {
|
|
|
89
132
|
ValidationMessageProps2 = {}
|
|
90
133
|
} = customProps;
|
|
91
134
|
let uniqueId = htmlId ? htmlId : this.getNextId();
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
135
|
+
const {
|
|
136
|
+
isFocused
|
|
137
|
+
} = this.state;
|
|
138
|
+
return /*#__PURE__*/React.createElement(RippleEffect, {
|
|
139
|
+
hoverType: "bg",
|
|
140
|
+
isActive: isFocused,
|
|
141
|
+
isNeedEffect: !isReadOnly && !isDisabled && needFieldStyle ? true : false
|
|
142
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
143
|
+
className: `${style.container} ${needFieldStyle ? style.highlightSpace : ''} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
144
|
+
"data-title": isDisabled ? title : null,
|
|
145
|
+
onClick: this.handleParentClick
|
|
95
146
|
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
96
147
|
infoText: infoText,
|
|
97
148
|
isLocked: isLocked,
|
|
@@ -103,7 +154,7 @@ export default class TextBoxField extends PureComponent {
|
|
|
103
154
|
text: labelName,
|
|
104
155
|
size: fieldSize === 'small' ? 'small' : 'medium',
|
|
105
156
|
palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
|
|
106
|
-
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
|
|
157
|
+
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''} ${style.labelindex}`,
|
|
107
158
|
htmlFor: uniqueId,
|
|
108
159
|
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
109
160
|
}, LabelProps, {
|
|
@@ -122,11 +173,11 @@ export default class TextBoxField extends PureComponent {
|
|
|
122
173
|
value: value,
|
|
123
174
|
onChange: this.handleChange,
|
|
124
175
|
dataId: dataId,
|
|
125
|
-
onBlur:
|
|
176
|
+
onBlur: this.handleBlur,
|
|
126
177
|
onKeyDown: onKeyDown,
|
|
127
178
|
placeHolder: placeHolder,
|
|
128
179
|
borderColor: borderColor,
|
|
129
|
-
onFocus:
|
|
180
|
+
onFocus: this.handleFocus,
|
|
130
181
|
isDisabled: isDisabled,
|
|
131
182
|
needEffect: isReadOnly || isDisabled ? false : true,
|
|
132
183
|
isClickable: isClickable,
|
|
@@ -147,7 +198,7 @@ export default class TextBoxField extends PureComponent {
|
|
|
147
198
|
type: errorType,
|
|
148
199
|
htmlFor: uniqueId,
|
|
149
200
|
dataId: `${dataId}_ValidationRuleMessage`
|
|
150
|
-
}, ValidationMessageProps2))));
|
|
201
|
+
}, ValidationMessageProps2)))));
|
|
151
202
|
}
|
|
152
203
|
}
|
|
153
204
|
TextBoxField.propTypes = propTypes;
|
|
@@ -10,6 +10,7 @@ import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
|
|
|
10
10
|
import ValidationMessage from '../ValidationMessage/ValidationMessage';
|
|
11
11
|
import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
|
|
12
12
|
import FieldContainer from '../FieldContainer/FieldContainer';
|
|
13
|
+
import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
|
|
13
14
|
|
|
14
15
|
/**** CSS ****/
|
|
15
16
|
import style from '../Fields.module.css';
|
|
@@ -21,6 +22,13 @@ export default class TextareaField extends PureComponent {
|
|
|
21
22
|
this.handleGetRef = this.handleGetRef.bind(this);
|
|
22
23
|
// this.handleLabelClick = this.handleLabelClick.bind(this);
|
|
23
24
|
this.getNextId = getUniqueId(this);
|
|
25
|
+
this.handleParentClick = this.handleParentClick.bind(this);
|
|
26
|
+
this.handleFocusToggle = this.handleFocusToggle.bind(this);
|
|
27
|
+
this.handleFocus = this.handleFocus.bind(this);
|
|
28
|
+
this.handleBlur = this.handleBlur.bind(this);
|
|
29
|
+
this.state = {
|
|
30
|
+
isFocused: false
|
|
31
|
+
};
|
|
24
32
|
}
|
|
25
33
|
handleChange(value) {
|
|
26
34
|
let {
|
|
@@ -29,13 +37,6 @@ export default class TextareaField extends PureComponent {
|
|
|
29
37
|
} = this.props;
|
|
30
38
|
onChange && onChange(id, value);
|
|
31
39
|
}
|
|
32
|
-
handleBlur(value) {
|
|
33
|
-
let {
|
|
34
|
-
id,
|
|
35
|
-
onBlur
|
|
36
|
-
} = this.props;
|
|
37
|
-
onBlur && onBlur(id, value);
|
|
38
|
-
}
|
|
39
40
|
handleGetRef(el) {
|
|
40
41
|
let {
|
|
41
42
|
getRef,
|
|
@@ -44,6 +45,41 @@ export default class TextareaField extends PureComponent {
|
|
|
44
45
|
this.textarea = el;
|
|
45
46
|
getRef && getRef(el, id);
|
|
46
47
|
}
|
|
48
|
+
handleParentClick() {
|
|
49
|
+
const {
|
|
50
|
+
needFieldStyle
|
|
51
|
+
} = this.props;
|
|
52
|
+
if (needFieldStyle) {
|
|
53
|
+
this.textarea.focus();
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
handleFocusToggle(value) {
|
|
57
|
+
const {
|
|
58
|
+
needFieldStyle
|
|
59
|
+
} = this.props;
|
|
60
|
+
if (needFieldStyle) {
|
|
61
|
+
this.setState({
|
|
62
|
+
isFocused: value
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
handleFocus(e) {
|
|
67
|
+
const {
|
|
68
|
+
onFocus,
|
|
69
|
+
needFieldStyle
|
|
70
|
+
} = this.props;
|
|
71
|
+
needFieldStyle && this.handleFocusToggle(true);
|
|
72
|
+
onFocus && onFocus(e);
|
|
73
|
+
}
|
|
74
|
+
handleBlur(value) {
|
|
75
|
+
let {
|
|
76
|
+
id,
|
|
77
|
+
onBlur,
|
|
78
|
+
needFieldStyle
|
|
79
|
+
} = this.props;
|
|
80
|
+
needFieldStyle && this.handleFocusToggle(false);
|
|
81
|
+
onBlur && onBlur(id, value);
|
|
82
|
+
}
|
|
47
83
|
|
|
48
84
|
// handleLabelClick() {
|
|
49
85
|
// let { isFocusOnLabelClick } = this.props;
|
|
@@ -82,7 +118,8 @@ export default class TextareaField extends PureComponent {
|
|
|
82
118
|
lockedInfoText,
|
|
83
119
|
isLocked,
|
|
84
120
|
customProps,
|
|
85
|
-
renderLabelProps
|
|
121
|
+
renderLabelProps,
|
|
122
|
+
needFieldStyle
|
|
86
123
|
} = this.props;
|
|
87
124
|
const {
|
|
88
125
|
LabelProps = {},
|
|
@@ -91,9 +128,17 @@ export default class TextareaField extends PureComponent {
|
|
|
91
128
|
ValidationMessageProps2 = {}
|
|
92
129
|
} = customProps;
|
|
93
130
|
let uniqueId = htmlId ? htmlId : this.getNextId();
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
131
|
+
const {
|
|
132
|
+
isFocused
|
|
133
|
+
} = this.state;
|
|
134
|
+
return /*#__PURE__*/React.createElement(RippleEffect, {
|
|
135
|
+
hoverType: "bg",
|
|
136
|
+
isActive: isFocused,
|
|
137
|
+
isNeedEffect: needFieldStyle ? true : false
|
|
138
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
139
|
+
className: `${style.container} ${needFieldStyle ? style.highlightSpace : ''} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
|
|
140
|
+
"data-title": isDisabled ? title : null,
|
|
141
|
+
onClick: this.handleParentClick
|
|
97
142
|
}, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
|
|
98
143
|
infoText: infoText,
|
|
99
144
|
isLocked: isLocked,
|
|
@@ -122,6 +167,7 @@ export default class TextareaField extends PureComponent {
|
|
|
122
167
|
placeHolder: placeHolder,
|
|
123
168
|
dataId: `property(${dataId})`,
|
|
124
169
|
onBlur: this.handleBlur,
|
|
170
|
+
onFocus: this.handleFocus,
|
|
125
171
|
borderColor: borderColor,
|
|
126
172
|
needEffect: isReadOnly || isDisabled ? false : true,
|
|
127
173
|
resize: "vertical"
|
|
@@ -144,7 +190,7 @@ export default class TextareaField extends PureComponent {
|
|
|
144
190
|
type: errorType,
|
|
145
191
|
htmlFor: uniqueId,
|
|
146
192
|
dataId: `${dataId}_ValidationRuleMessage`
|
|
147
|
-
}, ValidationMessageProps2))));
|
|
193
|
+
}, ValidationMessageProps2)))));
|
|
148
194
|
}
|
|
149
195
|
}
|
|
150
196
|
TextareaField.propTypes = propTypes;
|
|
@@ -15,10 +15,13 @@ var _Layout = require("@zohodesk/components/lib/Layout");
|
|
|
15
15
|
var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
|
|
16
16
|
var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
|
|
17
17
|
var _ActionButtonModule = _interopRequireDefault(require("./ActionButton.module.css"));
|
|
18
|
+
var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
|
|
18
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
20
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
20
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
21
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
21
22
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
23
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
24
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
25
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
23
26
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
24
27
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -97,8 +100,10 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
97
100
|
flexible: true,
|
|
98
101
|
onClick: onClick,
|
|
99
102
|
dataId: dataId,
|
|
100
|
-
className: "".concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " ").concat(innerClassName, " "),
|
|
101
|
-
"data-title": dataTitle
|
|
103
|
+
className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " ").concat(innerClassName, " "),
|
|
104
|
+
"data-title": dataTitle,
|
|
105
|
+
tagName: "button",
|
|
106
|
+
tabIndex: "0"
|
|
102
107
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
103
108
|
align: "both"
|
|
104
109
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
@@ -122,9 +127,10 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
122
127
|
onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
|
|
123
128
|
onMouseEnter: onClick ? onHover && this.handleTogglePopup : undefined,
|
|
124
129
|
onMouseLeave: onClick ? onHover && this.handleTogglePopup : undefined,
|
|
125
|
-
className: "".concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], " ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
|
|
130
|
+
className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], " ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
|
|
126
131
|
dataId: arrowBoxDataId,
|
|
127
|
-
tabIndex: "0"
|
|
132
|
+
tabIndex: "0",
|
|
133
|
+
tagName: "button"
|
|
128
134
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
129
135
|
align: "both"
|
|
130
136
|
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
@@ -12,8 +12,10 @@ var _Layout = require("@zohodesk/components/lib/Layout");
|
|
|
12
12
|
var _AlphabeticListModule = _interopRequireDefault(require("./AlphabeticList.module.css"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
15
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
16
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
19
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
18
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -14,8 +14,10 @@ var _Link = _interopRequireDefault(require("../Link/Link"));
|
|
|
14
14
|
var _AttachmentModule = _interopRequireDefault(require("./Attachment.module.css"));
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
17
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
18
18
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
21
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
20
22
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
21
23
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -14,8 +14,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
17
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
18
18
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
21
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
20
22
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
21
23
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -30,8 +30,10 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
|
|
|
30
30
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
31
31
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
32
32
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
33
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
33
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
34
34
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
35
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
36
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
35
37
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
36
38
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
39
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ZoomEvent = exports.Zoom = void 0;
|
|
7
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
7
8
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
8
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
9
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
9
10
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
13
|
var Zoom = /*#__PURE__*/function () {
|
|
11
14
|
function Zoom() {
|
|
12
15
|
_classCallCheck(this, Zoom);
|
|
@@ -17,8 +17,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
17
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
19
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
20
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
20
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
21
21
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
22
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
23
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
24
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
23
25
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
24
26
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
package/lib/Drawer/Drawer.js
CHANGED
|
@@ -22,8 +22,10 @@ var _DrawerModule = _interopRequireDefault(require("./Drawer.module.css"));
|
|
|
22
22
|
var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
|
|
23
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
24
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
25
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
26
26
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
28
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
27
29
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
28
30
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
31
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
@@ -12,8 +12,10 @@ var _ExternalLinkModule = _interopRequireDefault(require("./ExternalLink.module.
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
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); }
|
|
14
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
15
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
16
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
19
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
18
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|