@zohodesk/dot 1.0.0-temp-71 → 1.0.0-temp-74
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 +4 -0
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +10 -0
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +6 -0
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +10 -0
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +6 -0
- package/es/ActionButton/ActionButton.module.css +9 -25
- package/es/AlphabeticList/AlphabeticList.module.css +4 -7
- package/es/Attachment/Attachment.module.css +9 -20
- package/es/AttachmentViewer/Attachment.js +17 -0
- package/es/AttachmentViewer/AttachmentImage.js +85 -0
- package/es/AttachmentViewer/AttachmentViewer.js +562 -0
- package/es/AttachmentViewer/AttachmentViewer.module.css +291 -0
- package/es/AttachmentViewer/utils.js +107 -0
- package/es/ChannelIcon/ChannelIcon.module.css +21 -30
- package/es/Drawer/Drawer.module.css +11 -59
- package/es/FlipCard/FlipCard.module.css +5 -14
- package/es/FormAction/FormAction.module.css +9 -34
- package/es/FreezeLayer/FreezeLayer.module.css +2 -6
- package/es/IconButton/IconButton.module.css +1 -1
- package/es/ImportantNotes/ImportantNotes.js +3 -5
- package/es/ImportantNotes/ImportantNotes.module.css +2 -7
- package/es/Loader/Loader.module.css +4 -25
- package/es/Message/Message.module.css +9 -42
- package/es/MessageBanner/MessageBanner.module.css +4 -12
- package/es/NewStar/NewStar.module.css +5 -42
- package/es/ToastMessage/ToastMessage.module.css +25 -96
- package/es/Upload/Upload.module.css +8 -27
- package/es/alert/AlertHeader/AlertHeader.module.css +3 -21
- package/es/alert/AlertLookup/AlertLookup.module.css +2 -6
- package/es/avatar/AvatarClose/AvatarClose.module.css +3 -9
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +4 -18
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +4 -3
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +9 -59
- package/es/avatar/AvatarThread/AvatarThread.module.css +5 -55
- package/es/avatar/AvatarUser/AvatarUser.module.css +10 -81
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +3 -10
- package/es/common/dot_animation.module.css +14 -0
- package/es/common/dot_common.module.css +4 -0
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +3 -11
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +6 -19
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -12
- package/es/emptystate/EditionPage/EditionPage.css +3 -9
- package/es/errorstate/EmptyStates.module.css +10 -13
- package/es/errorstate/Inconvenience/Inconvenience.module.css +0 -3
- package/es/errorstate/LinkText/LinkText.module.css +1 -1
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
- package/es/errorstate/WillBack/WillBack.module.css +3 -1
- package/es/form/fields/Fields.module.css +14 -49
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -19
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +1 -4
- package/es/form/fields/TextEditor/TextEditor.js +4 -1
- package/es/form/fields/TextEditor/TextEditor.module.css +72 -149
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +2 -13
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +4 -9
- package/es/form/layout/Field/Field.js +1 -1
- package/es/form/layout/Section/Section.js +3 -7
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +16 -52
- package/es/layout/SubtabLayout/SubtabLayout.module.css +29 -55
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +1 -4
- package/es/list/Comment/Comment.module.css +0 -5
- package/es/list/DotNew/DotNew.module.css +3 -3
- package/es/list/GridStencils/GridStencils.module.css +16 -70
- package/es/list/Icons/Icons.module.css +1 -1
- package/es/list/ListLayout/ListLayout.module.css +14 -22
- package/es/list/ListStencils/ListStencils.module.css +6 -11
- package/es/list/SecondaryText/SecondaryText.module.css +3 -13
- package/es/list/SentimentStatus/SentimentStatus.module.css +1 -4
- package/es/list/TagNew/TagNew.module.css +7 -14
- package/es/list/Thread/Thread.module.css +1 -13
- package/es/list/UserTime/UserTime.module.css +0 -6
- package/es/list/listCommon.module.css +1 -9
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +6 -19
- package/es/list/status/StatusListItem/StatusListItem.module.css +15 -38
- package/es/lookup/Lookup/Lookup.module.css +2 -2
- package/es/lookup/Section/LookupSection.module.css +2 -2
- package/es/lookup/header/Close/LookupClose.module.css +4 -4
- package/es/lookup/header/ModuleHeader/ModuleHeader.js +3 -8
- package/es/lookup/header/Search/LookupSearch.module.css +12 -21
- package/es/lookup/header/TicketHeader/TicketHeader.js +4 -7
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +2 -5
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +3 -8
- package/es/lookup/header/lookupHeaderCommon.module.css +5 -21
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +3 -12
- package/es/setup/header/Button/HeaderButton.module.css +1 -3
- package/es/setup/header/Link/HeaderLink.module.css +1 -7
- package/es/setup/header/Search/Search.module.css +8 -19
- package/es/setup/header/Views/Views.module.css +5 -15
- package/es/setup/helptips/Link/HelpTipsLink.module.css +0 -1
- package/es/setup/helptips/ListGroup/ListGroup.module.css +1 -6
- package/es/setup/table/TableData/SetupTableData.module.css +3 -11
- package/es/setup/table/TableHead/SetupTableHead.module.css +0 -4
- package/es/setup/table/TableRow/SetupTableRow.module.css +2 -6
- package/es/version2/AlertClose/AlertClose.module.css +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.module.css +9 -44
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +2 -25
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -7
- package/es/version2/lookup/alertLookupCommonNew.module.css +1 -8
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +10 -26
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +10 -47
- package/images/audio_thumbnail.png +0 -0
- package/lib/ActionButton/ActionButton.module.css +1 -0
- package/lib/FreezeLayer/FreezeLayer.js +4 -31
- package/lib/ImportantNotes/ImportantNotes.js +3 -5
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
- package/lib/form/fields/CurrencyField/CurrencyField.js +8 -9
- package/lib/form/fields/DateField/DateField.js +1 -1
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
- package/lib/form/fields/PhoneField/PhoneField.js +1 -1
- package/lib/form/fields/RadioField/RadioField.js +1 -1
- package/lib/form/fields/SelectField/SelectField.js +1 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -7
- package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
- package/lib/form/fields/TextEditor/TextEditor.module.css +2 -13
- package/lib/form/fields/TextareaField/TextareaField.js +1 -1
- package/lib/form/layout/Field/Field.js +1 -1
- package/lib/form/layout/Section/Section.js +3 -7
- package/lib/list/status/StatusDropdown/StatusDropdown.js +37 -44
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +3 -8
- package/lib/lookup/header/TicketHeader/TicketHeader.js +4 -7
- package/lib/lookup/header/lookupHeaderCommon.module.css +2 -8
- package/lib/setup/header/Views/Views.js +2 -2
- package/lib/utils/General.js +24 -0
- package/package.json +7 -7
- package/lib/Provider/Config.js +0 -21
- package/lib/deprecated/utils/General.js +0 -29
|
@@ -23,6 +23,8 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
|
|
|
23
23
|
|
|
24
24
|
var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
|
|
25
25
|
|
|
26
|
+
var _General = require("../../../utils/General");
|
|
27
|
+
|
|
26
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
29
|
|
|
28
30
|
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); }
|
|
@@ -143,8 +145,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
|
|
|
143
145
|
needReadOnlyStyle = _this$props3.needReadOnlyStyle,
|
|
144
146
|
isClickable = _this$props3.isClickable,
|
|
145
147
|
userCurrencyType = _this$props3.userCurrencyType,
|
|
146
|
-
customProps = _this$props3.customProps
|
|
147
|
-
formatCurrency = _this$props3.formatCurrency;
|
|
148
|
+
customProps = _this$props3.customProps;
|
|
148
149
|
var _customProps$LabelPro = customProps.LabelProps,
|
|
149
150
|
LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
|
|
150
151
|
_customProps$TextBoxP = customProps.TextBoxProps,
|
|
@@ -156,8 +157,8 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
|
|
|
156
157
|
var isActive = this.state.isActive;
|
|
157
158
|
var formatValue = value;
|
|
158
159
|
|
|
159
|
-
if (!isActive) {
|
|
160
|
-
formatValue = formatCurrency(value, userCurrencyType);
|
|
160
|
+
if (!isActive && value != 0) {
|
|
161
|
+
formatValue = (0, _General.formatCurrency)(value, userCurrencyType);
|
|
161
162
|
} else {
|
|
162
163
|
formatValue = value;
|
|
163
164
|
}
|
|
@@ -165,7 +166,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
|
|
|
165
166
|
var uniqueId = htmlId ? htmlId : this.getNextId();
|
|
166
167
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
167
168
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
168
|
-
"data-title": isDisabled ? title :
|
|
169
|
+
"data-title": isDisabled ? title : ''
|
|
169
170
|
}, labelName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
170
171
|
className: _FieldsModule["default"].labelContainer
|
|
171
172
|
}, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
@@ -265,8 +266,7 @@ CurrencyField.propTypes = {
|
|
|
265
266
|
TextBoxProps: _propTypes["default"].object,
|
|
266
267
|
ValidationMessageProps1: _propTypes["default"].object,
|
|
267
268
|
ValidationMessageProps2: _propTypes["default"].object
|
|
268
|
-
})
|
|
269
|
-
formatCurrency: _propTypes["default"].func
|
|
269
|
+
})
|
|
270
270
|
};
|
|
271
271
|
CurrencyField.defaultProps = {
|
|
272
272
|
errorType: 'primary',
|
|
@@ -282,8 +282,7 @@ CurrencyField.defaultProps = {
|
|
|
282
282
|
labelCustomClass: '',
|
|
283
283
|
isClickable: false,
|
|
284
284
|
needReadOnlyStyle: true,
|
|
285
|
-
customProps: {}
|
|
286
|
-
formatCurrency: function formatCurrency() {}
|
|
285
|
+
customProps: {}
|
|
287
286
|
};
|
|
288
287
|
|
|
289
288
|
if (false) {
|
|
@@ -172,7 +172,7 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
|
|
|
172
172
|
var getAriaId = htmlId ? htmlId : this.getNextId();
|
|
173
173
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
174
174
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
175
|
-
"data-title": isDisabled ? title :
|
|
175
|
+
"data-title": isDisabled ? title : ''
|
|
176
176
|
}, labelName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
177
177
|
className: _FieldsModule["default"].labelContainer
|
|
178
178
|
}, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
@@ -185,7 +185,7 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
|
|
|
185
185
|
var uniqueId = htmlId ? htmlId : this.getNextId();
|
|
186
186
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
187
187
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
188
|
-
"data-title": isDisabled ? title :
|
|
188
|
+
"data-title": isDisabled ? title : ''
|
|
189
189
|
}, labelName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
190
190
|
className: _FieldsModule["default"].labelContainer
|
|
191
191
|
}, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
@@ -169,7 +169,7 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
|
|
|
169
169
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
170
170
|
alignBox: "row",
|
|
171
171
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : ''),
|
|
172
|
-
"data-title": isDisabled ? title :
|
|
172
|
+
"data-title": isDisabled ? title : ''
|
|
173
173
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
174
174
|
flexible: true
|
|
175
175
|
}, /*#__PURE__*/_react["default"].createElement(_TextBoxField["default"], _extends({
|
|
@@ -106,7 +106,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
|
|
|
106
106
|
ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
|
|
107
107
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
108
108
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
109
|
-
"data-title": isDisabled ? title :
|
|
109
|
+
"data-title": isDisabled ? title : ''
|
|
110
110
|
}, labelName && /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
111
111
|
text: labelName,
|
|
112
112
|
size: "medium",
|
|
@@ -153,7 +153,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
|
|
|
153
153
|
var uniqueId = htmlId ? htmlId : this.getNextId();
|
|
154
154
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
155
155
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
156
|
-
"data-title": isDisabled ? title :
|
|
156
|
+
"data-title": isDisabled ? title : ''
|
|
157
157
|
}, labelName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
158
158
|
className: _FieldsModule["default"].labelContainer
|
|
159
159
|
}, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
@@ -177,8 +177,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
177
177
|
needBorder = _this$props3.needBorder,
|
|
178
178
|
borderColor = _this$props3.borderColor,
|
|
179
179
|
getTextBoxChildren = _this$props3.getTextBoxChildren,
|
|
180
|
-
htmlId = _this$props3.htmlId
|
|
181
|
-
boxSize = _this$props3.boxSize;
|
|
180
|
+
htmlId = _this$props3.htmlId;
|
|
182
181
|
var showAll = this.state.showAll;
|
|
183
182
|
var chipLimit = !isPopupReady ? showAll ? tagsList.length : chipNeedToShow : tagsList.length;
|
|
184
183
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -240,7 +239,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
240
239
|
isArrow: false,
|
|
241
240
|
getRef: getContainerRef,
|
|
242
241
|
isBoxPaddingNeed: true,
|
|
243
|
-
size:
|
|
242
|
+
size: "default",
|
|
244
243
|
boxPosition: boxPosition,
|
|
245
244
|
isPadding: false,
|
|
246
245
|
customClass: {
|
|
@@ -336,8 +335,7 @@ TagsMultiSelect.propTypes = {
|
|
|
336
335
|
borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
|
|
337
336
|
needBorder: _propTypes["default"].bool,
|
|
338
337
|
getTextBoxChildren: _propTypes["default"].func,
|
|
339
|
-
htmlId: _propTypes["default"].string
|
|
340
|
-
boxSize: _propTypes["default"].string
|
|
338
|
+
htmlId: _propTypes["default"].string
|
|
341
339
|
};
|
|
342
340
|
TagsMultiSelect.defaultProps = {
|
|
343
341
|
className: '',
|
|
@@ -345,8 +343,7 @@ TagsMultiSelect.defaultProps = {
|
|
|
345
343
|
chipNeedToShow: '5',
|
|
346
344
|
borderColor: 'default',
|
|
347
345
|
needBorder: true,
|
|
348
|
-
dataId: ''
|
|
349
|
-
boxSize: 'default'
|
|
346
|
+
dataId: ''
|
|
350
347
|
};
|
|
351
348
|
|
|
352
349
|
if (false) {
|
|
@@ -147,7 +147,7 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
|
|
|
147
147
|
var uniqueId = htmlId ? htmlId : this.getNextId();
|
|
148
148
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
149
149
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
150
|
-
"data-title": isDisabled ? title :
|
|
150
|
+
"data-title": isDisabled ? title : ''
|
|
151
151
|
}, labelName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
152
152
|
className: _FieldsModule["default"].labelContainer
|
|
153
153
|
}, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
@@ -649,18 +649,7 @@
|
|
|
649
649
|
right: 0;
|
|
650
650
|
left: 0;
|
|
651
651
|
}
|
|
652
|
-
.readOnly :global .KB_Editor_menus
|
|
653
|
-
display: none !important;
|
|
654
|
-
}
|
|
652
|
+
.readOnly :global .KB_Editor_menus,
|
|
655
653
|
.editorHide :global .KB_Editor {
|
|
656
|
-
|
|
657
|
-
top: 0;
|
|
658
|
-
opacity: 0;
|
|
659
|
-
visibility: hidden;
|
|
660
|
-
}
|
|
661
|
-
[dir=ltr] .editorHide :global .KB_Editor {
|
|
662
|
-
left: 0;
|
|
663
|
-
}
|
|
664
|
-
[dir=rtl] .editorHide :global .KB_Editor {
|
|
665
|
-
right: 0;
|
|
654
|
+
display: none !important;
|
|
666
655
|
}
|
|
@@ -143,7 +143,7 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
|
|
|
143
143
|
var uniqueId = htmlId ? htmlId : this.getNextId();
|
|
144
144
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
145
145
|
className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
|
|
146
|
-
"data-title": isDisabled ? title :
|
|
146
|
+
"data-title": isDisabled ? title : ''
|
|
147
147
|
}, labelName && /*#__PURE__*/_react["default"].createElement("div", {
|
|
148
148
|
className: _FieldsModule["default"].labelContainer
|
|
149
149
|
}, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
|
|
@@ -62,7 +62,7 @@ var Field = /*#__PURE__*/function (_Component) {
|
|
|
62
62
|
containerClass = _this$props.containerClass,
|
|
63
63
|
dataId = _this$props.dataId;
|
|
64
64
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
65
|
-
className: "".concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width]
|
|
65
|
+
className: "".concat(containerClass ? containerClass : '', " ").concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width], " ")),
|
|
66
66
|
"data-id": dataId
|
|
67
67
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
68
68
|
className: "".concat(className ? className : '', " ", "fieldWidth_".concat(width))
|
|
@@ -60,19 +60,16 @@ var Section = /*#__PURE__*/function (_Component) {
|
|
|
60
60
|
titleClass = _this$props.titleClass,
|
|
61
61
|
className = _this$props.className,
|
|
62
62
|
column = _this$props.column,
|
|
63
|
-
formName = _this$props.formName
|
|
64
|
-
innerContainerClass = _this$props.innerContainerClass;
|
|
63
|
+
formName = _this$props.formName;
|
|
65
64
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
66
65
|
"data-id": dataId,
|
|
67
66
|
className: containerClass ? containerClass : ''
|
|
68
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
69
|
-
className: innerContainerClass ? innerContainerClass : ''
|
|
70
67
|
}, title && /*#__PURE__*/_react["default"].createElement("div", {
|
|
71
68
|
className: titleClass ? titleClass : ''
|
|
72
69
|
}, title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
73
70
|
className: "".concat(className ? className : '', " ").concat(column == 'single' ? _ModuleFormSectionModule["default"].singleColumn : ''),
|
|
74
71
|
"data-id": formName && formName
|
|
75
|
-
}, this.props.children))
|
|
72
|
+
}, this.props.children));
|
|
76
73
|
}
|
|
77
74
|
}]);
|
|
78
75
|
|
|
@@ -86,8 +83,7 @@ Section.propTypes = {
|
|
|
86
83
|
containerClass: _propTypes["default"].string,
|
|
87
84
|
dataId: _propTypes["default"].string,
|
|
88
85
|
title: _propTypes["default"].string,
|
|
89
|
-
titleClass: _propTypes["default"].string
|
|
90
|
-
innerContainerClass: _propTypes["default"].string
|
|
86
|
+
titleClass: _propTypes["default"].string
|
|
91
87
|
};
|
|
92
88
|
|
|
93
89
|
if (false) {
|
|
@@ -182,7 +182,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
182
182
|
|
|
183
183
|
if (prevProps.isPopupOpen != isPopupOpen) {
|
|
184
184
|
setTimeout(function () {
|
|
185
|
-
isPopupOpen
|
|
185
|
+
isPopupOpen ? isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
|
|
186
186
|
}, 10);
|
|
187
187
|
}
|
|
188
188
|
|
|
@@ -211,61 +211,54 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
211
211
|
togglePopup = _this$props4.togglePopup,
|
|
212
212
|
onClick = _this$props4.onClick,
|
|
213
213
|
boxPosition = _this$props4.boxPosition,
|
|
214
|
-
|
|
214
|
+
isPopupOpen = _this$props4.isPopupOpen,
|
|
215
215
|
isNextOptions = _this$props4.isNextOptions,
|
|
216
216
|
getNextOptions = _this$props4.getNextOptions,
|
|
217
|
-
onTogglePopup = _this$props4.onTogglePopup
|
|
218
|
-
isPopupOpen = _this$props4.isPopupOpen;
|
|
217
|
+
onTogglePopup = _this$props4.onTogglePopup;
|
|
219
218
|
|
|
220
|
-
if (
|
|
219
|
+
if (isPopupOpen && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
|
|
221
220
|
e.preventDefault(); //prevent body scroll
|
|
222
221
|
}
|
|
223
222
|
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
isNextOptions && getNextOptions && getNextOptions();
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
this.setState({
|
|
237
|
-
selectedIndex: selectedIndex + 1
|
|
238
|
-
});
|
|
223
|
+
switch (keyCode) {
|
|
224
|
+
case 40:
|
|
225
|
+
if (selectedIndex === totalIndex - 1) {
|
|
226
|
+
this.setState({
|
|
227
|
+
selectedIndex: 0
|
|
228
|
+
});
|
|
229
|
+
} else {
|
|
230
|
+
if (selectedIndex === totalIndex - 3) {
|
|
231
|
+
isNextOptions && getNextOptions && getNextOptions();
|
|
239
232
|
}
|
|
240
233
|
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
this.setState({
|
|
246
|
-
selectedIndex: totalIndex - 1
|
|
247
|
-
});
|
|
248
|
-
} else {
|
|
249
|
-
this.setState({
|
|
250
|
-
selectedIndex: selectedIndex - 1
|
|
251
|
-
});
|
|
252
|
-
}
|
|
234
|
+
this.setState({
|
|
235
|
+
selectedIndex: selectedIndex + 1
|
|
236
|
+
});
|
|
237
|
+
}
|
|
253
238
|
|
|
254
|
-
|
|
239
|
+
break;
|
|
240
|
+
|
|
241
|
+
case 38:
|
|
242
|
+
if (selectedIndex === 0) {
|
|
243
|
+
this.setState({
|
|
244
|
+
selectedIndex: totalIndex - 1
|
|
245
|
+
});
|
|
246
|
+
} else {
|
|
247
|
+
this.setState({
|
|
248
|
+
selectedIndex: selectedIndex - 1
|
|
249
|
+
});
|
|
250
|
+
}
|
|
255
251
|
|
|
256
|
-
|
|
257
|
-
onClick && onClick(options[selectedIndex].name, e);
|
|
258
|
-
onTogglePopup && onTogglePopup(isPopupOpen);
|
|
259
|
-
togglePopup(e, boxPosition);
|
|
260
|
-
break;
|
|
252
|
+
break;
|
|
261
253
|
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
} else {
|
|
266
|
-
if (keyCode === 13 || keyCode === 40) {
|
|
254
|
+
case 13:
|
|
255
|
+
onClick && onClick(options[selectedIndex].name, e);
|
|
256
|
+
onTogglePopup && onTogglePopup(isPopupOpen);
|
|
267
257
|
togglePopup(e, boxPosition);
|
|
268
|
-
|
|
258
|
+
break;
|
|
259
|
+
|
|
260
|
+
default:
|
|
261
|
+
break;
|
|
269
262
|
}
|
|
270
263
|
}
|
|
271
264
|
}, {
|
|
@@ -80,12 +80,11 @@ var ModuleHeader = /*#__PURE__*/function (_PureComponent) {
|
|
|
80
80
|
miniDescription = _this$props.miniDescription,
|
|
81
81
|
dataId = _this$props.dataId,
|
|
82
82
|
closeTitle = _this$props.closeTitle,
|
|
83
|
-
onSearchKeyDown = _this$props.onSearchKeyDown
|
|
84
|
-
palette = _this$props.palette;
|
|
83
|
+
onSearchKeyDown = _this$props.onSearchKeyDown;
|
|
85
84
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
86
85
|
align: "vertical",
|
|
87
86
|
alignBox: "row",
|
|
88
|
-
className: "".concat(_lookupHeaderCommonModule["default"].container
|
|
87
|
+
className: "".concat(_lookupHeaderCommonModule["default"].container),
|
|
89
88
|
isCover: false,
|
|
90
89
|
wrap: "wrap",
|
|
91
90
|
dataId: dataId
|
|
@@ -135,11 +134,7 @@ ModuleHeader.propTypes = {
|
|
|
135
134
|
title: _propTypes["default"].string,
|
|
136
135
|
dataId: _propTypes["default"].string,
|
|
137
136
|
closeTitle: _propTypes["default"].string,
|
|
138
|
-
onSearchKeyDown: _propTypes["default"].func
|
|
139
|
-
palette: _propTypes["default"].oneOf(['default', 'white'])
|
|
140
|
-
};
|
|
141
|
-
ModuleHeader.defaultProps = {
|
|
142
|
-
palette: 'default'
|
|
137
|
+
onSearchKeyDown: _propTypes["default"].func
|
|
143
138
|
};
|
|
144
139
|
|
|
145
140
|
if (false) {
|
|
@@ -82,14 +82,13 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
|
|
|
82
82
|
needOnTypeSearch = _this$props.needOnTypeSearch,
|
|
83
83
|
getSearchBoxRef = _this$props.getSearchBoxRef,
|
|
84
84
|
needViewsList = _this$props.needViewsList,
|
|
85
|
-
i18nKeys = _this$props.i18nKeys
|
|
86
|
-
palette = _this$props.palette;
|
|
85
|
+
i18nKeys = _this$props.i18nKeys;
|
|
87
86
|
var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
|
|
88
87
|
menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
|
|
89
88
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
90
89
|
align: "vertical",
|
|
91
90
|
alignBox: "row",
|
|
92
|
-
className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(
|
|
91
|
+
className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
|
|
93
92
|
isCover: false,
|
|
94
93
|
wrap: "wrap"
|
|
95
94
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -157,12 +156,10 @@ TicketHeader.propTypes = {
|
|
|
157
156
|
title: _propTypes["default"].string,
|
|
158
157
|
i18nKeys: _propTypes["default"].shape({
|
|
159
158
|
menuEmptyMessage: _propTypes["default"].string
|
|
160
|
-
})
|
|
161
|
-
palette: _propTypes["default"].oneOf(['default', 'white'])
|
|
159
|
+
})
|
|
162
160
|
};
|
|
163
161
|
TicketHeader.defaultProps = {
|
|
164
|
-
i18nKeys: {}
|
|
165
|
-
palette: 'default'
|
|
162
|
+
i18nKeys: {}
|
|
166
163
|
};
|
|
167
164
|
|
|
168
165
|
if (false) {
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
.container {
|
|
2
2
|
min-height: var(--zd_size51);
|
|
3
3
|
position: relative;
|
|
4
|
+
background-color: var(--zdt_lookupheader_default_bg);
|
|
5
|
+
border-bottom: solid 1px var(--zdt_lookupheader_default_border);
|
|
4
6
|
}[dir=ltr] .container {
|
|
5
7
|
padding: 0 var(--zd_size52) 0 var(--zd_size10);
|
|
6
8
|
}[dir=rtl] .container {
|
|
7
9
|
padding: 0 var(--zd_size10) 0 var(--zd_size52);
|
|
8
10
|
}
|
|
9
|
-
.default {
|
|
10
|
-
background-color: var(--zdt_lookupheader_default_bg);
|
|
11
|
-
border-bottom: solid 1px var(--zdt_lookupheader_default_border);
|
|
12
|
-
}
|
|
13
|
-
.white {
|
|
14
|
-
background-color: var(--dot_white);
|
|
15
|
-
border-bottom: solid 1px var(--zdt_cta_grey_35_border);
|
|
16
|
-
}
|
|
17
11
|
.searchContainer, .title {
|
|
18
12
|
margin: 0 var(--zd_size20);
|
|
19
13
|
}
|
|
@@ -62,14 +62,14 @@ var Views = /*#__PURE__*/function (_React$Component) {
|
|
|
62
62
|
className: _ViewsModule["default"].container
|
|
63
63
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
64
64
|
className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
|
|
65
|
-
"data-title": !isList ? listTitle :
|
|
65
|
+
"data-title": !isList ? listTitle : '',
|
|
66
66
|
onClick: onListClick
|
|
67
67
|
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
68
68
|
name: "ZD-list22",
|
|
69
69
|
size: "10"
|
|
70
70
|
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
71
71
|
className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, " ").concat(isGrid ? _ViewsModule["default"].active : ''),
|
|
72
|
-
"data-title": !isGrid ? gridTitle :
|
|
72
|
+
"data-title": !isGrid ? gridTitle : '',
|
|
73
73
|
onClick: onGridClick
|
|
74
74
|
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
75
75
|
name: "ZD-grid",
|
package/lib/utils/General.js
CHANGED
|
@@ -3,11 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.formatCurrency = formatCurrency;
|
|
6
7
|
exports.formatPhoneUrl = formatPhoneUrl;
|
|
7
8
|
exports.getFullName = getFullName;
|
|
8
9
|
exports.shallowDiff = shallowDiff;
|
|
9
10
|
exports.stopBubbling = stopBubbling;
|
|
10
11
|
|
|
12
|
+
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); }
|
|
13
|
+
|
|
11
14
|
function stopBubbling(event) {
|
|
12
15
|
event.preventDefault();
|
|
13
16
|
event.stopPropagation && event.stopPropagation();
|
|
@@ -55,4 +58,25 @@ function formatPhoneUrl(phone) {
|
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
return phone;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
function formatCurrency(number, symbol) {
|
|
64
|
+
// format number 1000000 to 1,234,567
|
|
65
|
+
if (number && number != 0) {
|
|
66
|
+
var typeOfData = _typeof(number);
|
|
67
|
+
|
|
68
|
+
var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
|
|
69
|
+
|
|
70
|
+
if (isDecimal) {
|
|
71
|
+
var val = number.toString().split('.');
|
|
72
|
+
var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
|
|
73
|
+
var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
|
|
74
|
+
return finalVal;
|
|
75
|
+
} else {
|
|
76
|
+
var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
|
|
77
|
+
return value;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
return number;
|
|
58
82
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/dot",
|
|
3
|
-
"version": "1.0.0-temp-
|
|
3
|
+
"version": "1.0.0-temp-74",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"jsnext:main": "es/index.js",
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
"velocity-react": "1.4.3",
|
|
35
35
|
"@zohodesk/variables": "1.0.0-beta.29",
|
|
36
36
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
37
|
-
"@zohodesk/components": "1.0.0-alpha-
|
|
38
|
-
"@zohodesk/icons": "1.0.0-beta.
|
|
39
|
-
"@zohodesk/svg": "1.0.0-beta.
|
|
37
|
+
"@zohodesk/components": "1.0.0-alpha-234",
|
|
38
|
+
"@zohodesk/icons": "1.0.0-beta.98",
|
|
39
|
+
"@zohodesk/svg": "1.0.0-beta.42",
|
|
40
40
|
"@zohodesk/virtualizer": "1.0.3",
|
|
41
41
|
"react-sortable-hoc": "^0.8.3"
|
|
42
42
|
},
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"velocity-react": "1.4.3",
|
|
45
45
|
"@zohodesk/variables": "1.0.0-beta.29",
|
|
46
46
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
47
|
-
"@zohodesk/components": "1.0.0-alpha-
|
|
48
|
-
"@zohodesk/icons": "1.0.0-beta.
|
|
49
|
-
"@zohodesk/svg": "1.0.0-beta.
|
|
47
|
+
"@zohodesk/components": "1.0.0-alpha-234",
|
|
48
|
+
"@zohodesk/icons": "1.0.0-beta.98",
|
|
49
|
+
"@zohodesk/svg": "1.0.0-beta.42"
|
|
50
50
|
},
|
|
51
51
|
"react-cli": {
|
|
52
52
|
"preprocessor": {
|
package/lib/Provider/Config.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getDotLibraryConfig = getDotLibraryConfig;
|
|
7
|
-
exports.setDotLibraryConfig = setDotLibraryConfig;
|
|
8
|
-
var config = {
|
|
9
|
-
freezeLayer: {
|
|
10
|
-
enable: function enable() {},
|
|
11
|
-
disable: function disable() {}
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
function getDotLibraryConfig(key) {
|
|
16
|
-
return config[key];
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function setDotLibraryConfig(configObj) {
|
|
20
|
-
config = Object.assign({}, config, configObj);
|
|
21
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.formatCurrency = formatCurrency;
|
|
7
|
-
|
|
8
|
-
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); }
|
|
9
|
-
|
|
10
|
-
function formatCurrency(number, symbol) {
|
|
11
|
-
// format number 1000000 to 1,234,567
|
|
12
|
-
if (number && number != 0) {
|
|
13
|
-
var typeOfData = _typeof(number);
|
|
14
|
-
|
|
15
|
-
var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
|
|
16
|
-
|
|
17
|
-
if (isDecimal) {
|
|
18
|
-
var val = number.toString().split('.');
|
|
19
|
-
var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
|
|
20
|
-
var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
|
|
21
|
-
return finalVal;
|
|
22
|
-
} else {
|
|
23
|
-
var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
|
|
24
|
-
return value;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
return number;
|
|
29
|
-
}
|