@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.
Files changed (163) hide show
  1. package/README.md +13 -0
  2. package/es/ActionButton/ActionButton.js +7 -4
  3. package/es/ActionButton/ActionButton.module.css +9 -25
  4. package/es/AlphabeticList/AlphabeticList.module.css +4 -7
  5. package/es/Attachment/Attachment.module.css +9 -20
  6. package/es/AttachmentViewer/AttachmentViewer.module.css +27 -89
  7. package/es/ChannelIcon/ChannelIcon.module.css +21 -30
  8. package/es/Drawer/Drawer.module.css +11 -59
  9. package/es/FlipCard/FlipCard.module.css +5 -14
  10. package/es/FormAction/FormAction.module.css +9 -34
  11. package/es/FreezeLayer/FreezeLayer.module.css +2 -6
  12. package/es/IconButton/IconButton.module.css +1 -1
  13. package/es/ImportantNotes/ImportantNotes.module.css +2 -7
  14. package/es/Loader/Loader.module.css +4 -25
  15. package/es/Message/Message.module.css +9 -42
  16. package/es/MessageBanner/MessageBanner.module.css +4 -12
  17. package/es/NewStar/NewStar.module.css +5 -42
  18. package/es/Provider.js +5 -105
  19. package/es/ToastMessage/ToastMessage.module.css +25 -96
  20. package/es/Upload/Upload.module.css +8 -27
  21. package/es/alert/AlertHeader/AlertHeader.module.css +3 -21
  22. package/es/alert/AlertLookup/AlertLookup.module.css +2 -6
  23. package/es/avatar/AvatarClose/AvatarClose.module.css +3 -9
  24. package/es/avatar/AvatarCollision/AvatarCollision.module.css +4 -18
  25. package/es/avatar/AvatarIcon/AvatarIcon.module.css +4 -3
  26. package/es/avatar/AvatarStatus/AvatarStatus.module.css +9 -59
  27. package/es/avatar/AvatarThread/AvatarThread.module.css +5 -55
  28. package/es/avatar/AvatarUser/AvatarUser.module.css +10 -81
  29. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +3 -10
  30. package/es/common/dot_animation.module.css +3 -16
  31. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +3 -11
  32. package/es/docs/formDocs.js +5 -1
  33. package/es/docs/generalDocs.js +5 -2
  34. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +9 -21
  35. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -12
  36. package/es/emptystate/EditionPage/EditionPage.css +3 -9
  37. package/es/errorstate/EmptyStates.module.css +10 -13
  38. package/es/errorstate/Inconvenience/Inconvenience.module.css +0 -3
  39. package/es/errorstate/LinkText/LinkText.module.css +1 -1
  40. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
  41. package/es/errorstate/WillBack/WillBack.module.css +3 -1
  42. package/es/form/fields/CheckBoxField/CheckBoxField.js +16 -28
  43. package/es/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +8 -1
  44. package/es/form/fields/CurrencyField/CurrencyField.js +16 -29
  45. package/es/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +36 -0
  46. package/es/form/fields/DateField/DateField.js +16 -28
  47. package/es/form/fields/DateField/docs/DateField__default.docs.js +8 -1
  48. package/es/form/fields/FieldContainer/FieldContainer.js +82 -0
  49. package/es/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +49 -0
  50. package/es/form/fields/Fields.module.css +14 -49
  51. package/es/form/fields/MultiSelectField/MultiSelectField.js +16 -28
  52. package/es/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +8 -1
  53. package/es/form/fields/SelectField/SelectField.js +16 -28
  54. package/es/form/fields/SelectField/docs/SelectField__default.docs.js +8 -1
  55. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +7 -4
  56. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -19
  57. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +32 -28
  58. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +1 -4
  59. package/es/form/fields/TextBoxField/TextBoxField.js +18 -43
  60. package/es/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +28 -1
  61. package/es/form/fields/TextEditor/TextEditor.module.css +72 -149
  62. package/es/form/fields/TextEditorField/TextEditorField.js +27 -44
  63. package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +9 -2
  64. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +2 -13
  65. package/es/form/fields/TextareaField/TextareaField.js +16 -28
  66. package/es/form/fields/TextareaField/docs/TextareaField__default.docs.js +8 -1
  67. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +4 -9
  68. package/es/form/fields/props/FieldCommonDefaultProps.js +10 -0
  69. package/es/form/fields/props/FieldCommonPropTypes.js +22 -0
  70. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +16 -52
  71. package/es/layout/SubtabLayout/SubtabLayout.module.css +29 -55
  72. package/es/list/BluePrintStatus/BluePrintStatus.module.css +1 -4
  73. package/es/list/Comment/Comment.module.css +0 -5
  74. package/es/list/DotNew/DotNew.module.css +3 -3
  75. package/es/list/GridStencils/GridStencils.module.css +21 -82
  76. package/es/list/Icons/Icons.module.css +1 -1
  77. package/es/list/ListLayout/ListLayout.module.css +14 -22
  78. package/es/list/ListStencils/ListStencils.module.css +6 -11
  79. package/es/list/SecondaryText/AccountName.js +34 -38
  80. package/es/list/SecondaryText/ContactName.js +18 -13
  81. package/es/list/SecondaryText/SecondaryText.module.css +14 -39
  82. package/es/list/SecondaryText/docs/SecondaryText__default.docs.js +114 -0
  83. package/es/list/SecondryPanel/docs/SecondryPanelDocs.module.css +2 -2
  84. package/es/list/SentimentStatus/SentimentStatus.module.css +1 -4
  85. package/es/list/TagNew/TagNew.module.css +7 -14
  86. package/es/list/Thread/Thread.module.css +1 -13
  87. package/es/list/UserTime/UserTime.module.css +0 -6
  88. package/es/list/listCommon.module.css +1 -9
  89. package/es/list/status/StatusDropdown/StatusDropdown.module.css +6 -19
  90. package/es/list/status/StatusListItem/StatusListItem.module.css +15 -38
  91. package/es/lookup/Lookup/Lookup.module.css +2 -2
  92. package/es/lookup/Section/LookupSection.module.css +2 -2
  93. package/es/lookup/header/Close/LookupClose.module.css +4 -4
  94. package/es/lookup/header/Search/LookupSearch.module.css +12 -21
  95. package/es/lookup/header/TicketHeader/TicketHeader.module.css +2 -5
  96. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +3 -8
  97. package/es/lookup/header/lookupHeaderCommon.module.css +5 -15
  98. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +3 -12
  99. package/es/setup/header/Button/HeaderButton.module.css +1 -3
  100. package/es/setup/header/Link/HeaderLink.module.css +1 -7
  101. package/es/setup/header/Search/Search.module.css +8 -19
  102. package/es/setup/header/Views/Views.module.css +5 -15
  103. package/es/setup/helptips/Link/HelpTipsLink.module.css +0 -1
  104. package/es/setup/helptips/ListGroup/ListGroup.module.css +1 -6
  105. package/es/setup/table/TableData/SetupTableData.module.css +3 -11
  106. package/es/setup/table/TableHead/SetupTableHead.module.css +0 -4
  107. package/es/setup/table/TableRow/SetupTableRow.module.css +2 -6
  108. package/es/utils/KeyboardApi.js +294 -0
  109. package/es/version2/AlertClose/AlertClose.module.css +1 -1
  110. package/es/version2/GlobalNotification/GlobalNotification.module.css +9 -44
  111. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +2 -25
  112. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -7
  113. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -8
  114. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +10 -26
  115. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +10 -47
  116. package/lib/ActionButton/ActionButton.js +3 -7
  117. package/lib/ActionButton/ActionButton.module.css +1 -0
  118. package/lib/FreezeLayer/FreezeLayer.js +4 -29
  119. package/lib/ImportantNotes/ImportantNotes.js +3 -5
  120. package/lib/Provider.js +38 -115
  121. package/lib/deprecated/SelectDropdown/SelectDropdown.js +38 -60
  122. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +0 -1
  123. package/lib/docs/generalDocs.js +0 -16
  124. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +161 -182
  125. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +0 -3
  126. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  127. package/lib/form/fields/CurrencyField/CurrencyField.js +8 -9
  128. package/lib/form/fields/DateField/DateField.js +1 -1
  129. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  130. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  131. package/lib/form/fields/RadioField/RadioField.js +1 -1
  132. package/lib/form/fields/SelectField/SelectField.js +1 -1
  133. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +73 -110
  134. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  135. package/lib/form/fields/TextEditor/TextEditor.js +1 -4
  136. package/lib/form/fields/TextEditor/TextEditor.module.css +2 -13
  137. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  138. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +1 -1
  139. package/lib/list/GridStencils/GridStencils.module.css +1 -3
  140. package/lib/list/SecondaryText/AccountName.js +34 -38
  141. package/lib/list/SecondaryText/ContactName.js +18 -13
  142. package/lib/list/SecondaryText/SecondaryText.module.css +14 -29
  143. package/lib/list/status/StatusDropdown/StatusDropdown.js +118 -146
  144. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +0 -3
  145. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +3 -8
  146. package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +3 -13
  147. package/lib/lookup/header/TicketHeader/TicketHeader.js +4 -7
  148. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +52 -75
  149. package/lib/lookup/header/lookupHeaderCommon.module.css +2 -8
  150. package/lib/setup/header/Views/Views.js +2 -2
  151. package/lib/utils/General.js +24 -0
  152. package/lib/{deprecated/utils → utils}/KeyboardApi.js +0 -0
  153. package/package.json +5 -5
  154. package/lib/AttachmentViewer/Attachment.js +0 -28
  155. package/lib/AttachmentViewer/AttachmentImage.js +0 -133
  156. package/lib/AttachmentViewer/AttachmentViewer.js +0 -646
  157. package/lib/AttachmentViewer/AttachmentViewer.module.css +0 -354
  158. package/lib/AttachmentViewer/docs/AttachmentViewer__default.docs.js +0 -123
  159. package/lib/AttachmentViewer/utils.js +0 -134
  160. package/lib/Provider/Config.js +0 -21
  161. package/lib/common/dot_animation.module.css +0 -27
  162. package/lib/common/dot_common.module.css +0 -4
  163. package/lib/deprecated/utils/General.js +0 -29
