@zohodesk/dot 1.0.0-temp-50 → 1.0.0-temp-54

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 (133) hide show
  1. package/README.md +77 -31
  2. package/es/Appearance/dark/mode/dotDarkMode.module.css +6 -4
  3. package/es/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -0
  4. package/es/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -0
  5. package/es/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -0
  6. package/es/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -0
  7. package/es/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -0
  8. package/es/Appearance/default/mode/dotDefaultMode.module.css +6 -4
  9. package/es/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -0
  10. package/es/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -0
  11. package/es/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -0
  12. package/es/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -0
  13. package/es/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -0
  14. package/es/Drawer/Drawer.js +6 -8
  15. package/es/ExternalLink/__tests__/ExternalLink.spec.js +1 -0
  16. package/es/Link/Link.js +1 -1
  17. package/es/MessageBanner/MessageBanner.js +10 -5
  18. package/es/MessageBanner/MessageBanner.module.css +4 -3
  19. package/es/Provider.js +7 -1
  20. package/es/alert/AlertLookup/AlertLookup.js +1 -2
  21. package/es/avatar/AvatarThread/AvatarThread.js +7 -5
  22. package/es/docs/setupDocs.js +1 -3
  23. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +5 -11
  24. package/es/errorstate/Inconvenience/Inconvenience.js +32 -36
  25. package/es/errorstate/NoRequestFound/NoRequestFound.js +32 -36
  26. package/es/errorstate/PermissionPlay/PermissionPlay.js +31 -35
  27. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +32 -36
  28. package/es/errorstate/UnableToProcess/UnableToProcess.js +32 -36
  29. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +32 -36
  30. package/es/errorstate/WillBack/WillBack.js +30 -34
  31. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -0
  32. package/es/form/fields/TextEditor/TextEditor.js +1 -1
  33. package/es/form/layout/Field/Field.js +1 -1
  34. package/es/form/layout/Section/Section.js +7 -3
  35. package/es/list/ListLayout/ListLayout.js +10 -4
  36. package/es/list/ListLayout/ListLayout.module.css +29 -4
  37. package/es/list/SecondryPanel/docs/SecondryPanel__default.docs.js +46 -50
  38. package/es/list/UserTime/docs/UserTime__default.docs.js +30 -40
  39. package/es/list/status/StatusListItem/StatusListItem.js +2 -0
  40. package/es/lookup/header/ModuleHeader/ModuleHeader.js +8 -3
  41. package/es/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +13 -3
  42. package/es/lookup/header/TicketHeader/TicketHeader.js +7 -4
  43. package/es/lookup/header/ViewDropDown/ViewDropDown.js +4 -8
  44. package/es/lookup/header/lookupHeaderCommon.module.css +8 -2
  45. package/es/utils/General.js +3 -7
  46. package/es/utils/KeyboardApi.js +1 -3
  47. package/es/utils/editorUtils.js +2 -5
  48. package/es/version2/lookup/AlertLookup/AlertLookup.js +1 -2
  49. package/lib/Appearance/dark/mode/dotDarkMode.module.css +6 -4
  50. package/lib/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -0
  51. package/lib/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -0
  52. package/lib/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -0
  53. package/lib/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -0
  54. package/lib/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -0
  55. package/lib/Appearance/default/mode/dotDefaultMode.module.css +6 -4
  56. package/lib/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -0
  57. package/lib/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -0
  58. package/lib/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -0
  59. package/lib/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -0
  60. package/lib/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -0
  61. package/lib/Drawer/Drawer.js +1 -1
  62. package/lib/FormAction/FormAction.js +1 -1
  63. package/lib/Link/Link.js +1 -1
  64. package/lib/Message/Message.js +1 -1
  65. package/lib/MessageBanner/MessageBanner.js +10 -5
  66. package/lib/MessageBanner/MessageBanner.module.css +4 -3
  67. package/lib/Provider.js +8 -1
  68. package/lib/avatar/AvatarThread/AvatarThread.js +7 -5
  69. package/lib/docs/formDocs.js +52 -52
  70. package/lib/docs/generalDocs.js +250 -250
  71. package/lib/docs/lookupDocs.js +70 -70
  72. package/lib/docs/setupDocs.js +32 -32
  73. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  74. package/lib/form/layout/Field/Field.js +1 -1
  75. package/lib/form/layout/Section/Section.js +7 -3
  76. package/lib/index.js +4 -4
  77. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  78. package/lib/layout/SetupDetailLayout/index.js +6 -6
  79. package/lib/layout/SubtabLayout/SubtabLayout.js +1 -1
  80. package/lib/layout/SubtabLayout/index.js +8 -8
  81. package/lib/list/ListLayout/ListLayout.js +12 -6
  82. package/lib/list/ListLayout/ListLayout.module.css +29 -4
  83. package/lib/list/SecondaryText/index.js +22 -22
  84. package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
  85. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +8 -3
  86. package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +13 -3
  87. package/lib/lookup/header/TicketHeader/TicketHeader.js +7 -4
  88. package/lib/lookup/header/lookupHeaderCommon.module.css +8 -2
  89. package/lib/utils/ChannelIconMapping.js +1 -1
  90. package/lib/utils/General.js +3 -3
  91. package/lib/utils/KeyboardApi.js +1 -3
  92. package/lib/utils/editorUtils.js +6 -6
  93. package/lib/version2/GlobalNotification/GlobalNotification.js +1 -1
  94. package/package.json +7 -7
  95. package/src/Appearance/dark/mode/dotDarkMode.module.css +6 -4
  96. package/src/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -0
  97. package/src/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -0
  98. package/src/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -0
  99. package/src/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -0
  100. package/src/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -0
  101. package/src/Appearance/default/mode/dotDefaultMode.module.css +6 -4
  102. package/src/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -0
  103. package/src/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -0
  104. package/src/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -0
  105. package/src/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -0
  106. package/src/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -0
  107. package/src/Link/Link.js +3 -1
  108. package/src/MessageBanner/MessageBanner.js +10 -6
  109. package/src/MessageBanner/MessageBanner.module.css +3 -2
  110. package/src/Provider.js +3 -0
  111. package/src/avatar/AvatarThread/AvatarThread.js +8 -3
  112. package/src/docs/setupDocs.js +0 -2
  113. package/src/form/fields/TextEditor/TextEditor.js +1 -1
  114. package/src/form/layout/Field/Field.js +4 -3
  115. package/src/form/layout/Section/Section.js +14 -10
  116. package/src/list/ListLayout/ListLayout.js +11 -5
  117. package/src/list/ListLayout/ListLayout.module.css +18 -4
  118. package/src/lookup/header/ModuleHeader/ModuleHeader.js +9 -3
  119. package/src/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +21 -8
  120. package/src/lookup/header/TicketHeader/TicketHeader.js +7 -4
  121. package/src/lookup/header/lookupHeaderCommon.module.css +6 -0
  122. package/es/deprecated/Theme/dotDarkTheme.module.css +0 -532
  123. package/es/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  124. package/es/deprecated/Theme/palette/darkPalette.module.css +0 -40
  125. package/es/deprecated/Theme/palette/defaultPalette.module.css +0 -40
  126. package/lib/deprecated/Theme/dotDarkTheme.module.css +0 -532
  127. package/lib/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  128. package/lib/deprecated/Theme/palette/darkPalette.module.css +0 -40
  129. package/lib/deprecated/Theme/palette/defaultPalette.module.css +0 -40
  130. package/src/deprecated/Theme/dotDarkTheme.module.css +0 -532
  131. package/src/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  132. package/src/deprecated/Theme/palette/darkPalette.module.css +0 -40
  133. package/src/deprecated/Theme/palette/defaultPalette.module.css +0 -40
