@zohodesk/components 1.0.0-temp-243.1 → 1.0.0-temp-242.2

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 (73) hide show
  1. package/README.md +6 -0
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -198
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +8 -8
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
  6. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
  9. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
  12. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
  15. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
  18. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
  19. package/assets/Appearance/light/mode/Component_LightMode.module.css +194 -194
  20. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +8 -8
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +200 -200
  37. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +8 -8
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
  53. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  54. package/es/DropBox/utils/isMobilePopover.js +3 -14
  55. package/es/Popup/Popup.js +21 -1045
  56. package/es/utils/Common.js +1 -1
  57. package/es/v1/Popup/Popup.js +1 -1
  58. package/lib/DropBox/DropBoxElement/DropBoxElement.js +5 -5
  59. package/lib/DropBox/utils/isMobilePopover.js +4 -14
  60. package/lib/Popup/Popup.js +25 -1152
  61. package/lib/utils/Common.js +1 -1
  62. package/lib/v1/Popup/Popup.js +1 -1
  63. package/package.json +4 -4
  64. package/es/DropBox/DropBoxPositionMapping.js +0 -142
  65. package/es/Popup/PositionMapping.js +0 -72
  66. package/es/Popup/Registry.js +0 -36
  67. package/es/Popup/intersectionObserver.js +0 -49
  68. package/es/Popup/viewPort.js +0 -373
  69. package/lib/DropBox/DropBoxPositionMapping.js +0 -149
  70. package/lib/Popup/PositionMapping.js +0 -81
  71. package/lib/Popup/Registry.js +0 -46
  72. package/lib/Popup/intersectionObserver.js +0 -72
  73. package/lib/Popup/viewPort.js +0 -367
@@ -1,5 +1,5 @@
1
1
  //$Id$//
2
- import viewPort from "../Popup/viewPort";
2
+ import viewPort from '@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js';
3
3
  const {
4
4
  frameRelativeRects
5
5
  } = viewPort;
@@ -5,7 +5,7 @@ import hoistStatics from 'hoist-non-react-statics';
5
5
  /**** Methods ****/
6
6
 
7
7
  import { debounce, isDescendant, isTextSelected, cancelBubblingEffect } from "../../utils/Common.js";
8
- import viewPort from "../../Popup/viewPort";
8
+ import viewPort from '@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js';
9
9
  import { absolutePositionMapping, rtlAbsolutePositionMapping, rtlFixedPositionMapping } from "../../Popup/PositionMapping.js";
10
10
  import ResizeObserver from '@zohodesk/virtualizer/lib/commons/ResizeObserver.js';
11
11
  let lastOpenedGroup = [];
@@ -11,7 +11,7 @@ var _useDropboxPosCalc2 = _interopRequireDefault(require("./useDropboxPosCalc"))
11
11
 
12
12
  var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
13
13
 
14
- var _DropBoxPositionMapping = require("../DropBoxPositionMapping.js");
14
+ var _positioning = require("@zohodesk/dotkit/es/react/components/Popup/utils/positioning");
15
15
 
16
16
  var _defaultProps = require("./props/defaultProps");
17
17
 
@@ -75,13 +75,13 @@ function DropBoxElement(props) {
75
75
  ariaMultiselectable = a11y.ariaMultiselectable,
76
76
  ariaLabelledby = a11y.ariaLabelledby;
77
77
  boxPosition = boxPosition && boxPosition != 'undefined' ? boxPosition : 'bottomCenter';
78
- var boxDirection = _DropBoxPositionMapping.positionMapping[boxPosition].direction;
78
+ var boxDirection = _positioning.positionMapping[boxPosition].direction;
79
79
 
80
80
  if (isAbsolute) {
81
- arrowPosition = arrowPosition ? arrowPosition : _DropBoxPositionMapping.positionMapping[boxPosition].arrowPosition;
82
- boxPosition = _DropBoxPositionMapping.positionMapping[boxPosition].positionStyle;
81
+ arrowPosition = arrowPosition ? arrowPosition : _positioning.positionMapping[boxPosition].arrowPosition;
82
+ boxPosition = _positioning.positionMapping[boxPosition].positionStyle;
83
83
  } else {
84
- arrowPosition = _DropBoxPositionMapping.positionMapping[boxPosition].arrowPosition;
84
+ arrowPosition = _positioning.positionMapping[boxPosition].arrowPosition;
85
85
  }
86
86
 
87
87
  var _useDropboxPosCalc = (0, _useDropboxPosCalc2["default"])(props),
@@ -7,19 +7,9 @@ exports["default"] = isMobilePopover;
7
7
 
8
8
  var _Config = require("../../Provider/Config");
9
9
 
10
- function isMobilePopover(needResponsive) {
11
- // let { needResponsive } = props;
12
- var windowWidth,
13
- mobileWidth = (0, _Config.getLibraryConfig)('mobileWidth'),
14
- isModel = false;
15
-
16
- if (needResponsive) {
17
- windowWidth = window.innerWidth;
10
+ var _utils = require("@zohodesk/dotkit/es/react/components/Popup/utils");
18
11
 
19
- if (windowWidth <= mobileWidth) {
20
- isModel = true;
21
- }
22
- }
23
-
24
- return isModel ? true : false;
12
+ function isMobilePopover(needResponsive) {
13
+ var mobileWidth = (0, _Config.getLibraryConfig)('mobileWidth');
14
+ return (0, _utils.isMobilePopover)(needResponsive, mobileWidth);
25
15
  }