@zohodesk/dot 1.0.0-temp-89 → 1.0.0-temp.888
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 +13 -0
- package/es/ActionButton/ActionButton.js +7 -4
- 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/AttachmentViewer.module.css +27 -89
- 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.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/Provider.js +5 -105
- 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 +3 -16
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +3 -11
- package/es/docs/formDocs.js +5 -1
- package/es/docs/generalDocs.js +5 -2
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +9 -21
- 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/CheckBoxField/CheckBoxField.js +16 -28
- package/es/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +8 -1
- package/es/form/fields/CurrencyField/CurrencyField.js +16 -29
- package/es/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +36 -0
- package/es/form/fields/DateField/DateField.js +16 -28
- package/es/form/fields/DateField/docs/DateField__default.docs.js +8 -1
- package/es/form/fields/FieldContainer/FieldContainer.js +82 -0
- package/es/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +49 -0
- package/es/form/fields/Fields.module.css +14 -49
- package/es/form/fields/MultiSelectField/MultiSelectField.js +16 -28
- package/es/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +8 -1
- package/es/form/fields/SelectField/SelectField.js +16 -28
- package/es/form/fields/SelectField/docs/SelectField__default.docs.js +8 -1
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +7 -4
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -19
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +32 -28
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +1 -4
- package/es/form/fields/TextBoxField/TextBoxField.js +18 -43
- package/es/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +28 -1
- package/es/form/fields/TextEditor/TextEditor.module.css +72 -149
- package/es/form/fields/TextEditorField/TextEditorField.js +27 -44
- package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +9 -2
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +2 -13
- package/es/form/fields/TextareaField/TextareaField.js +16 -28
- package/es/form/fields/TextareaField/docs/TextareaField__default.docs.js +8 -1
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +4 -9
- package/es/form/fields/props/FieldCommonDefaultProps.js +10 -0
- package/es/form/fields/props/FieldCommonPropTypes.js +22 -0
- 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 +21 -82
- 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/AccountName.js +34 -38
- package/es/list/SecondaryText/ContactName.js +18 -13
- package/es/list/SecondaryText/SecondaryText.module.css +14 -39
- package/es/list/SecondaryText/docs/SecondaryText__default.docs.js +114 -0
- package/es/list/SecondryPanel/docs/SecondryPanelDocs.module.css +2 -2
- 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/Search/LookupSearch.module.css +12 -21
- 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 -15
- 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/utils/KeyboardApi.js +294 -0
- 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/lib/ActionButton/ActionButton.js +3 -7
- package/lib/ActionButton/ActionButton.module.css +1 -0
- package/lib/FreezeLayer/FreezeLayer.js +4 -29
- package/lib/ImportantNotes/ImportantNotes.js +3 -5
- package/lib/Provider.js +38 -115
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +38 -60
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +0 -1
- package/lib/docs/generalDocs.js +0 -16
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +161 -182
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +0 -3
- 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 +73 -110
- package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
- package/lib/form/fields/TextEditor/TextEditor.js +1 -4
- package/lib/form/fields/TextEditor/TextEditor.module.css +2 -13
- package/lib/form/fields/TextareaField/TextareaField.js +1 -1
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +1 -1
- package/lib/list/GridStencils/GridStencils.module.css +1 -3
- package/lib/list/SecondaryText/AccountName.js +34 -38
- package/lib/list/SecondaryText/ContactName.js +18 -13
- package/lib/list/SecondaryText/SecondaryText.module.css +14 -29
- package/lib/list/status/StatusDropdown/StatusDropdown.js +118 -146
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +0 -3
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +3 -8
- package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +3 -13
- package/lib/lookup/header/TicketHeader/TicketHeader.js +4 -7
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +52 -75
- 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/lib/{deprecated/utils → utils}/KeyboardApi.js +0 -0
- package/package.json +5 -5
- package/lib/AttachmentViewer/Attachment.js +0 -28
- package/lib/AttachmentViewer/AttachmentImage.js +0 -133
- package/lib/AttachmentViewer/AttachmentViewer.js +0 -646
- package/lib/AttachmentViewer/AttachmentViewer.module.css +0 -354
- package/lib/AttachmentViewer/docs/AttachmentViewer__default.docs.js +0 -123
- package/lib/AttachmentViewer/utils.js +0 -134
- package/lib/Provider/Config.js +0 -21
- package/lib/common/dot_animation.module.css +0 -27
- package/lib/common/dot_common.module.css +0 -4
- package/lib/deprecated/utils/General.js +0 -29
package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css
CHANGED
|
@@ -5,27 +5,20 @@
|
|
|
5
5
|
composes: varClass;
|
|
6
6
|
min-height: var(--zd_size54);
|
|
7
7
|
position: relative;
|
|
8
|
-
color: var(--zdt_desktopnotification_text);
|
|
9
8
|
background-color: var(--alert_lookup_bg_color);
|
|
10
9
|
border-style: solid;
|
|
11
10
|
border-color: var(--commonalert_border_color);
|
|
12
11
|
border-width: 2px 0 0 0;
|
|
12
|
+
color: var(--zdt_desktopnotification_text);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.title {
|
|
16
|
+
margin: 0 var(--zd_size5) 0 var(--zd_size10);
|
|
16
17
|
font-size: var(--zd_font_size18);
|
|
17
18
|
line-height: var(--zd_size22);
|
|
18
19
|
font-family: var(--zd_bold);
|
|
19
20
|
composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
20
21
|
}
|
|
21
|
-
|
|
22
|
-
[dir=ltr] .title {
|
|
23
|
-
margin: 0 var(--zd_size5) 0 var(--zd_size10);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
[dir=rtl] .title {
|
|
27
|
-
margin: 0 var(--zd_size10) 0 var(--zd_size5);
|
|
28
|
-
}
|
|
29
22
|
|
|
30
23
|
.infoText {
|
|
31
24
|
font-size: var(--zd_font_size14);
|
|
@@ -57,11 +50,8 @@
|
|
|
57
50
|
|
|
58
51
|
|
|
59
52
|
/* Primary Header */
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
63
|
-
[dir=rtl] .primary {
|
|
64
|
-
padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
|
|
53
|
+
.primary {
|
|
54
|
+
padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
|
|
65
55
|
}
|
|
66
56
|
|
|
67
57
|
.primary .iconContainer {
|
|
@@ -76,26 +66,14 @@
|
|
|
76
66
|
.primary .close {
|
|
77
67
|
position: absolute;
|
|
78
68
|
top: var(--zd_size12);
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
[dir=ltr] .primary .close {
|
|
82
|
-
right: var(--zd_size12);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
[dir=rtl] .primary .close {
|
|
86
|
-
left: var(--zd_size12);
|
|
69
|
+
right: var(--zd_size12);
|
|
87
70
|
}
|
|
88
71
|
|
|
89
72
|
/* Secondary Header */
|
|
90
73
|
.secondary {
|
|
91
|
-
|
|
74
|
+
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
|
|
92
75
|
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
93
|
-
|
|
94
|
-
[dir=ltr] .secondary {
|
|
95
|
-
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
|
|
96
|
-
}
|
|
97
|
-
[dir=rtl] .secondary {
|
|
98
|
-
padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
|
|
76
|
+
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
99
77
|
}
|
|
100
78
|
|
|
101
79
|
.secondary .infoText {
|
|
@@ -108,30 +86,15 @@
|
|
|
108
86
|
position: absolute;
|
|
109
87
|
top: 0;
|
|
110
88
|
bottom: 0;
|
|
89
|
+
left: var(--zd_size18);
|
|
111
90
|
margin: auto 0;
|
|
112
91
|
}
|
|
113
92
|
|
|
114
|
-
[dir=ltr] .secondary .iconContainer {
|
|
115
|
-
left: var(--zd_size18);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
[dir=rtl] .secondary .iconContainer {
|
|
119
|
-
right: var(--zd_size18);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
93
|
.secondary .close {
|
|
123
94
|
position: absolute;
|
|
124
95
|
top: 0;
|
|
125
96
|
bottom: 0;
|
|
97
|
+
right: var(--zd_size12);
|
|
98
|
+
margin: auto 0 auto var(--zd_size25);
|
|
126
99
|
height: var(--zd_size25);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
[dir=ltr] .secondary .close {
|
|
130
|
-
right: var(--zd_size12);
|
|
131
|
-
margin: auto 0 auto var(--zd_size25);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
[dir=rtl] .secondary .close {
|
|
135
|
-
left: var(--zd_size12);
|
|
136
|
-
margin: auto var(--zd_size25) auto 0;
|
|
137
100
|
}
|
|
@@ -19,7 +19,7 @@ var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Bu
|
|
|
19
19
|
|
|
20
20
|
var _Layout = require("@zohodesk/components/lib/Layout");
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _DropBox = _interopRequireDefault(require("@zohodesk/components/lib/DropBox/DropBox"));
|
|
23
23
|
|
|
24
24
|
var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
|
|
25
25
|
|
|
@@ -154,7 +154,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
154
154
|
name: "ZD-down",
|
|
155
155
|
size: "6",
|
|
156
156
|
iconClass: _ActionButtonModule["default"].arrow
|
|
157
|
-
})), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(
|
|
157
|
+
})), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
|
|
158
158
|
size: "small",
|
|
159
159
|
isActive: isPopupOpen,
|
|
160
160
|
boxPosition: position,
|
|
@@ -165,11 +165,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
165
165
|
},
|
|
166
166
|
isBoxPaddingNeed: isBoxPaddingNeed,
|
|
167
167
|
getRef: getContainerRef
|
|
168
|
-
},
|
|
169
|
-
flexible: true,
|
|
170
|
-
shrink: true,
|
|
171
|
-
scroll: "vertical"
|
|
172
|
-
}, children)) : null) : null));
|
|
168
|
+
}, children) : null) : null));
|
|
173
169
|
}
|
|
174
170
|
}]);
|
|
175
171
|
|
|
@@ -17,9 +17,9 @@ var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/componen
|
|
|
17
17
|
|
|
18
18
|
var _FreezeLayerModule = _interopRequireDefault(require("./FreezeLayer.module.css"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _KeyboardApi = require("../utils/KeyboardApi");
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
25
|
|
|
@@ -63,29 +63,10 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
|
|
|
63
63
|
isChildActive: false
|
|
64
64
|
};
|
|
65
65
|
_this.getNextIndex = (0, _ZindexProvider.getZIndex)(_assertThisInitialized(_this));
|
|
66
|
-
_this.isFreezeLayerEnabled = false;
|
|
67
66
|
return _this;
|
|
68
67
|
}
|
|
69
68
|
|
|
70
69
|
_createClass(FreezeLayer, [{
|
|
71
|
-
key: "enableFreeze",
|
|
72
|
-
value: function enableFreeze() {
|
|
73
|
-
if (!this.isFreezeLayerEnabled) {
|
|
74
|
-
this.isFreezeLayerEnabled = true;
|
|
75
|
-
var freezeLayerEnable = ((0, _Config.getDotLibraryConfig)('freezeLayer') || {}).enable;
|
|
76
|
-
freezeLayerEnable && freezeLayerEnable();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}, {
|
|
80
|
-
key: "disableFreeze",
|
|
81
|
-
value: function disableFreeze() {
|
|
82
|
-
if (this.isFreezeLayerEnabled) {
|
|
83
|
-
this.isFreezeLayerEnabled = false;
|
|
84
|
-
var freezeLayerDisable = ((0, _Config.getDotLibraryConfig)('freezeLayer') || {}).disable;
|
|
85
|
-
freezeLayerDisable && freezeLayerDisable();
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}, {
|
|
89
70
|
key: "componentDidMount",
|
|
90
71
|
value: function componentDidMount() {
|
|
91
72
|
var isActive = this.props.isActive;
|
|
@@ -94,7 +75,6 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
|
|
|
94
75
|
this.setState({
|
|
95
76
|
isChildActive: true
|
|
96
77
|
});
|
|
97
|
-
this.enableFreeze();
|
|
98
78
|
}
|
|
99
79
|
}
|
|
100
80
|
}, {
|
|
@@ -106,7 +86,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
|
|
|
106
86
|
|
|
107
87
|
if (isActive != prevProps.isActive) {
|
|
108
88
|
if (isActive) {
|
|
109
|
-
|
|
89
|
+
_KeyboardApi.Shortcut && _KeyboardApi.Shortcut.setState(false);
|
|
110
90
|
this.setState({
|
|
111
91
|
isActive: true
|
|
112
92
|
}, function () {
|
|
@@ -115,7 +95,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
|
|
|
115
95
|
});
|
|
116
96
|
});
|
|
117
97
|
} else {
|
|
118
|
-
|
|
98
|
+
_KeyboardApi.Shortcut && _KeyboardApi.Shortcut.setState(true);
|
|
119
99
|
this.setState({
|
|
120
100
|
isChildActive: false
|
|
121
101
|
}, function () {
|
|
@@ -126,11 +106,6 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
|
|
|
126
106
|
}
|
|
127
107
|
}
|
|
128
108
|
}
|
|
129
|
-
}, {
|
|
130
|
-
key: "componentWillUnmount",
|
|
131
|
-
value: function componentWillUnmount() {
|
|
132
|
-
this.disableFreeze();
|
|
133
|
-
}
|
|
134
109
|
}, {
|
|
135
110
|
key: "render",
|
|
136
111
|
value: function render() {
|
|
@@ -59,14 +59,13 @@ var ImportantNotes = /*#__PURE__*/function (_React$Component) {
|
|
|
59
59
|
iconSize = _this$props.iconSize,
|
|
60
60
|
children = _this$props.children,
|
|
61
61
|
iconClass = _this$props.iconClass,
|
|
62
|
-
isCover = _this$props.isCover
|
|
63
|
-
className = _this$props.className;
|
|
62
|
+
isCover = _this$props.isCover;
|
|
64
63
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
65
64
|
isInline: !isCover,
|
|
66
65
|
isCover: false,
|
|
67
66
|
alignBox: "row",
|
|
68
67
|
align: "top",
|
|
69
|
-
className:
|
|
68
|
+
className: _ImportantNotesModule["default"].section
|
|
70
69
|
}, iconName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
71
70
|
className: _ImportantNotesModule["default"].icon,
|
|
72
71
|
align: "start"
|
|
@@ -91,8 +90,7 @@ ImportantNotes.propTypes = {
|
|
|
91
90
|
iconName: _propTypes["default"].string,
|
|
92
91
|
iconSize: _propTypes["default"].string,
|
|
93
92
|
isCover: _propTypes["default"].bool,
|
|
94
|
-
text: _propTypes["default"].string
|
|
95
|
-
className: _propTypes["default"].string
|
|
93
|
+
text: _propTypes["default"].string
|
|
96
94
|
};
|
|
97
95
|
ImportantNotes.defaultProps = {
|
|
98
96
|
iconName: 'ZD-helpCentre',
|
package/lib/Provider.js
CHANGED
|
@@ -65,28 +65,6 @@ require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkCom
|
|
|
65
65
|
|
|
66
66
|
require("@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css");
|
|
67
67
|
|
|
68
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css");
|
|
69
|
-
|
|
70
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css");
|
|
71
|
-
|
|
72
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css");
|
|
73
|
-
|
|
74
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css");
|
|
75
|
-
|
|
76
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css");
|
|
77
|
-
|
|
78
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css");
|
|
79
|
-
|
|
80
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css");
|
|
81
|
-
|
|
82
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css");
|
|
83
|
-
|
|
84
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css");
|
|
85
|
-
|
|
86
|
-
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css");
|
|
87
|
-
|
|
88
|
-
require("@zohodesk/components/assets/Appearance/pureDark/mode/pureDarkMode.module.css");
|
|
89
|
-
|
|
90
68
|
require("@zohodesk/svg/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
|
|
91
69
|
|
|
92
70
|
require("@zohodesk/svg/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
|
|
@@ -111,22 +89,12 @@ require("@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.m
|
|
|
111
89
|
|
|
112
90
|
require("@zohodesk/svg/assets/Appearance/dark/mode/darkEmptyStates.module.css");
|
|
113
91
|
|
|
114
|
-
require("@zohodesk/svg/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css");
|
|
115
|
-
|
|
116
|
-
require("@zohodesk/svg/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css");
|
|
117
|
-
|
|
118
|
-
require("@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css");
|
|
119
|
-
|
|
120
|
-
require("@zohodesk/svg/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css");
|
|
121
|
-
|
|
122
|
-
require("@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css");
|
|
123
|
-
|
|
124
|
-
require("@zohodesk/svg/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css");
|
|
125
|
-
|
|
126
92
|
var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
|
|
127
93
|
|
|
128
94
|
var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
|
|
129
95
|
|
|
96
|
+
var _Switch = _interopRequireDefault(require("@zohodesk/components/lib/Switch/Switch"));
|
|
97
|
+
|
|
130
98
|
require("../assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css");
|
|
131
99
|
|
|
132
100
|
require("../assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css");
|
|
@@ -151,18 +119,6 @@ require("../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css")
|
|
|
151
119
|
|
|
152
120
|
require("../assets/Appearance/dark/mode/dotDarkMode.module.css");
|
|
153
121
|
|
|
154
|
-
require("../assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css");
|
|
155
|
-
|
|
156
|
-
require("../assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css");
|
|
157
|
-
|
|
158
|
-
require("../assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css");
|
|
159
|
-
|
|
160
|
-
require("../assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css");
|
|
161
|
-
|
|
162
|
-
require("../assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css");
|
|
163
|
-
|
|
164
|
-
require("../assets/Appearance/pureDark/mode/dotPureDarkMode.module.css");
|
|
165
|
-
|
|
166
122
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
167
123
|
|
|
168
124
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -208,16 +164,25 @@ var Provider = /*#__PURE__*/function (_React$Component) {
|
|
|
208
164
|
appearanceName: 'default',
|
|
209
165
|
themeName: 'blue'
|
|
210
166
|
};
|
|
167
|
+
_this.switchMode = _this.switchMode.bind(_assertThisInitialized(_this));
|
|
211
168
|
_this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
|
|
212
169
|
return _this;
|
|
213
170
|
}
|
|
214
171
|
|
|
215
172
|
_createClass(Provider, [{
|
|
216
|
-
key: "
|
|
217
|
-
value: function
|
|
218
|
-
this.
|
|
219
|
-
|
|
220
|
-
|
|
173
|
+
key: "switchMode",
|
|
174
|
+
value: function switchMode() {
|
|
175
|
+
var appearanceName = this.state.appearanceName;
|
|
176
|
+
|
|
177
|
+
if (appearanceName == 'default') {
|
|
178
|
+
this.setState({
|
|
179
|
+
appearanceName: 'dark'
|
|
180
|
+
});
|
|
181
|
+
} else {
|
|
182
|
+
this.setState({
|
|
183
|
+
appearanceName: 'default'
|
|
184
|
+
});
|
|
185
|
+
}
|
|
221
186
|
}
|
|
222
187
|
}, {
|
|
223
188
|
key: "setTheme",
|
|
@@ -256,29 +221,6 @@ var Provider = /*#__PURE__*/function (_React$Component) {
|
|
|
256
221
|
var yellow = {
|
|
257
222
|
backgroundColor: '#e8b923'
|
|
258
223
|
};
|
|
259
|
-
var light = {
|
|
260
|
-
backgroundColor: '#fff'
|
|
261
|
-
};
|
|
262
|
-
var night = {
|
|
263
|
-
backgroundColor: '#232b38'
|
|
264
|
-
};
|
|
265
|
-
var dark = {
|
|
266
|
-
backgroundColor: '#212121'
|
|
267
|
-
};
|
|
268
|
-
var fixedPosition = {
|
|
269
|
-
position: 'fixed',
|
|
270
|
-
bottom: '0',
|
|
271
|
-
backgroundColor: '#272727',
|
|
272
|
-
padding: '10px',
|
|
273
|
-
borderRadius: '15px 15px 0 0',
|
|
274
|
-
minWidth: '100px',
|
|
275
|
-
textAlign: 'center',
|
|
276
|
-
boxShadow: '0 0 3px #000',
|
|
277
|
-
fontSize: '12px',
|
|
278
|
-
zIndex: '3',
|
|
279
|
-
display: 'flex',
|
|
280
|
-
alignItems: 'center'
|
|
281
|
-
};
|
|
282
224
|
return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
|
|
283
225
|
i18n: _i18n2["default"],
|
|
284
226
|
timeZone: "Asia/Kolkata",
|
|
@@ -301,46 +243,29 @@ var Provider = /*#__PURE__*/function (_React$Component) {
|
|
|
301
243
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
302
244
|
scroll: "vertical"
|
|
303
245
|
}, this.props.children), /*#__PURE__*/_react["default"].createElement("div", {
|
|
304
|
-
style: Object.assign({}, fixedPosition, {
|
|
305
|
-
left: '20%',
|
|
306
|
-
transform: 'translate(-20%)'
|
|
307
|
-
})
|
|
308
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
309
|
-
style: {
|
|
310
|
-
color: '#fff'
|
|
311
|
-
}
|
|
312
|
-
}, "Appearance:"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
313
|
-
style: {
|
|
314
|
-
display: 'flex'
|
|
315
|
-
}
|
|
316
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
317
|
-
title: "Light Mode",
|
|
318
|
-
style: Object.assign({}, themeClass, light),
|
|
319
|
-
onClick: function onClick() {
|
|
320
|
-
return _this2.setAppearance('default');
|
|
321
|
-
}
|
|
322
|
-
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
323
|
-
title: "Night Mode",
|
|
324
|
-
style: Object.assign({}, themeClass, night),
|
|
325
|
-
onClick: function onClick() {
|
|
326
|
-
return _this2.setAppearance('dark');
|
|
327
|
-
}
|
|
328
|
-
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
329
|
-
title: "Dark Mode",
|
|
330
|
-
style: Object.assign({}, themeClass, dark),
|
|
331
|
-
onClick: function onClick() {
|
|
332
|
-
return _this2.setAppearance('pureDark');
|
|
333
|
-
}
|
|
334
|
-
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
335
|
-
style: Object.assign({}, fixedPosition, {
|
|
336
|
-
left: '80%',
|
|
337
|
-
transform: 'translate(-80%)'
|
|
338
|
-
})
|
|
339
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
340
246
|
style: {
|
|
341
|
-
|
|
247
|
+
position: 'fixed',
|
|
248
|
+
bottom: '0',
|
|
249
|
+
backgroundColor: '#272727',
|
|
250
|
+
padding: '10px',
|
|
251
|
+
borderRadius: '15px 15px 0 0',
|
|
252
|
+
minWidth: '100px',
|
|
253
|
+
textAlign: 'center',
|
|
254
|
+
left: '50%',
|
|
255
|
+
transform: 'translate(-50%)',
|
|
256
|
+
boxShadow: '0 0 3px #000',
|
|
257
|
+
fontSize: '12px',
|
|
258
|
+
zIndex: '1000',
|
|
259
|
+
display: 'flex',
|
|
260
|
+
alignItems: 'center'
|
|
342
261
|
}
|
|
343
|
-
}, "
|
|
262
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
|
|
263
|
+
id: "switchMode",
|
|
264
|
+
text: "Light/Night Mode",
|
|
265
|
+
labelSize: "small",
|
|
266
|
+
onChange: this.switchMode,
|
|
267
|
+
checked: appearanceName == 'dark'
|
|
268
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
344
269
|
style: {
|
|
345
270
|
display: 'flex'
|
|
346
271
|
}
|
|
@@ -374,9 +299,7 @@ var Provider = /*#__PURE__*/function (_React$Component) {
|
|
|
374
299
|
onClick: function onClick() {
|
|
375
300
|
return _this2.setTheme('yellow');
|
|
376
301
|
}
|
|
377
|
-
})))
|
|
378
|
-
"data-portal": "portal1"
|
|
379
|
-
}))));
|
|
302
|
+
}))))));
|
|
380
303
|
}
|
|
381
304
|
}]);
|
|
382
305
|
|
|
@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
|
|
14
|
+
var _DropBox = _interopRequireDefault(require("@zohodesk/components/lib/DropBox/DropBox"));
|
|
15
|
+
|
|
14
16
|
var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
|
|
15
17
|
|
|
16
18
|
var _ListItem = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItem"));
|
|
@@ -23,10 +25,6 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
|
|
|
23
25
|
|
|
24
26
|
var _Layout = require("@zohodesk/components/lib/Layout");
|
|
25
27
|
|
|
26
|
-
var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
|
|
27
|
-
|
|
28
|
-
var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
|
|
29
|
-
|
|
30
28
|
var _SelectDropdownModule = _interopRequireDefault(require("./SelectDropdown.module.css"));
|
|
31
29
|
|
|
32
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -82,16 +80,6 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
82
80
|
var togglePopup = this.props.togglePopup;
|
|
83
81
|
togglePopup(e, 'bottomRight');
|
|
84
82
|
}
|
|
85
|
-
}, {
|
|
86
|
-
key: "responsiveFunc",
|
|
87
|
-
value: function responsiveFunc(_ref) {
|
|
88
|
-
var mediaQueryOR = _ref.mediaQueryOR;
|
|
89
|
-
return {
|
|
90
|
-
tabletMode: mediaQueryOR([{
|
|
91
|
-
maxWidth: 700
|
|
92
|
-
}])
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
83
|
}, {
|
|
96
84
|
key: "render",
|
|
97
85
|
value: function render() {
|
|
@@ -126,52 +114,42 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
126
114
|
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
127
115
|
name: "ZD-down1",
|
|
128
116
|
size: "6"
|
|
129
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
166
|
-
key: index,
|
|
167
|
-
autoHover: true,
|
|
168
|
-
value: obj[valueKey],
|
|
169
|
-
active: selectedId == obj[idKey],
|
|
170
|
-
id: obj[idKey],
|
|
171
|
-
onClick: _this2.handleClick
|
|
172
|
-
});
|
|
173
|
-
})))));
|
|
174
|
-
}));
|
|
117
|
+
})), /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
|
|
118
|
+
size: "medium",
|
|
119
|
+
boxPosition: "bottomRight",
|
|
120
|
+
isArrow: true,
|
|
121
|
+
isAnimate: true,
|
|
122
|
+
right: "-25",
|
|
123
|
+
isActive: isPopupOpen && isPopupReady,
|
|
124
|
+
getRef: getContainerRef
|
|
125
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
126
|
+
alignBox: "column",
|
|
127
|
+
className: _SelectDropdownModule["default"].rulesPopup
|
|
128
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
129
|
+
className: _SelectDropdownModule["default"].rulesDepart
|
|
130
|
+
}, /*#__PURE__*/_react["default"].createElement(_DropDownHeading["default"], {
|
|
131
|
+
text: title
|
|
132
|
+
})), isSearchRequired ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
133
|
+
className: _SelectDropdownModule["default"].searchDepart
|
|
134
|
+
}, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
|
|
135
|
+
name: "Test",
|
|
136
|
+
id: "Test",
|
|
137
|
+
maxLength: "150",
|
|
138
|
+
placeHolder: "Search Department"
|
|
139
|
+
})) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
140
|
+
scroll: "vertical",
|
|
141
|
+
flexible: true,
|
|
142
|
+
shrink: true
|
|
143
|
+
}, options && options.length && options.map(function (obj, index) {
|
|
144
|
+
return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
145
|
+
key: index,
|
|
146
|
+
autoHover: true,
|
|
147
|
+
value: obj[valueKey],
|
|
148
|
+
active: selectedId == obj[idKey],
|
|
149
|
+
id: obj[idKey],
|
|
150
|
+
onClick: _this2.handleClick
|
|
151
|
+
});
|
|
152
|
+
})))));
|
|
175
153
|
}
|
|
176
154
|
}]);
|
|
177
155
|
|
package/lib/docs/generalDocs.js
CHANGED
|
@@ -39,18 +39,6 @@ Object.defineProperty(exports, "Attachment", {
|
|
|
39
39
|
return _Attachment["default"];
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
-
Object.defineProperty(exports, "AttachmentViewer", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function get() {
|
|
45
|
-
return _AttachmentViewer["default"];
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "AttachmentViewer__default", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function get() {
|
|
51
|
-
return _AttachmentViewer__default["default"];
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
42
|
Object.defineProperty(exports, "Attachment__default", {
|
|
55
43
|
enumerable: true,
|
|
56
44
|
get: function get() {
|
|
@@ -1048,8 +1036,4 @@ var _OopsSomethingMiss = _interopRequireDefault(require("../version2/errorstate/
|
|
|
1048
1036
|
|
|
1049
1037
|
var _OopsSomethingMiss__default = _interopRequireDefault(require("../version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs"));
|
|
1050
1038
|
|
|
1051
|
-
var _AttachmentViewer = _interopRequireDefault(require("../AttachmentViewer/AttachmentViewer"));
|
|
1052
|
-
|
|
1053
|
-
var _AttachmentViewer__default = _interopRequireDefault(require("../AttachmentViewer/docs/AttachmentViewer__default.docs"));
|
|
1054
|
-
|
|
1055
1039
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|