package/es/errorstate/Inconvenience/Inconvenience.js CHANGED
@@ -12,10 +12,9 @@ export default class Inconvenience extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -40,38 +39,35 @@ export default class Inconvenience extends React.Component {
40
39
  } = this.props;
41
40
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
41
  query: this.responsiveFunc
43
- }, _ref2 => {
44
- let {
45
- tablet,
46
- uptoMobile
47
- } = _ref2;
48
- return /*#__PURE__*/React.createElement(Container, {
49
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
50
- dataId: dataId,
51
- scroll: "vertical"
52
- }, /*#__PURE__*/React.createElement(Box, {
53
- className: commonStyle.top
54
- }, title ? /*#__PURE__*/React.createElement("div", {
55
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
56
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
57
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
58
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
59
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
60
- }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
61
- isFluid: true,
62
- dataId: `${dataId}_svg`
63
- })), /*#__PURE__*/React.createElement(Box, {
64
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
65
- }, /*#__PURE__*/React.createElement("div", {
66
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
67
- }, description), /*#__PURE__*/React.createElement(LinkText, {
68
- text: urlText,
69
- href: url,
70
- onClick: onClick,
71
- dataId: `${dataId}_link`,
72
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
73
- })));
74
- });
42
+ }, ({
43
+ tablet,
44
+ uptoMobile
45
+ }) => /*#__PURE__*/React.createElement(Container, {
46
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
47
+ dataId: dataId,
48
+ scroll: "vertical"
49
+ }, /*#__PURE__*/React.createElement(Box, {
50
+ className: commonStyle.top
51
+ }, title ? /*#__PURE__*/React.createElement("div", {
52
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
53
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
54
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
55
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
56
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
57
+ }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
58
+ isFluid: true,
59
+ dataId: `${dataId}_svg`
60
+ })), /*#__PURE__*/React.createElement(Box, {
61
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
62
+ }, /*#__PURE__*/React.createElement("div", {
63
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
64
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
65
+ text: urlText,
66
+ href: url,
67
+ onClick: onClick,
68
+ dataId: `${dataId}_link`,
69
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
70
+ }))));
75
71
  }
