@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.
Files changed (194) hide show
  1. package/README.md +8 -0
  2. package/es/ActionButton/ActionButton.js +8 -4
  3. package/es/form/fields/CheckBoxField/CheckBoxField.js +3 -2
  4. package/es/form/fields/CurrencyField/CurrencyField.js +43 -8
  5. package/es/form/fields/CurrencyField/props/defaultProps.js +1 -0
  6. package/es/form/fields/DateField/DateField.js +93 -8
  7. package/es/form/fields/DateField/props/defaultProps.js +1 -0
  8. package/es/form/fields/Fields.module.css +65 -0
  9. package/es/form/fields/MultiSelectField/MultiSelectField.js +91 -9
  10. package/es/form/fields/MultiSelectField/props/defaultProps.js +1 -0
  11. package/es/form/fields/PhoneField/PhoneField.js +3 -1
  12. package/es/form/fields/PhoneField/props/defaultProps.js +2 -1
  13. package/es/form/fields/RadioField/RadioField.js +1 -1
  14. package/es/form/fields/SelectField/SelectField.js +99 -12
  15. package/es/form/fields/SelectField/props/defaultProps.js +1 -0
  16. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -1
  17. package/es/form/fields/TextBoxField/TextBoxField.js +59 -8
  18. package/es/form/fields/TextBoxField/props/defaultProps.js +1 -0
  19. package/es/form/fields/TextareaField/TextareaField.js +58 -12
  20. package/es/form/fields/TextareaField/props/defaultProps.js +1 -0
  21. package/lib/ActionButton/ActionButton.js +11 -5
  22. package/lib/AlphabeticList/AlphabeticList.js +3 -1
  23. package/lib/Attachment/Attachment.js +3 -1
  24. package/lib/AttachmentViewer/AttachmentImage.js +3 -1
  25. package/lib/AttachmentViewer/AttachmentViewer.js +3 -1
  26. package/lib/AttachmentViewer/utils.js +4 -1
  27. package/lib/ChannelIcon/ChannelIcon.js +3 -1
  28. package/lib/Drawer/Drawer.js +3 -1
  29. package/lib/ExternalLink/ExternalLink.js +3 -1
  30. package/lib/FlipCard/FlipCard.js +3 -1
  31. package/lib/FormAction/FormAction.js +3 -1
  32. package/lib/FreezeLayer/FreezeLayer.js +3 -1
  33. package/lib/IconButton/IconButton.js +3 -1
  34. package/lib/IconButton/props/propTypes.js +4 -1
  35. package/lib/Image/Image.js +3 -1
  36. package/lib/ImportantNotes/ImportantNotes.js +3 -1
  37. package/lib/Link/Link.js +3 -1
  38. package/lib/Loader/Loader.js +3 -1
  39. package/lib/Message/Message.js +3 -1
  40. package/lib/MessageBanner/MessageBanner.js +3 -1
  41. package/lib/NewStar/NewStar.js +3 -1
  42. package/lib/PlusIcon/PlusIcon.js +3 -1
  43. package/lib/ToastMessage/ToastMessage.js +1 -1
  44. package/lib/Upload/Upload.js +3 -1
  45. package/lib/actions/AutoClose.js +1 -1
  46. package/lib/alert/AlertHeader/AlertHeader.js +3 -1
  47. package/lib/alert/AlertLookup/AlertLookup.js +3 -1
  48. package/lib/avatar/AvatarClose/AvatarClose.js +3 -1
  49. package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -1
  50. package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -1
  51. package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -1
  52. package/lib/avatar/AvatarThread/AvatarThread.js +3 -1
  53. package/lib/avatar/AvatarUser/AvatarUser.js +5 -2
  54. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -1
  55. package/lib/deprecated/SelectDropdown/SelectDropdown.js +3 -1
  56. package/lib/deprecated/utils/KeyboardApi.js +4 -1
  57. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
  58. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +3 -1
  59. package/lib/emptystate/EditionPage/EditionPage.js +3 -1
  60. package/lib/errorstate/Inconvenience/Inconvenience.js +3 -1
  61. package/lib/errorstate/LinkText/LinkText.js +3 -1
  62. package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -1
  63. package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -1
  64. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -1
  65. package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -1
  66. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -1
  67. package/lib/errorstate/WillBack/WillBack.js +3 -1
  68. package/lib/form/fields/CheckBoxField/CheckBoxField.js +6 -3
  69. package/lib/form/fields/CheckBoxField/props/defaultProps.js +4 -1
  70. package/lib/form/fields/CheckBoxField/props/propTypes.js +4 -1
  71. package/lib/form/fields/CurrencyField/CurrencyField.js +79 -42
  72. package/lib/form/fields/CurrencyField/props/defaultProps.js +5 -1
  73. package/lib/form/fields/CurrencyField/props/propTypes.js +4 -1
  74. package/lib/form/fields/DateField/DateField.js +131 -41
  75. package/lib/form/fields/DateField/props/defaultProps.js +4 -1
  76. package/lib/form/fields/DateField/props/propTypes.js +4 -1
  77. package/lib/form/fields/FieldContainer/FieldContainer.js +3 -1
  78. package/lib/form/fields/FieldContainer/props/defaultProps.js +4 -1
  79. package/lib/form/fields/FieldContainer/props/propTypes.js +4 -1
  80. package/lib/form/fields/Fields.module.css +65 -0
  81. package/lib/form/fields/MultiSelectField/MultiSelectField.js +138 -53
  82. package/lib/form/fields/MultiSelectField/props/defaultProps.js +4 -1
  83. package/lib/form/fields/MultiSelectField/props/propTypes.js +4 -1
  84. package/lib/form/fields/PhoneField/PhoneField.js +6 -2
  85. package/lib/form/fields/PhoneField/props/defaultProps.js +2 -1
  86. package/lib/form/fields/RadioField/RadioField.js +4 -2
  87. package/lib/form/fields/SelectField/SelectField.js +153 -61
  88. package/lib/form/fields/SelectField/props/defaultProps.js +6 -2
  89. package/lib/form/fields/SelectField/props/propTypes.js +4 -1
  90. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -1
  91. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +4 -2
  92. package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +4 -1
  93. package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +4 -1
  94. package/lib/form/fields/TextBoxField/TextBoxField.js +97 -44
  95. package/lib/form/fields/TextBoxField/props/defaultProps.js +6 -2
  96. package/lib/form/fields/TextBoxField/props/propTypes.js +4 -1
  97. package/lib/form/fields/TextEditor/TextEditor.js +4 -2
  98. package/lib/form/fields/TextEditorField/TextEditorField.js +3 -1
  99. package/lib/form/fields/TextEditorField/props/defaultProps.js +4 -1
  100. package/lib/form/fields/TextEditorField/props/propTypes.js +4 -1
  101. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +5 -2
  102. package/lib/form/fields/TextareaField/TextareaField.js +92 -45
  103. package/lib/form/fields/TextareaField/props/defaultProps.js +4 -1
  104. package/lib/form/fields/TextareaField/props/propTypes.js +4 -1
  105. package/lib/form/fields/ValidationMessage/ValidationMessage.js +3 -1
  106. package/lib/form/layout/Field/Field.js +3 -1
  107. package/lib/form/layout/Section/Section.js +3 -1
  108. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +3 -1
  109. package/lib/layout/SubtabLayout/SubtabLayout.js +3 -1
  110. package/lib/list/AvatarFlip/AvatarFlip.js +3 -1
  111. package/lib/list/BluePrintStatus/BluePrintStatus.js +3 -1
  112. package/lib/list/Comment/Comment.js +3 -1
  113. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -1
  114. package/lib/list/DepartmentDropDown/props/propTypes.js +4 -1
  115. package/lib/list/Dot/Dot.js +3 -1
  116. package/lib/list/DotNew/DotNew.js +3 -1
  117. package/lib/list/GridStencils/GridStencils.js +3 -1
  118. package/lib/list/Icons/AddNewIcon.js +3 -1
  119. package/lib/list/Icons/CompleteIcon.js +3 -1
  120. package/lib/list/Icons/DeleteIcon.js +3 -1
  121. package/lib/list/Icons/EditIcon.js +3 -1
  122. package/lib/list/Icons/FloatingIcons.js +3 -1
  123. package/lib/list/Icons/ReadUnreadIcon.js +3 -1
  124. package/lib/list/Icons/SmartIcon.js +3 -1
  125. package/lib/list/ListLayout/ListLayout.js +3 -1
  126. package/lib/list/ListLayout/props/propTypes.js +4 -1
  127. package/lib/list/ListStencils/ListStencils.js +3 -1
  128. package/lib/list/SecondaryText/AccountName.js +3 -1
  129. package/lib/list/SecondaryText/ContactName.js +3 -1
  130. package/lib/list/SecondaryText/DepartmentText.js +3 -1
  131. package/lib/list/SecondaryText/Email.js +3 -1
  132. package/lib/list/SecondaryText/HappinessRating.js +3 -1
  133. package/lib/list/SecondaryText/PhoneNumber.js +3 -1
  134. package/lib/list/SecondaryText/PriorityText.js +3 -1
  135. package/lib/list/SecondaryText/SecondaryText.js +3 -1
  136. package/lib/list/SecondaryText/StatusText.js +3 -1
  137. package/lib/list/SecondaryText/TicketId.js +3 -1
  138. package/lib/list/SecondaryText/Website.js +3 -1
  139. package/lib/list/SecondryPanel/SecondryPanel.js +3 -1
  140. package/lib/list/SentimentStatus/SentimentStatus.js +3 -1
  141. package/lib/list/Subject/Subject.js +3 -1
  142. package/lib/list/TagNew/TagNew.js +3 -1
  143. package/lib/list/Thread/Thread.js +3 -1
  144. package/lib/list/UserTime/UserTime.js +3 -1
  145. package/lib/list/status/StatusDropdown/StatusDropdown.js +3 -1
  146. package/lib/list/status/StatusDropdown/props/propTypes.js +4 -1
  147. package/lib/list/status/StatusListItem/StatusListItem.js +3 -1
  148. package/lib/lookup/EmptyPage/EmptyPage.js +3 -1
  149. package/lib/lookup/Lookup/Lookup.js +5 -2
  150. package/lib/lookup/Section/Section.js +3 -1
  151. package/lib/lookup/header/Close/Close.js +3 -1
  152. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -2
  153. package/lib/lookup/header/Search/Search.js +3 -1
  154. package/lib/lookup/header/TicketHeader/TicketHeader.js +5 -2
  155. package/lib/lookup/header/Title/Title.js +3 -1
  156. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -1
  157. package/lib/setup/header/Button/Button.js +3 -1
  158. package/lib/setup/header/Link/Link.js +3 -1
  159. package/lib/setup/header/Search/Search.js +3 -1
  160. package/lib/setup/header/Views/Views.js +3 -1
  161. package/lib/setup/helptips/Description/Description.js +3 -1
  162. package/lib/setup/helptips/Link/Link.js +3 -1
  163. package/lib/setup/helptips/ListGroup/ListGroup.js +3 -1
  164. package/lib/setup/helptips/Title/Title.js +3 -1
  165. package/lib/setup/table/Table/Table.js +3 -1
  166. package/lib/setup/table/TableBody/TableBody.js +3 -1
  167. package/lib/setup/table/TableData/TableData.js +3 -1
  168. package/lib/setup/table/TableHead/TableHead.js +3 -1
  169. package/lib/setup/table/TableRow/TableRow.js +3 -1
  170. package/lib/setup/table/Text/Text.js +3 -1
  171. package/lib/svg/PlusIcon.js +3 -1
  172. package/lib/svg/SnippetIcon.js +3 -1
  173. package/lib/svg/TemplateIcon.js +3 -1
  174. package/lib/version2/AlertClose/AlertClose.js +3 -1
  175. package/lib/version2/GlobalNotification/GlobalNotification.js +3 -1
  176. package/lib/version2/alertIcons/AlarmAlertIcon.js +3 -1
  177. package/lib/version2/alertIcons/AlertIcons.js +3 -1
  178. package/lib/version2/alertIcons/DangerAlertIcon.js +3 -1
  179. package/lib/version2/alertIcons/ErrorAlertIcon.js +3 -1
  180. package/lib/version2/alertIcons/InfoAlertIcon.js +3 -1
  181. package/lib/version2/alertIcons/NotificationAlertIcon.js +3 -1
  182. package/lib/version2/alertIcons/SuccessAlertIcon.js +3 -1
  183. package/lib/version2/alertIcons/WarningAlertIcon.js +3 -1
  184. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -1
  185. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -1
  186. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -1
  187. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -1
  188. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -1
  189. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -1
  190. package/lib/version2/lookup/AlertHeader/AlertHeader.js +3 -1
  191. package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -1
  192. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -1
  193. package/package.json +4 -4
  194. 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.selectBox = el;
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
- return /*#__PURE__*/React.createElement("div", {
108
- className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
109
- "data-title": isDisabled ? title : null
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: uniqueId,
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: 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: uniqueId,
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;
@@ -13,5 +13,6 @@ export const defaultProps = {
13
13
  isDefaultSelectValue: true,
14
14
  placeHolder: '',
15
15
  customProps: {},
16
+ needFieldStyle: false,
16
17
  ...FieldCommonDefaultProps()
17
18
  };
@@ -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
- return /*#__PURE__*/React.createElement("div", {
93
- className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
94
- "data-title": isDisabled ? title : null
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: onBlur,
176
+ onBlur: this.handleBlur,
126
177
  onKeyDown: onKeyDown,
127
178
  placeHolder: placeHolder,
128
179
  borderColor: borderColor,
129
- onFocus: 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;
@@ -12,5 +12,6 @@ export const defaultProps = {
12
12
  isClickable: false,
13
13
  needReadOnlyStyle: true,
14
14
  customProps: {},
15
+ needFieldStyle: false,
15
16
  ...FieldCommonDefaultProps()
16
17
  };
@@ -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
- return /*#__PURE__*/React.createElement("div", {
95
- className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
96
- "data-title": isDisabled ? title : null
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;
@@ -10,5 +10,6 @@ export const defaultProps = {
10
10
  labelPalette: 'default',
11
11
  labelCustomClass: '',
12
12
  customProps: {},
13
+ // needFieldStyle:true,
13
14
  ...FieldCommonDefaultProps()
14
15
  };
@@ -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); }; }
@@ -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); }; }