@zohodesk/dot 1.0.0-temp-145 → 1.0.0-temp-146

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 (116) hide show
  1. package/README.md +16 -0
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +304 -303
  3. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
  4. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
  5. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
  6. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
  8. package/assets/Appearance/default/mode/dotDefaultMode.module.css +299 -298
  9. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
  10. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
  11. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
  12. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
  14. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +307 -306
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
  20. package/css_error.log +1 -0
  21. package/es/AttachmentViewer/AttachmentViewer.module.css +4 -5
  22. package/es/Drawer/Drawer.module.css +42 -3
  23. package/es/FreezeLayer/FreezeLayer.js +2 -7
  24. package/es/FreezeLayer/props/propTypes.js +2 -1
  25. package/es/FreezeLayer/useFreezeLayer.js +0 -2
  26. package/es/Message/Message.module.css +1 -1
  27. package/es/PlusIcon/PlusIcon.module.css +5 -2
  28. package/es/Provider/Config.js +1 -2
  29. package/es/TagWithIcon/TagWithIcon.js +41 -0
  30. package/es/TagWithIcon/TagWithIcon.module.css +56 -0
  31. package/es/TagWithIcon/props/defaultProps.js +8 -0
  32. package/es/TagWithIcon/props/propTypes.js +12 -0
  33. package/es/ToastMessage/ToastMessage.module.css +7 -6
  34. package/es/common/dot_boxShadow.module.css +38 -0
  35. package/es/common/dot_docStyle.module.css +35 -0
  36. package/es/form/fields/TextEditor/TextEditor.js +16 -10
  37. package/es/form/fields/TextEditor/TextEditor.module.css +161 -63
  38. package/es/layout/SubtabLayout/SubtabLayout.module.css +21 -2
  39. package/es/list/DotNew/DotNew.module.css +8 -5
  40. package/es/list/TagNew/TagNew.module.css +4 -2
  41. package/es/lookup/Section/LookupSection.module.css +2 -2
  42. package/es/lookup/Section/Section.js +0 -1
  43. package/es/version2/GlobalNotification/GlobalNotification.module.css +4 -1
  44. package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -2
  45. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +0 -1
  46. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +23 -2
  47. package/lib/AlphabeticList/AlphabeticList.js +1 -1
  48. package/lib/AttachmentViewer/AttachmentImage.js +1 -1
  49. package/lib/AttachmentViewer/AttachmentViewer.module.css +4 -5
  50. package/lib/Drawer/Drawer.module.css +42 -3
  51. package/lib/ExternalLink/ExternalLink.js +1 -1
  52. package/lib/FreezeLayer/FreezeLayer.js +2 -10
  53. package/lib/FreezeLayer/props/propTypes.js +4 -2
  54. package/lib/FreezeLayer/useFreezeLayer.js +0 -2
  55. package/lib/Message/Message.module.css +1 -1
  56. package/lib/PlusIcon/PlusIcon.module.css +5 -2
  57. package/lib/Provider/Config.js +1 -2
  58. package/lib/TagWithIcon/TagWithIcon.js +71 -0
  59. package/lib/TagWithIcon/TagWithIcon.module.css +56 -0
  60. package/lib/TagWithIcon/props/defaultProps.js +15 -0
  61. package/lib/TagWithIcon/props/propTypes.js +20 -0
  62. package/lib/ToastMessage/ToastMessage.js +2 -1
  63. package/lib/ToastMessage/ToastMessage.module.css +7 -6
  64. package/lib/alert/AlertLookup/AlertLookup.js +1 -1
  65. package/lib/avatar/AvatarUser/AvatarUser.js +1 -1
  66. package/lib/common/dot_boxShadow.module.css +38 -0
  67. package/lib/common/dot_docStyle.module.css +35 -0
  68. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  69. package/lib/form/fields/CurrencyField/CurrencyField.js +1 -1
  70. package/lib/form/fields/DateField/DateField.js +1 -1
  71. package/lib/form/fields/FieldContainer/FieldContainer.js +1 -1
  72. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  73. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  74. package/lib/form/fields/RadioField/RadioField.js +1 -1
  75. package/lib/form/fields/SelectField/SelectField.js +1 -1
  76. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +1 -1
  77. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  78. package/lib/form/fields/TextEditor/TextEditor.js +18 -11
  79. package/lib/form/fields/TextEditor/TextEditor.module.css +161 -63
  80. package/lib/form/fields/TextEditorField/TextEditorField.js +1 -1
  81. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
  82. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  83. package/lib/layout/SubtabLayout/SubtabLayout.module.css +21 -2
  84. package/lib/list/DotNew/DotNew.module.css +8 -5
  85. package/lib/list/ListStencils/ListStencils.js +1 -1
  86. package/lib/list/SecondaryText/AccountName.js +1 -1
  87. package/lib/list/SecondaryText/Email.js +1 -1
  88. package/lib/list/SecondaryText/HappinessRating.js +1 -1
  89. package/lib/list/SecondaryText/PhoneNumber.js +1 -1
  90. package/lib/list/SecondaryText/Website.js +1 -1
  91. package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
  92. package/lib/list/TagNew/TagNew.module.css +4 -2
  93. package/lib/list/status/StatusListItem/StatusListItem.js +1 -1
  94. package/lib/lookup/EmptyPage/EmptyPage.js +1 -1
  95. package/lib/lookup/Lookup/Lookup.js +1 -1
  96. package/lib/lookup/Section/LookupSection.module.css +2 -2
  97. package/lib/lookup/Section/Section.js +0 -1
  98. package/lib/lookup/header/Close/Close.js +1 -1
  99. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  100. package/lib/lookup/header/Search/Search.js +1 -1
  101. package/lib/lookup/header/TicketHeader/TicketHeader.js +1 -1
  102. package/lib/lookup/header/Title/Title.js +1 -1
  103. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  104. package/lib/version2/AlertClose/AlertClose.js +1 -1
  105. package/lib/version2/GlobalNotification/GlobalNotification.module.css +4 -1
  106. package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -2
  107. package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +0 -1
  108. package/lib/version2/lookup/AlertLookup/AlertLookup.js +1 -1
  109. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +23 -2
  110. package/package.json +10 -18
  111. package/es/Hooks/Dragger/css/Dragger.module.css +0 -3
  112. package/es/Hooks/Dragger/useDragger.js +0 -74
  113. package/es/Hooks/Dragger/utils/DraggerUtil.js +0 -33
  114. package/lib/Hooks/Dragger/css/Dragger.module.css +0 -3
  115. package/lib/Hooks/Dragger/useDragger.js +0 -80
  116. package/lib/Hooks/Dragger/utils/DraggerUtil.js +0 -65