76
72
 
77
73
  }
package/es/errorstate/NoRequestFound/NoRequestFound.js CHANGED
@@ -12,10 +12,9 @@ export default class NoRequestFound extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -40,38 +39,35 @@ export default class NoRequestFound extends React.Component {
40
39
  } = this.props;
41
40
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
41
  query: this.responsiveFunc
43
- }, _ref2 => {
44
- let {
45
- tablet,
46
- uptoMobile
47
- } = _ref2;
48
- return /*#__PURE__*/React.createElement(Container, {
49
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
50
- dataId: dataId,
51
- scroll: "vertical"
52
- }, /*#__PURE__*/React.createElement(Box, {
53
- className: commonStyle.top
54
- }, title ? /*#__PURE__*/React.createElement("div", {
55
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
56
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
57
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
58
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
59
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
60
- }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
61
- isFluid: true,
62
- dataId: `${dataId}_svg`
63
- })), /*#__PURE__*/React.createElement(Box, {
64
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
65
- }, /*#__PURE__*/React.createElement("div", {
66
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
67
- }, description), /*#__PURE__*/React.createElement(LinkText, {
68
- text: urlText,
69
- href: url,
70
- onClick: onClick,
71
- dataId: `${dataId}_link`,
72
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
73
- })));
74
- });
42
+ }, ({
43
+ tablet,
44
+ uptoMobile
45
+ }) => /*#__PURE__*/React.createElement(Container, {
46
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
47
+ dataId: dataId,
48
+ scroll: "vertical"
49
+ }, /*#__PURE__*/React.createElement(Box, {
50
+ className: commonStyle.top
51
+ }, title ? /*#__PURE__*/React.createElement("div", {
52
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
53
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
54
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
55
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
56
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
57
+ }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
58
+ isFluid: true,
59
+ dataId: `${dataId}_svg`
60
+ })), /*#__PURE__*/React.createElement(Box, {
61
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
62
+ }, /*#__PURE__*/React.createElement("div", {
63
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
64
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
65
+ text: urlText,
66
+ href: url,
67
+ onClick: onClick,
68
+ dataId: `${dataId}_link`,
69
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
70
+ }))));
75
71
  }
76
72
 
77
73
  }
package/es/errorstate/PermissionPlay/PermissionPlay.js CHANGED
@@ -12,10 +12,9 @@ export default class PermissionPlay extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -40,37 +39,34 @@ export default class PermissionPlay extends React.Component {
40
39
  } = this.props;
41
40
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
41
  query: this.responsiveFunc
