@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.
- package/README.md +6 -0
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -198
- package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +8 -8
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
- package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
- package/assets/Appearance/light/mode/Component_LightMode.module.css +194 -194
- package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +8 -8
- package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
- package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +200 -200
- package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +8 -8
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
- package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
- package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
- package/es/DropBox/utils/isMobilePopover.js +3 -14
- package/es/Popup/Popup.js +21 -1045
- package/es/utils/Common.js +1 -1
- package/es/v1/Popup/Popup.js +1 -1
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +5 -5
- package/lib/DropBox/utils/isMobilePopover.js +4 -14
- package/lib/Popup/Popup.js +25 -1152
- package/lib/utils/Common.js +1 -1
- package/lib/v1/Popup/Popup.js +1 -1
- package/package.json +4 -4
- package/es/DropBox/DropBoxPositionMapping.js +0 -142
- package/es/Popup/PositionMapping.js +0 -72
- package/es/Popup/Registry.js +0 -36
- package/es/Popup/intersectionObserver.js +0 -49
- package/es/Popup/viewPort.js +0 -373
- package/lib/DropBox/DropBoxPositionMapping.js +0 -149
- package/lib/Popup/PositionMapping.js +0 -81
- package/lib/Popup/Registry.js +0 -46
- package/lib/Popup/intersectionObserver.js +0 -72
- package/lib/Popup/viewPort.js +0 -367
package/es/utils/Common.js
CHANGED
package/es/v1/Popup/Popup.js
CHANGED
|
@@ -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
|
|
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
|
|
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 =
|
|
78
|
+
var boxDirection = _positioning.positionMapping[boxPosition].direction;
|
|
79
79
|
|
|
80
80
|
if (isAbsolute) {
|
|
81
|
-
arrowPosition = arrowPosition ? arrowPosition :
|
|
82
|
-
boxPosition =
|
|
81
|
+
arrowPosition = arrowPosition ? arrowPosition : _positioning.positionMapping[boxPosition].arrowPosition;
|
|
82
|
+
boxPosition = _positioning.positionMapping[boxPosition].positionStyle;
|
|
83
83
|
} else {
|
|
84
|
-
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
|
-
|
|
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
|
-
|
|
20
|
-
|
|
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
|
}
|