@@ -0,0 +1,38 @@
1
+ :root {
2
+ /* attachment viewer */
3
+ --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
4
+
5
+ /* texteditor */
6
+ --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
7
+ --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
8
+
9
+ /* subtab layout */
10
+ --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
11
+
12
+ /* drawer */
13
+ --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
14
+
15
+ /* dot new */
16
+ --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
17
+
18
+ /* tag new */
19
+ --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
20
+
21
+ /* lookup section */
22
+ --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
23
+
24
+ /* message */
25
+ --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
26
+
27
+ /* plus icon */
28
+ --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
29
+
30
+ /* toast message */
31
+ --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
32
+
33
+ /* global notification */
34
+ --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--globalnotification_box_shadow));
35
+
36
+ /* desktop notification */
37
+ --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
+ }
@@ -0,0 +1,35 @@
1
+ [data-mode='default']:global(.zd-contrast) {
2
+ color: #000;
3
+ background: #fff;
4
+ border-color: #000;
5
+ }
6
+
7
+ [data-mode='dark']:global(.zd-contrast) {
8
+ color: #fff;
9
+ background-color: #101319;
10
+ border-color: #fff;
11
+ }
12
+
13
+ [data-mode='pureDark']:global(.zd-contrast) {
14
+ color: #fff;
15
+ background-color: #080808;
16
+ border-color: #fff;
17
+ }
18
+
19
+ :global(.zd-contrast) {
20
+ --zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
21
+ --zd_bs_contrast_none: 0 0 0 transparent;
22
+ --zd_lightmode_grey_bg: -0%;
23
+ }
24
+
25
+ :global(.zd-contrast-level1) {
26
+ --zd_contrastLevel: 10;
27
+ }
28
+
29
+ :global(.zd-contrast-level2) {
30
+ --zd_contrastLevel: 20;
31
+ }
32
+
33
+ :global(.zd-contrast-level3) {
34
+ --zd_contrastLevel: 40;
35
+ }
@@ -86,6 +86,11 @@ export default class TextEditor extends Component {
86
86
  }
87
87
  defaultObj = Object.assign(defaultObj, editorOptions);
88
88
  ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
89
+ ZohoDeskEditor_Init.quoteData = {
90
+ STYLE: {
91
+ 'margin': '0 0 0 4px'
92
+ }
93
+ };
89
94
  ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
90
95
  }
91
96
  }
@@ -188,16 +193,17 @@ export default class TextEditor extends Component {
188
193
  if (!global.editor[id]) {
189
194
  global.editor[id] = editorObj;
190
195
  }
191
- const css = 'blockquote {margin:0 0 0 4px; }',
192
- head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
193
- style = document.createElement('style');
194
- style.type = 'text/css';
195
- if (style.styleSheet) {
196
- style.styleSheet.cssText = css;
197
- } else {
198
- style.appendChild(editorObj.doc.createTextNode(css));
199
- }
200
- head.appendChild(style);
196
+ // const css = 'blockquote {margin:0 0 0 4px; }',
197
+ // head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
198
+ // style = document.createElement('style');
199
+ // style.type = 'text/css';
200
+ // if (style.styleSheet) {
201
+ // style.styleSheet.cssText = css;
202
+ // } else {
203
+ // style.appendChild(editorObj.doc.createTextNode(css));
204
+ // }
205
+ // head.appendChild(style);
206
+
201
207
  editorCallback && editorCallback(editorObj);
202
208
  const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
203
209
  const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;