43
- }, _ref2 => {
44
- let {
45
- tablet,
46
- uptoMobile
47
- } = _ref2;
48
- return /*#__PURE__*/React.createElement(Container, {
49
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
50
- dataId: dataId,
51
- scroll: "vertical"
52
- }, /*#__PURE__*/React.createElement(Box, {
53
- className: commonStyle.top
54
- }, title ? /*#__PURE__*/React.createElement("div", {
55
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
56
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
57
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
58
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
59
- className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
60
- }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
61
- isFluid: true,
62
- dataId: `${dataId}_svg`
63
- })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
64
- className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
65
- }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
66
- className: style.lineText
67
- }, /*#__PURE__*/React.createElement(LinkText, {
68
- text: urlText,
69
- href: url,
70
- onClick: onClick,
71
- dataId: `${dataId}_link`
72
- })))));
73
- });
42
+ }, ({
43
+ tablet,
44
+ uptoMobile
45
+ }) => /*#__PURE__*/React.createElement(Container, {
46
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
47
+ dataId: dataId,
48
+ scroll: "vertical"
49
+ }, /*#__PURE__*/React.createElement(Box, {
50
+ className: commonStyle.top
51
+ }, title ? /*#__PURE__*/React.createElement("div", {
52
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
53
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
54
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
55
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
56
+ className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
57
+ }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
58
+ isFluid: true,
59
+ dataId: `${dataId}_svg`
60
+ })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
61
+ className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
62
+ }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
63
+ className: style.lineText
64
+ }, /*#__PURE__*/React.createElement(LinkText, {
65
+ text: urlText,
66
+ href: url,
67
+ onClick: onClick,
68
+ dataId: `${dataId}_link`
69
+ }))))));
74
70
  }
75
71
 
76
72
  }
package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js CHANGED
@@ -12,10 +12,9 @@ export default class RequestUrlNotFound extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -40,38 +39,35 @@ export default class RequestUrlNotFound extends React.Component {
40
39
  } = this.props;
41
40
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
41
  query: this.responsiveFunc
43
- }, _ref2 => {
44
- let {
45
- tablet,
46
- uptoMobile
47
- } = _ref2;
48
- return /*#__PURE__*/React.createElement(Container, {
49
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
50
- dataId: dataId,
51
- scroll: "vertical"
52
- }, /*#__PURE__*/React.createElement(Box, {
53
- className: commonStyle.top
54
- }, title ? /*#__PURE__*/React.createElement("div", {
55
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
56
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
57
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
58
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
59
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
60
- }, /*#__PURE__*/React.createElement(UrlNotFound, {
61
- isFluid: true,
62
- dataId: `${dataId}_svg`
63
- })), /*#__PURE__*/React.createElement(Box, {
64
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
65
- }, /*#__PURE__*/React.createElement("div", {
66
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
67
- }, description), /*#__PURE__*/React.createElement(LinkText, {
68
- text: urlText,
69
- href: url,
70
- onClick: onClick,
71
- dataId: `${dataId}_link`,
72
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
73
- })));
74
- });
42
+ }, ({
43
+ tablet,
44
+ uptoMobile
45
+ }) => /*#__PURE__*/React.createElement(Container, {
46
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
47
+ dataId: dataId,
48
+ scroll: "vertical"
49
+ }, /*#__PURE__*/React.createElement(Box, {
50
+ className: commonStyle.top
51
+ }, title ? /*#__PURE__*/React.createElement("div", {
52
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
53
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
54
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
55
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
56
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
57
+ }, /*#__PURE__*/React.createElement(UrlNotFound, {
58
+ isFluid: true,
59
+ dataId: `${dataId}_svg`
60
+ })), /*#__PURE__*/React.createElement(Box, {
61
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
62
+ }, /*#__PURE__*/React.createElement("div", {
63
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
64
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
65
+ text: urlText,
66
+ href: url,
67
+ onClick: onClick,
68
+ dataId: `${dataId}_link`,
69
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
70
+ }))));
75
71
  }
76
72
 
77
73
  }
package/es/errorstate/UnableToProcess/UnableToProcess.js CHANGED
@@ -12,10 +12,9 @@ export default class UnableToProcess extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -40,38 +39,35 @@ export default class UnableToProcess extends React.Component {
40
39
  } = this.props;
41
40
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
41
  query: this.responsiveFunc