@@ -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
- [dir=ltr] .primary {
61
- padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
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
- composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
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 _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
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(_ResponsiveDropBox["default"], {
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
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
169
- flexible: true,
170
- shrink: true,
171
- scroll: "vertical"
172
- }, children)) : null) : null));
168
+ }, children) : null) : null));
173
169
  }
174
170
  }]);
175
171
 
@@ -119,6 +119,7 @@
119
119
  .btn {
120
120
  height: 100%;
121
121
  width: 100%;
122
+ color:var(--dot_mirror)
122
123
  }
123
124
  .popupWrapper {
124
125
  padding: var(--zd_size10) 0;
@@ -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 _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
20
+ var _KeyboardApi = require("../utils/KeyboardApi");
21
21
 
22
- var _Config = require("../Provider/Config");
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
- this.enableFreeze();
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
- this.disableFreeze();
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: "".concat(_ImportantNotesModule["default"].section, " ").concat(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: "setAppearance",
217
- value: function setAppearance(mode) {
218
- this.setState({
219
- appearanceName: mode
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
- color: '#fff'
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
- }, "Themes:"), /*#__PURE__*/_react["default"].createElement("div", {
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
- }))), /*#__PURE__*/_react["default"].createElement("div", {
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(_CustomResponsive.ResponsiveReceiver, {
130
- query: this.responsiveFunc,
131
- responsiveId: "Helmet"
132
- }, function (_ref2) {
133
- var tabletMode = _ref2.tabletMode;
134
- return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
135
- size: "medium",
136
- boxPosition: "bottomRight",
137
- isArrow: true,
138
- isAnimate: true,
139
- right: "-25",
140
- isActive: isPopupOpen && isPopupReady,
141
- getRef: getContainerRef,
142
- isResponsivePadding: true,
143
- alignBox: "row"
144
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
145
- flexible: true
146
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
147
- alignBox: "column",
148
- className: "".concat(tabletMode ? '' : _SelectDropdownModule["default"].rulesPopup)
149
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
150
- className: _SelectDropdownModule["default"].rulesDepart
151
- }, /*#__PURE__*/_react["default"].createElement(_DropDownHeading["default"], {
152
- text: title
153
- })), isSearchRequired ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
154
- className: _SelectDropdownModule["default"].searchDepart
155
- }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
156
- name: "Test",
157
- id: "Test",
158
- maxLength: "150",
159
- placeHolder: "Search Department"
160
- })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
161
- scroll: "vertical",
162
- flexible: true,
163
- shrink: true
164
- }, options && options.length && options.map(function (obj, index) {
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
 
@@ -31,7 +31,6 @@
31
31
  max-height: var(--zd_size260);
32
32
  padding: var(--zd_size10) 0;
33
33
  }
34
-
35
34
  .rulesDepart {
36
35
  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
37
36
  }
@@ -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 }; }