43
- }, _ref2 => {
44
- let {
45
- tablet,
46
- uptoMobile
47
- } = _ref2;
48
- return /*#__PURE__*/React.createElement(Container, {
49
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
50
- dataId: dataId,
51
- scroll: "vertical"
52
- }, /*#__PURE__*/React.createElement(Box, {
53
- className: commonStyle.top
54
- }, title ? /*#__PURE__*/React.createElement("div", {
55
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
56
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
57
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
58
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
59
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
60
- }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
61
- isFluid: true,
62
- dataId: `${dataId}_svg`
63
- })), /*#__PURE__*/React.createElement(Box, {
64
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
65
- }, /*#__PURE__*/React.createElement("div", {
66
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
67
- }, description), /*#__PURE__*/React.createElement(LinkText, {
68
- text: urlText,
69
- href: url,
70
- onClick: onClick,
71
- dataId: `${dataId}_link`,
72
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
73
- })));
74
- });
42
+ }, ({
43
+ tablet,
44
+ uptoMobile
45
+ }) => /*#__PURE__*/React.createElement(Container, {
46
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
47
+ dataId: dataId,
48
+ scroll: "vertical"
49
+ }, /*#__PURE__*/React.createElement(Box, {
50
+ className: commonStyle.top
51
+ }, title ? /*#__PURE__*/React.createElement("div", {
52
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
53
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
54
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
55
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
56
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
57
+ }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
58
+ isFluid: true,
59
+ dataId: `${dataId}_svg`
60
+ })), /*#__PURE__*/React.createElement(Box, {
61
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
62
+ }, /*#__PURE__*/React.createElement("div", {
63
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
64
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
65
+ text: urlText,
66
+ href: url,
67
+ onClick: onClick,
68
+ dataId: `${dataId}_link`,
69
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
70
+ }))));
75
71
  }
76
72
 
77
73
  }
package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js CHANGED
@@ -12,10 +12,9 @@ export default class UnauthorizedLogin extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -40,38 +39,35 @@ export default class UnauthorizedLogin extends React.Component {
40
39
  } = this.props;
41
40
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
41
  query: this.responsiveFunc
43
- }, _ref2 => {
44
- let {
45
- tablet,
46
- uptoMobile
47
- } = _ref2;
48
- return /*#__PURE__*/React.createElement(Container, {
49
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
50
- dataId: dataId,
51
- scroll: "vertical"
52
- }, /*#__PURE__*/React.createElement(Box, {
53
- className: commonStyle.top
54
- }, title ? /*#__PURE__*/React.createElement("div", {
55
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
56
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
57
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
58
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
59
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
60
- }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
61
- isFluid: true,
62
- dataId: `${dataId}_svg`
63
- })), /*#__PURE__*/React.createElement(Box, {
64
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
65
- }, /*#__PURE__*/React.createElement("div", {
66
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
67
- }, description), /*#__PURE__*/React.createElement(LinkText, {
68
- text: urlText,
69
- href: url,
70
- onClick: onClick,
71
- dataId: `${dataId}_link`,
72
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
73
- })));
74
- });
42
+ }, ({
43
+ tablet,
44
+ uptoMobile
45
+ }) => /*#__PURE__*/React.createElement(Container, {
46
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
47
+ dataId: dataId,
48
+ scroll: "vertical"
49
+ }, /*#__PURE__*/React.createElement(Box, {
50
+ className: commonStyle.top
51
+ }, title ? /*#__PURE__*/React.createElement("div", {
52
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
53
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
54
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
55
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
56
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
57
+ }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
58
+ isFluid: true,
59
+ dataId: `${dataId}_svg`
60
+ })), /*#__PURE__*/React.createElement(Box, {
61
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
62
+ }, /*#__PURE__*/React.createElement("div", {
63
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
64
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
65
+ text: urlText,
66
+ href: url,
67
+ onClick: onClick,
68
+ dataId: `${dataId}_link`,
69
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
70
+ }))));
75
71
  }
76
72
 
77
73
  }
package/es/errorstate/WillBack/WillBack.js CHANGED
@@ -11,10 +11,9 @@ export default class WillBack extends React.Component {
11
11
  this.responsiveFunc = this.responsiveFunc.bind(this);
12
12
  }
13
13
 
14
- responsiveFunc(_ref) {
15
- let {
16
- mediaQueryOR
17
- } = _ref;
14
+ responsiveFunc({
15
+ mediaQueryOR
16
+ }) {
18
17
  return {
19
18
  tablet: mediaQueryOR([{
20
19
  minWidth: 481,
@@ -33,36 +32,33 @@ export default class WillBack extends React.Component {
33
32
  } = this.props;
34
33
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
35
34
  query: this.responsiveFunc
36
- }, _ref2 => {
37
- let {
38
- tablet,
39
- uptoMobile
40
- } = _ref2;
41
- return /*#__PURE__*/React.createElement(Container, {
42
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
43
- dataId: dataId,
44
- scroll: "vertical"
45
- }, /*#__PURE__*/React.createElement(Box, {
46
- className: commonStyle.top
47
- }, /*#__PURE__*/React.createElement("div", {
48
- className: uptoMobile || tablet ? '' : `${commonStyle.header} ${style.header} `
49
- }, /*#__PURE__*/React.createElement("div", {
50
- className: uptoMobile ? style.mobileTitle : tablet ? style.tabletTitle : style.title
51
- }, "We'll be right back !"))), /*#__PURE__*/React.createElement(Box, {
52
- className: uptoMobile ? style.mobileImageContainer : tablet ? style.tabletImageContainer : style.imageContainer
53
- }, /*#__PURE__*/React.createElement(WillBeRightBack, {
54
- isFluid: true,
55
- dataId: `${dataId}_svg`
56
- })), /*#__PURE__*/React.createElement(Box, {
57
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
60
- }, "Our Service is temporarity unavailable. We are currently working to restore it."), /*#__PURE__*/React.createElement("div", {
61
- className: `${uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText} ${style.bottomSpace} `
62
- }, "Please try again later or report this issue"), /*#__PURE__*/React.createElement("div", {
63
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
64
- }, "2013, Zoho Corp, All rights reserved.")));
65
- });
35
+ }, ({
36
+ tablet,
37
+ uptoMobile
38
+ }) => /*#__PURE__*/React.createElement(Container, {
39
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
40
+ dataId: dataId,
41
+ scroll: "vertical"
42
+ }, /*#__PURE__*/React.createElement(Box, {
43
+ className: commonStyle.top
44
+ }, /*#__PURE__*/React.createElement("div", {
45
+ className: uptoMobile || tablet ? '' : `${commonStyle.header} ${style.header} `
46
+ }, /*#__PURE__*/React.createElement("div", {
47
+ className: uptoMobile ? style.mobileTitle : tablet ? style.tabletTitle : style.title
48
+ }, "We'll be right back !"))), /*#__PURE__*/React.createElement(Box, {
49
+ className: uptoMobile ? style.mobileImageContainer : tablet ? style.tabletImageContainer : style.imageContainer
50
+ }, /*#__PURE__*/React.createElement(WillBeRightBack, {
51
+ isFluid: true,
52
+ dataId: `${dataId}_svg`
53
+ })), /*#__PURE__*/React.createElement(Box, {
54
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
55
+ }, /*#__PURE__*/React.createElement("div", {
56
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
57
+ }, "Our Service is temporarity unavailable. We are currently working to restore it."), /*#__PURE__*/React.createElement("div", {
58
+ className: `${uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText} ${style.bottomSpace} `
59
+ }, "Please try again later or report this issue"), /*#__PURE__*/React.createElement("div", {
60
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
61
+ }, "2013, Zoho Corp, All rights reserved."))));
66
62
  }
67
63
 
68
64
  }
package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js CHANGED
@@ -1,3 +1,5 @@
1
+ import "core-js/modules/es.string.replace";
2
+
1
3
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
4
 
3
5
  import React, { useState, useEffect } from 'react';
package/es/form/fields/TextEditor/TextEditor.js CHANGED
@@ -238,7 +238,7 @@ export default class TextEditor extends Component {
238
238
  }
239
239
 
240
240
  let customFonts = document.createElement('style');
241
- customFonts.innerText = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
241
+ customFonts.innerText = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
242
242
  iframeHead.appendChild(customFonts);
243
243
  }
244
244
  }
package/es/form/layout/Field/Field.js CHANGED
@@ -13,7 +13,7 @@ export default class Field extends Component {
13
13
  dataId
14
14
  } = this.props;
15
15
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
16
- className: `${containerClass ? containerClass : ''} ${column == 'single' ? `${style.singleColumn}` : `${style[width]} `}`,
16
+ className: `${column == 'single' ? `${style.singleColumn}` : `${style[width]}`} ${`formFieldLi_${width}`} ${containerClass ? containerClass : ''} `,
17
17
  "data-id": dataId
18
18
  }, /*#__PURE__*/React.createElement("div", {
19
19
  className: `${className ? className : ''} ${`fieldWidth_${width}`}`