@dreamcommerce/aurora 3.0.0-43 → 3.0.0-44
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/build/cjs/_virtual/_rollupPluginBabelHelpers.js +49 -0
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js +19 -0
- package/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js +34 -0
- package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js +111 -0
- package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-dialog/dist/index.mjs.js +390 -0
- package/build/cjs/external/@radix-ui/react-dialog/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +247 -0
- package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-focus-guards/dist/index.mjs.js +37 -0
- package/build/cjs/external/@radix-ui/react-focus-guards/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-focus-scope/dist/index.mjs.js +286 -0
- package/build/cjs/external/@radix-ui/react-focus-scope/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js +49 -0
- package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js +37 -0
- package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js +149 -0
- package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js +36 -0
- package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +25 -0
- package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +53 -0
- package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +30 -0
- package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +11 -0
- package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/aria-hidden/dist/es2015/index.js +141 -0
- package/build/cjs/external/aria-hidden/dist/es2015/index.js.map +1 -0
- package/build/cjs/external/get-nonce/dist/es2015/index.js +13 -0
- package/build/cjs/external/get-nonce/dist/es2015/index.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/Combination.js +14 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/Combination.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/SideEffect.js +167 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/SideEffect.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/UI.js +43 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/UI.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/aggresiveCapture.js +26 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/aggresiveCapture.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/handleScroll.js +115 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/handleScroll.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/medium.js +10 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/medium.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/sidecar.js +12 -0
- package/build/cjs/external/react-remove-scroll/dist/es2015/sidecar.js.map +1 -0
- package/build/cjs/external/react-remove-scroll/external/tslib/tslib.es6.mjs.js +60 -0
- package/build/cjs/external/react-remove-scroll/external/tslib/tslib.es6.mjs.js.map +1 -0
- package/build/cjs/external/react-remove-scroll-bar/dist/es2015/component.js +63 -0
- package/build/cjs/external/react-remove-scroll-bar/dist/es2015/component.js.map +1 -0
- package/build/cjs/external/react-remove-scroll-bar/dist/es2015/constants.js +18 -0
- package/build/cjs/external/react-remove-scroll-bar/dist/es2015/constants.js.map +1 -0
- package/build/cjs/external/react-remove-scroll-bar/dist/es2015/utils.js +37 -0
- package/build/cjs/external/react-remove-scroll-bar/dist/es2015/utils.js.map +1 -0
- package/build/cjs/external/react-style-singleton/dist/es2015/component.js +24 -0
- package/build/cjs/external/react-style-singleton/dist/es2015/component.js.map +1 -0
- package/build/cjs/external/react-style-singleton/dist/es2015/hook.js +30 -0
- package/build/cjs/external/react-style-singleton/dist/es2015/hook.js.map +1 -0
- package/build/cjs/external/react-style-singleton/dist/es2015/singleton.js +56 -0
- package/build/cjs/external/react-style-singleton/dist/es2015/singleton.js.map +1 -0
- package/build/cjs/external/use-callback-ref/dist/es2015/assignRef.js +29 -0
- package/build/cjs/external/use-callback-ref/dist/es2015/assignRef.js.map +1 -0
- package/build/cjs/external/use-callback-ref/dist/es2015/useMergeRef.js +53 -0
- package/build/cjs/external/use-callback-ref/dist/es2015/useMergeRef.js.map +1 -0
- package/build/cjs/external/use-callback-ref/dist/es2015/useRef.js +47 -0
- package/build/cjs/external/use-callback-ref/dist/es2015/useRef.js.map +1 -0
- package/build/cjs/external/use-sidecar/dist/es2015/exports.js +26 -0
- package/build/cjs/external/use-sidecar/dist/es2015/exports.js.map +1 -0
- package/build/cjs/external/use-sidecar/dist/es2015/medium.js +82 -0
- package/build/cjs/external/use-sidecar/dist/es2015/medium.js.map +1 -0
- package/build/cjs/external/use-sidecar/external/tslib/tslib.es6.mjs.js +49 -0
- package/build/cjs/external/use-sidecar/external/tslib/tslib.es6.mjs.js.map +1 -0
- package/build/cjs/external/vaul/dist/index.mjs.js +1666 -0
- package/build/cjs/external/vaul/dist/index.mjs.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_close.js +2 -2
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_close.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_content.js +2 -2
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_portal.js +2 -2
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_portal.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_title.js +3 -3
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_title.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_trigger.js +2 -2
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_trigger.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/drawer/drawer.js +2 -2
- package/build/cjs/packages/aurora/src/components/drawer/drawer.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +2 -2
- package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js +2 -2
- package/build/esm/_virtual/_rollupPluginBabelHelpers.js +49 -1
- package/build/esm/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js +15 -0
- package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js +29 -0
- package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js +106 -0
- package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-dialog/dist/index.mjs.js +369 -0
- package/build/esm/external/@radix-ui/react-dialog/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +242 -0
- package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-focus-guards/dist/index.mjs.js +33 -0
- package/build/esm/external/@radix-ui/react-focus-guards/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-focus-scope/dist/index.mjs.js +282 -0
- package/build/esm/external/@radix-ui/react-focus-scope/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js +24 -0
- package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js +29 -0
- package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js +145 -0
- package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js +31 -0
- package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +21 -0
- package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +49 -0
- package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +26 -0
- package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +7 -0
- package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -0
- package/build/esm/external/aria-hidden/dist/es2015/index.js +137 -0
- package/build/esm/external/aria-hidden/dist/es2015/index.js.map +1 -0
- package/build/esm/external/get-nonce/dist/es2015/index.js +9 -0
- package/build/esm/external/get-nonce/dist/es2015/index.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/Combination.js +10 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/Combination.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/SideEffect.js +161 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/SideEffect.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/UI.js +39 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/UI.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/aggresiveCapture.js +22 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/aggresiveCapture.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/handleScroll.js +110 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/handleScroll.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/medium.js +6 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/medium.js.map +1 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/sidecar.js +8 -0
- package/build/esm/external/react-remove-scroll/dist/es2015/sidecar.js.map +1 -0
- package/build/esm/external/react-remove-scroll/external/tslib/tslib.es6.mjs.js +55 -0
- package/build/esm/external/react-remove-scroll/external/tslib/tslib.es6.mjs.js.map +1 -0
- package/build/esm/external/react-remove-scroll-bar/dist/es2015/component.js +57 -0
- package/build/esm/external/react-remove-scroll-bar/dist/es2015/component.js.map +1 -0
- package/build/esm/external/react-remove-scroll-bar/dist/es2015/constants.js +11 -0
- package/build/esm/external/react-remove-scroll-bar/dist/es2015/constants.js.map +1 -0
- package/build/esm/external/react-remove-scroll-bar/dist/es2015/utils.js +32 -0
- package/build/esm/external/react-remove-scroll-bar/dist/es2015/utils.js.map +1 -0
- package/build/esm/external/react-style-singleton/dist/es2015/component.js +20 -0
- package/build/esm/external/react-style-singleton/dist/es2015/component.js.map +1 -0
- package/build/esm/external/react-style-singleton/dist/es2015/hook.js +26 -0
- package/build/esm/external/react-style-singleton/dist/es2015/hook.js.map +1 -0
- package/build/esm/external/react-style-singleton/dist/es2015/singleton.js +52 -0
- package/build/esm/external/react-style-singleton/dist/es2015/singleton.js.map +1 -0
- package/build/esm/external/use-callback-ref/dist/es2015/assignRef.js +25 -0
- package/build/esm/external/use-callback-ref/dist/es2015/assignRef.js.map +1 -0
- package/build/esm/external/use-callback-ref/dist/es2015/useMergeRef.js +49 -0
- package/build/esm/external/use-callback-ref/dist/es2015/useMergeRef.js.map +1 -0
- package/build/esm/external/use-callback-ref/dist/es2015/useRef.js +43 -0
- package/build/esm/external/use-callback-ref/dist/es2015/useRef.js.map +1 -0
- package/build/esm/external/use-sidecar/dist/es2015/exports.js +22 -0
- package/build/esm/external/use-sidecar/dist/es2015/exports.js.map +1 -0
- package/build/esm/external/use-sidecar/dist/es2015/medium.js +78 -0
- package/build/esm/external/use-sidecar/dist/es2015/medium.js.map +1 -0
- package/build/esm/external/use-sidecar/external/tslib/tslib.es6.mjs.js +45 -0
- package/build/esm/external/use-sidecar/external/tslib/tslib.es6.mjs.js.map +1 -0
- package/build/esm/external/vaul/dist/index.mjs.js +1652 -0
- package/build/esm/external/vaul/dist/index.mjs.js.map +1 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_divider.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_group.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_item.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js +5 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js +4 -4
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js +5 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js +3 -3
- package/build/esm/packages/aurora/src/components/box/box.js +3 -3
- package/build/esm/packages/aurora/src/components/button/button.js +3 -3
- package/build/esm/packages/aurora/src/components/divider/divider.js +3 -3
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js.map +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.js +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.js +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.js.map +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.js +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.js.map +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.js +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.js.map +1 -1
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.js +2 -2
- package/build/esm/packages/aurora/src/components/drawer/drawer.js +1 -1
- package/build/esm/packages/aurora/src/components/drawer/drawer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/icon_button/icon_button.js +4 -4
- package/build/esm/packages/aurora/src/components/label/components/label_content.js +4 -4
- package/build/esm/packages/aurora/src/components/link/link.js +3 -3
- package/build/esm/packages/aurora/src/components/loader/loader.js +2 -2
- package/build/esm/packages/aurora/src/components/message_box/message_box.js +11 -11
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +5 -5
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js +3 -3
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js +2 -2
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js +4 -4
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js +4 -4
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js +3 -3
- package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +4 -4
- package/build/esm/packages/aurora/src/components/segmented_control/context/segmented_control_context.js +2 -2
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.js +4 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_trigger.js +3 -3
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js +2 -2
- package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js +2 -2
- package/build/esm/packages/aurora/src/components/stack/stack.js +3 -3
- package/build/esm/packages/aurora/src/components/tabs/context/tabs_context.js +2 -2
- package/build/esm/packages/aurora/src/components/tabs/tabs.js +4 -4
- package/build/esm/packages/aurora/src/components/typography/typography.js +2 -2
- package/package.json +2 -3
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var tslib_es6 = require('../../external/tslib/tslib.es6.mjs.js');
|
|
7
|
+
var component = require('../../../react-style-singleton/dist/es2015/component.js');
|
|
8
|
+
var component$1 = require('../../../react-remove-scroll-bar/dist/es2015/component.js');
|
|
9
|
+
var aggresiveCapture = require('./aggresiveCapture.js');
|
|
10
|
+
var handleScroll = require('./handleScroll.js');
|
|
11
|
+
|
|
12
|
+
var getTouchXY = function (event) {
|
|
13
|
+
return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
|
14
|
+
};
|
|
15
|
+
var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };
|
|
16
|
+
var extractRef = function (ref) {
|
|
17
|
+
return ref && 'current' in ref ? ref.current : ref;
|
|
18
|
+
};
|
|
19
|
+
var deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };
|
|
20
|
+
var generateStyle = function (id) { return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n"); };
|
|
21
|
+
var idCounter = 0;
|
|
22
|
+
var lockStack = [];
|
|
23
|
+
function RemoveScrollSideCar(props) {
|
|
24
|
+
var shouldPreventQueue = React.useRef([]);
|
|
25
|
+
var touchStartRef = React.useRef([0, 0]);
|
|
26
|
+
var activeAxis = React.useRef();
|
|
27
|
+
var id = React.useState(idCounter++)[0];
|
|
28
|
+
var Style = React.useState(component.styleSingleton)[0];
|
|
29
|
+
var lastProps = React.useRef(props);
|
|
30
|
+
React.useEffect(function () {
|
|
31
|
+
lastProps.current = props;
|
|
32
|
+
}, [props]);
|
|
33
|
+
React.useEffect(function () {
|
|
34
|
+
if (props.inert) {
|
|
35
|
+
document.body.classList.add("block-interactivity-".concat(id));
|
|
36
|
+
var allow_1 = tslib_es6.__spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
37
|
+
allow_1.forEach(function (el) { return el.classList.add("allow-interactivity-".concat(id)); });
|
|
38
|
+
return function () {
|
|
39
|
+
document.body.classList.remove("block-interactivity-".concat(id));
|
|
40
|
+
allow_1.forEach(function (el) { return el.classList.remove("allow-interactivity-".concat(id)); });
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
return;
|
|
44
|
+
}, [props.inert, props.lockRef.current, props.shards]);
|
|
45
|
+
var shouldCancelEvent = React.useCallback(function (event, parent) {
|
|
46
|
+
if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {
|
|
47
|
+
return !lastProps.current.allowPinchZoom;
|
|
48
|
+
}
|
|
49
|
+
var touch = getTouchXY(event);
|
|
50
|
+
var touchStart = touchStartRef.current;
|
|
51
|
+
var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];
|
|
52
|
+
var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];
|
|
53
|
+
var currentAxis;
|
|
54
|
+
var target = event.target;
|
|
55
|
+
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';
|
|
56
|
+
// allow horizontal touch move on Range inputs. They will not cause any scroll
|
|
57
|
+
if ('touches' in event && moveDirection === 'h' && target.type === 'range') {
|
|
58
|
+
return false;
|
|
59
|
+
}
|
|
60
|
+
var canBeScrolledInMainDirection = handleScroll.locationCouldBeScrolled(moveDirection, target);
|
|
61
|
+
if (!canBeScrolledInMainDirection) {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
if (canBeScrolledInMainDirection) {
|
|
65
|
+
currentAxis = moveDirection;
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
currentAxis = moveDirection === 'v' ? 'h' : 'v';
|
|
69
|
+
canBeScrolledInMainDirection = handleScroll.locationCouldBeScrolled(moveDirection, target);
|
|
70
|
+
// other axis might be not scrollable
|
|
71
|
+
}
|
|
72
|
+
if (!canBeScrolledInMainDirection) {
|
|
73
|
+
return false;
|
|
74
|
+
}
|
|
75
|
+
if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {
|
|
76
|
+
activeAxis.current = currentAxis;
|
|
77
|
+
}
|
|
78
|
+
if (!currentAxis) {
|
|
79
|
+
return true;
|
|
80
|
+
}
|
|
81
|
+
var cancelingAxis = activeAxis.current || currentAxis;
|
|
82
|
+
return handleScroll.handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);
|
|
83
|
+
}, []);
|
|
84
|
+
var shouldPrevent = React.useCallback(function (_event) {
|
|
85
|
+
var event = _event;
|
|
86
|
+
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
|
|
87
|
+
// not the last active
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);
|
|
91
|
+
var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];
|
|
92
|
+
// self event, and should be canceled
|
|
93
|
+
if (sourceEvent && sourceEvent.should) {
|
|
94
|
+
if (event.cancelable) {
|
|
95
|
+
event.preventDefault();
|
|
96
|
+
}
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
// outside or shard event
|
|
100
|
+
if (!sourceEvent) {
|
|
101
|
+
var shardNodes = (lastProps.current.shards || [])
|
|
102
|
+
.map(extractRef)
|
|
103
|
+
.filter(Boolean)
|
|
104
|
+
.filter(function (node) { return node.contains(event.target); });
|
|
105
|
+
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
106
|
+
if (shouldStop) {
|
|
107
|
+
if (event.cancelable) {
|
|
108
|
+
event.preventDefault();
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}, []);
|
|
113
|
+
var shouldCancel = React.useCallback(function (name, delta, target, should) {
|
|
114
|
+
var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };
|
|
115
|
+
shouldPreventQueue.current.push(event);
|
|
116
|
+
setTimeout(function () {
|
|
117
|
+
shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });
|
|
118
|
+
}, 1);
|
|
119
|
+
}, []);
|
|
120
|
+
var scrollTouchStart = React.useCallback(function (event) {
|
|
121
|
+
touchStartRef.current = getTouchXY(event);
|
|
122
|
+
activeAxis.current = undefined;
|
|
123
|
+
}, []);
|
|
124
|
+
var scrollWheel = React.useCallback(function (event) {
|
|
125
|
+
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
126
|
+
}, []);
|
|
127
|
+
var scrollTouchMove = React.useCallback(function (event) {
|
|
128
|
+
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
129
|
+
}, []);
|
|
130
|
+
React.useEffect(function () {
|
|
131
|
+
lockStack.push(Style);
|
|
132
|
+
props.setCallbacks({
|
|
133
|
+
onScrollCapture: scrollWheel,
|
|
134
|
+
onWheelCapture: scrollWheel,
|
|
135
|
+
onTouchMoveCapture: scrollTouchMove,
|
|
136
|
+
});
|
|
137
|
+
document.addEventListener('wheel', shouldPrevent, aggresiveCapture.nonPassive);
|
|
138
|
+
document.addEventListener('touchmove', shouldPrevent, aggresiveCapture.nonPassive);
|
|
139
|
+
document.addEventListener('touchstart', scrollTouchStart, aggresiveCapture.nonPassive);
|
|
140
|
+
return function () {
|
|
141
|
+
lockStack = lockStack.filter(function (inst) { return inst !== Style; });
|
|
142
|
+
document.removeEventListener('wheel', shouldPrevent, aggresiveCapture.nonPassive);
|
|
143
|
+
document.removeEventListener('touchmove', shouldPrevent, aggresiveCapture.nonPassive);
|
|
144
|
+
document.removeEventListener('touchstart', scrollTouchStart, aggresiveCapture.nonPassive);
|
|
145
|
+
};
|
|
146
|
+
}, []);
|
|
147
|
+
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
148
|
+
return (React.createElement(React.Fragment, null,
|
|
149
|
+
inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,
|
|
150
|
+
removeScrollBar ? React.createElement(component$1.RemoveScrollBar, { gapMode: props.gapMode }) : null));
|
|
151
|
+
}
|
|
152
|
+
function getOutermostShadowParent(node) {
|
|
153
|
+
var shadowParent = null;
|
|
154
|
+
while (node !== null) {
|
|
155
|
+
if (node instanceof ShadowRoot) {
|
|
156
|
+
shadowParent = node.host;
|
|
157
|
+
node = node.host;
|
|
158
|
+
}
|
|
159
|
+
node = node.parentNode;
|
|
160
|
+
}
|
|
161
|
+
return shadowParent;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
exports.RemoveScrollSideCar = RemoveScrollSideCar;
|
|
165
|
+
exports.getDeltaXY = getDeltaXY;
|
|
166
|
+
exports.getTouchXY = getTouchXY;
|
|
167
|
+
//# sourceMappingURL=SideEffect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,uCAA2C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var tslib_es6 = require('../../external/tslib/tslib.es6.mjs.js');
|
|
7
|
+
var constants = require('../../../react-remove-scroll-bar/dist/es2015/constants.js');
|
|
8
|
+
var useMergeRef = require('../../../use-callback-ref/dist/es2015/useMergeRef.js');
|
|
9
|
+
var medium = require('./medium.js');
|
|
10
|
+
|
|
11
|
+
var nothing = function () {
|
|
12
|
+
return;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Removes scrollbar from the page and contain the scroll within the Lock
|
|
16
|
+
*/
|
|
17
|
+
var RemoveScroll = React.forwardRef(function (props, parentRef) {
|
|
18
|
+
var ref = React.useRef(null);
|
|
19
|
+
var _a = React.useState({
|
|
20
|
+
onScrollCapture: nothing,
|
|
21
|
+
onWheelCapture: nothing,
|
|
22
|
+
onTouchMoveCapture: nothing,
|
|
23
|
+
}), callbacks = _a[0], setCallbacks = _a[1];
|
|
24
|
+
var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = tslib_es6.__rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
|
|
25
|
+
var SideCar = sideCar;
|
|
26
|
+
var containerRef = useMergeRef.useMergeRefs([ref, parentRef]);
|
|
27
|
+
var containerProps = tslib_es6.__assign(tslib_es6.__assign({}, rest), callbacks);
|
|
28
|
+
return (React.createElement(React.Fragment, null,
|
|
29
|
+
enabled && (React.createElement(SideCar, { sideCar: medium.effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
|
|
30
|
+
forwardProps ? (React.cloneElement(React.Children.only(children), tslib_es6.__assign(tslib_es6.__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, tslib_es6.__assign({}, containerProps, { className: className, ref: containerRef }), children))));
|
|
31
|
+
});
|
|
32
|
+
RemoveScroll.defaultProps = {
|
|
33
|
+
enabled: true,
|
|
34
|
+
removeScrollBar: true,
|
|
35
|
+
inert: false,
|
|
36
|
+
};
|
|
37
|
+
RemoveScroll.classNames = {
|
|
38
|
+
fullWidth: constants.fullWidthClassName,
|
|
39
|
+
zeroRight: constants.zeroRightClassName,
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.RemoveScroll = RemoveScroll;
|
|
43
|
+
//# sourceMappingURL=UI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,uCAA2C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var passiveSupported = false;
|
|
6
|
+
if (typeof window !== 'undefined') {
|
|
7
|
+
try {
|
|
8
|
+
var options = Object.defineProperty({}, 'passive', {
|
|
9
|
+
get: function () {
|
|
10
|
+
passiveSupported = true;
|
|
11
|
+
return true;
|
|
12
|
+
},
|
|
13
|
+
});
|
|
14
|
+
// @ts-ignore
|
|
15
|
+
window.addEventListener('test', options, options);
|
|
16
|
+
// @ts-ignore
|
|
17
|
+
window.removeEventListener('test', options, options);
|
|
18
|
+
}
|
|
19
|
+
catch (err) {
|
|
20
|
+
passiveSupported = false;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
var nonPassive = passiveSupported ? { passive: false } : false;
|
|
24
|
+
|
|
25
|
+
exports.nonPassive = nonPassive;
|
|
26
|
+
//# sourceMappingURL=aggresiveCapture.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var alwaysContainsScroll = function (node) {
|
|
6
|
+
// textarea will always _contain_ scroll inside self. It only can be hidden
|
|
7
|
+
return node.tagName === 'TEXTAREA';
|
|
8
|
+
};
|
|
9
|
+
var elementCanBeScrolled = function (node, overflow) {
|
|
10
|
+
if (!(node instanceof Element)) {
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
var styles = window.getComputedStyle(node);
|
|
14
|
+
return (
|
|
15
|
+
// not-not-scrollable
|
|
16
|
+
styles[overflow] !== 'hidden' &&
|
|
17
|
+
// contains scroll inside self
|
|
18
|
+
!(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));
|
|
19
|
+
};
|
|
20
|
+
var elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };
|
|
21
|
+
var elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };
|
|
22
|
+
var locationCouldBeScrolled = function (axis, node) {
|
|
23
|
+
var ownerDocument = node.ownerDocument;
|
|
24
|
+
var current = node;
|
|
25
|
+
do {
|
|
26
|
+
// Skip over shadow root
|
|
27
|
+
if (typeof ShadowRoot !== 'undefined' && current instanceof ShadowRoot) {
|
|
28
|
+
current = current.host;
|
|
29
|
+
}
|
|
30
|
+
var isScrollable = elementCouldBeScrolled(axis, current);
|
|
31
|
+
if (isScrollable) {
|
|
32
|
+
var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];
|
|
33
|
+
if (scrollHeight > clientHeight) {
|
|
34
|
+
return true;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
current = current.parentNode;
|
|
38
|
+
} while (current && current !== ownerDocument.body);
|
|
39
|
+
return false;
|
|
40
|
+
};
|
|
41
|
+
var getVScrollVariables = function (_a) {
|
|
42
|
+
var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
|
|
43
|
+
return [
|
|
44
|
+
scrollTop,
|
|
45
|
+
scrollHeight,
|
|
46
|
+
clientHeight,
|
|
47
|
+
];
|
|
48
|
+
};
|
|
49
|
+
var getHScrollVariables = function (_a) {
|
|
50
|
+
var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
|
|
51
|
+
return [
|
|
52
|
+
scrollLeft,
|
|
53
|
+
scrollWidth,
|
|
54
|
+
clientWidth,
|
|
55
|
+
];
|
|
56
|
+
};
|
|
57
|
+
var elementCouldBeScrolled = function (axis, node) {
|
|
58
|
+
return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);
|
|
59
|
+
};
|
|
60
|
+
var getScrollVariables = function (axis, node) {
|
|
61
|
+
return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);
|
|
62
|
+
};
|
|
63
|
+
var getDirectionFactor = function (axis, direction) {
|
|
64
|
+
/**
|
|
65
|
+
* If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,
|
|
66
|
+
* and then increasingly negative as you scroll towards the end of the content.
|
|
67
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft
|
|
68
|
+
*/
|
|
69
|
+
return axis === 'h' && direction === 'rtl' ? -1 : 1;
|
|
70
|
+
};
|
|
71
|
+
var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {
|
|
72
|
+
var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);
|
|
73
|
+
var delta = directionFactor * sourceDelta;
|
|
74
|
+
// find scrollable target
|
|
75
|
+
var target = event.target;
|
|
76
|
+
var targetInLock = endTarget.contains(target);
|
|
77
|
+
var shouldCancelScroll = false;
|
|
78
|
+
var isDeltaPositive = delta > 0;
|
|
79
|
+
var availableScroll = 0;
|
|
80
|
+
var availableScrollTop = 0;
|
|
81
|
+
do {
|
|
82
|
+
var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
|
|
83
|
+
var elementScroll = scroll_1 - capacity - directionFactor * position;
|
|
84
|
+
if (position || elementScroll) {
|
|
85
|
+
if (elementCouldBeScrolled(axis, target)) {
|
|
86
|
+
availableScroll += elementScroll;
|
|
87
|
+
availableScrollTop += position;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
if (target instanceof ShadowRoot) {
|
|
91
|
+
target = target.host;
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
target = target.parentNode;
|
|
95
|
+
}
|
|
96
|
+
} while (
|
|
97
|
+
// portaled content
|
|
98
|
+
(!targetInLock && target !== document.body) ||
|
|
99
|
+
// self content
|
|
100
|
+
(targetInLock && (endTarget.contains(target) || endTarget === target)));
|
|
101
|
+
// handle epsilon around 0 (non standard zoom levels)
|
|
102
|
+
if (isDeltaPositive &&
|
|
103
|
+
((noOverscroll && Math.abs(availableScroll) < 1) || (!noOverscroll && delta > availableScroll))) {
|
|
104
|
+
shouldCancelScroll = true;
|
|
105
|
+
}
|
|
106
|
+
else if (!isDeltaPositive &&
|
|
107
|
+
((noOverscroll && Math.abs(availableScrollTop) < 1) || (!noOverscroll && -delta > availableScrollTop))) {
|
|
108
|
+
shouldCancelScroll = true;
|
|
109
|
+
}
|
|
110
|
+
return shouldCancelScroll;
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
exports.handleScroll = handleScroll;
|
|
114
|
+
exports.locationCouldBeScrolled = locationCouldBeScrolled;
|
|
115
|
+
//# sourceMappingURL=handleScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var medium = require('../../../use-sidecar/dist/es2015/medium.js');
|
|
6
|
+
|
|
7
|
+
var effectCar = medium.createSidecarMedium();
|
|
8
|
+
|
|
9
|
+
exports.effectCar = effectCar;
|
|
10
|
+
//# sourceMappingURL=medium.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var exports$1 = require('../../../use-sidecar/dist/es2015/exports.js');
|
|
6
|
+
var medium = require('./medium.js');
|
|
7
|
+
var SideEffect = require('./SideEffect.js');
|
|
8
|
+
|
|
9
|
+
var SideCar = exports$1.exportSidecar(medium.effectCar, SideEffect.RemoveScrollSideCar);
|
|
10
|
+
|
|
11
|
+
exports.default = SideCar;
|
|
12
|
+
//# sourceMappingURL=sidecar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
/******************************************************************************
|
|
6
|
+
Copyright (c) Microsoft Corporation.
|
|
7
|
+
|
|
8
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
9
|
+
purpose with or without fee is hereby granted.
|
|
10
|
+
|
|
11
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
12
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
13
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
14
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
15
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
16
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
17
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
18
|
+
***************************************************************************** */
|
|
19
|
+
|
|
20
|
+
exports.__assign = function() {
|
|
21
|
+
exports.__assign = Object.assign || function __assign(t) {
|
|
22
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
23
|
+
s = arguments[i];
|
|
24
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
return exports.__assign.apply(this, arguments);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
function __rest(s, e) {
|
|
32
|
+
var t = {};
|
|
33
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
34
|
+
t[p] = s[p];
|
|
35
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
36
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
37
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
38
|
+
t[p[i]] = s[p[i]];
|
|
39
|
+
}
|
|
40
|
+
return t;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function __spreadArray(to, from, pack) {
|
|
44
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
45
|
+
if (ar || !(i in from)) {
|
|
46
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
47
|
+
ar[i] = from[i];
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
54
|
+
var e = new Error(message);
|
|
55
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
exports.__rest = __rest;
|
|
59
|
+
exports.__spreadArray = __spreadArray;
|
|
60
|
+
//# sourceMappingURL=tslib.es6.mjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var constants = require('./constants.js');
|
|
7
|
+
var component = require('../../../react-style-singleton/dist/es2015/component.js');
|
|
8
|
+
var utils = require('./utils.js');
|
|
9
|
+
|
|
10
|
+
var Style = component.styleSingleton();
|
|
11
|
+
var lockAttribute = 'data-scroll-locked';
|
|
12
|
+
// important tip - once we measure scrollBar width and remove them
|
|
13
|
+
// we could not repeat this operation
|
|
14
|
+
// thus we are using style-singleton - only the first "yet correct" style will be applied.
|
|
15
|
+
var getStyles = function (_a, allowRelative, gapMode, important) {
|
|
16
|
+
var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
|
|
17
|
+
if (gapMode === void 0) { gapMode = 'margin'; }
|
|
18
|
+
return "\n .".concat(constants.noScrollbarsClassName, " {\n overflow: hidden ").concat(important, ";\n padding-right: ").concat(gap, "px ").concat(important, ";\n }\n body[").concat(lockAttribute, "] {\n overflow: hidden ").concat(important, ";\n overscroll-behavior: contain;\n ").concat([
|
|
19
|
+
allowRelative && "position: relative ".concat(important, ";"),
|
|
20
|
+
gapMode === 'margin' &&
|
|
21
|
+
"\n padding-left: ".concat(left, "px;\n padding-top: ").concat(top, "px;\n padding-right: ").concat(right, "px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(gap, "px ").concat(important, ";\n "),
|
|
22
|
+
gapMode === 'padding' && "padding-right: ".concat(gap, "px ").concat(important, ";"),
|
|
23
|
+
]
|
|
24
|
+
.filter(Boolean)
|
|
25
|
+
.join(''), "\n }\n \n .").concat(constants.zeroRightClassName, " {\n right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(constants.fullWidthClassName, " {\n margin-right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(constants.zeroRightClassName, " .").concat(constants.zeroRightClassName, " {\n right: 0 ").concat(important, ";\n }\n \n .").concat(constants.fullWidthClassName, " .").concat(constants.fullWidthClassName, " {\n margin-right: 0 ").concat(important, ";\n }\n \n body[").concat(lockAttribute, "] {\n ").concat(constants.removedBarSizeVariable, ": ").concat(gap, "px;\n }\n");
|
|
26
|
+
};
|
|
27
|
+
var getCurrentUseCounter = function () {
|
|
28
|
+
var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);
|
|
29
|
+
return isFinite(counter) ? counter : 0;
|
|
30
|
+
};
|
|
31
|
+
var useLockAttribute = function () {
|
|
32
|
+
React.useEffect(function () {
|
|
33
|
+
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
34
|
+
return function () {
|
|
35
|
+
var newCounter = getCurrentUseCounter() - 1;
|
|
36
|
+
if (newCounter <= 0) {
|
|
37
|
+
document.body.removeAttribute(lockAttribute);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
document.body.setAttribute(lockAttribute, newCounter.toString());
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}, []);
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* Removes page scrollbar and blocks page scroll when mounted
|
|
47
|
+
*/
|
|
48
|
+
var RemoveScrollBar = function (_a) {
|
|
49
|
+
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;
|
|
50
|
+
useLockAttribute();
|
|
51
|
+
/*
|
|
52
|
+
gap will be measured on every component mount
|
|
53
|
+
however it will be used only by the "first" invocation
|
|
54
|
+
due to singleton nature of <Style
|
|
55
|
+
*/
|
|
56
|
+
var gap = React.useMemo(function () { return utils.getGapWidth(gapMode); }, [gapMode]);
|
|
57
|
+
return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
exports.RemoveScrollBar = RemoveScrollBar;
|
|
61
|
+
exports.lockAttribute = lockAttribute;
|
|
62
|
+
exports.useLockAttribute = useLockAttribute;
|
|
63
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var zeroRightClassName = 'right-scroll-bar-position';
|
|
6
|
+
var fullWidthClassName = 'width-before-scroll-bar';
|
|
7
|
+
var noScrollbarsClassName = 'with-scroll-bars-hidden';
|
|
8
|
+
/**
|
|
9
|
+
* Name of a CSS variable containing the amount of "hidden" scrollbar
|
|
10
|
+
* ! might be undefined ! use will fallback!
|
|
11
|
+
*/
|
|
12
|
+
var removedBarSizeVariable = '--removed-body-scroll-bar-size';
|
|
13
|
+
|
|
14
|
+
exports.fullWidthClassName = fullWidthClassName;
|
|
15
|
+
exports.noScrollbarsClassName = noScrollbarsClassName;
|
|
16
|
+
exports.removedBarSizeVariable = removedBarSizeVariable;
|
|
17
|
+
exports.zeroRightClassName = zeroRightClassName;
|
|
18
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var zeroGap = {
|
|
6
|
+
left: 0,
|
|
7
|
+
top: 0,
|
|
8
|
+
right: 0,
|
|
9
|
+
gap: 0,
|
|
10
|
+
};
|
|
11
|
+
var parse = function (x) { return parseInt(x || '', 10) || 0; };
|
|
12
|
+
var getOffset = function (gapMode) {
|
|
13
|
+
var cs = window.getComputedStyle(document.body);
|
|
14
|
+
var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];
|
|
15
|
+
var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];
|
|
16
|
+
var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];
|
|
17
|
+
return [parse(left), parse(top), parse(right)];
|
|
18
|
+
};
|
|
19
|
+
var getGapWidth = function (gapMode) {
|
|
20
|
+
if (gapMode === void 0) { gapMode = 'margin'; }
|
|
21
|
+
if (typeof window === 'undefined') {
|
|
22
|
+
return zeroGap;
|
|
23
|
+
}
|
|
24
|
+
var offsets = getOffset(gapMode);
|
|
25
|
+
var documentWidth = document.documentElement.clientWidth;
|
|
26
|
+
var windowWidth = window.innerWidth;
|
|
27
|
+
return {
|
|
28
|
+
left: offsets[0],
|
|
29
|
+
top: offsets[1],
|
|
30
|
+
right: offsets[2],
|
|
31
|
+
gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
exports.getGapWidth = getGapWidth;
|
|
36
|
+
exports.zeroGap = zeroGap;
|
|
37
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var hook = require('./hook.js');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* create a Component to add styles on demand
|
|
9
|
+
* - styles are added when first instance is mounted
|
|
10
|
+
* - styles are removed when the last instance is unmounted
|
|
11
|
+
* - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior
|
|
12
|
+
*/
|
|
13
|
+
var styleSingleton = function () {
|
|
14
|
+
var useStyle = hook.styleHookSingleton();
|
|
15
|
+
var Sheet = function (_a) {
|
|
16
|
+
var styles = _a.styles, dynamic = _a.dynamic;
|
|
17
|
+
useStyle(styles, dynamic);
|
|
18
|
+
return null;
|
|
19
|
+
};
|
|
20
|
+
return Sheet;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
exports.styleSingleton = styleSingleton;
|
|
24
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var singleton = require('./singleton.js');
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* creates a hook to control style singleton
|
|
10
|
+
* @see {@link styleSingleton} for a safer component version
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* const useStyle = styleHookSingleton();
|
|
14
|
+
* ///
|
|
15
|
+
* useStyle('body { overflow: hidden}');
|
|
16
|
+
*/
|
|
17
|
+
var styleHookSingleton = function () {
|
|
18
|
+
var sheet = singleton.stylesheetSingleton();
|
|
19
|
+
return function (styles, isDynamic) {
|
|
20
|
+
React.useEffect(function () {
|
|
21
|
+
sheet.add(styles);
|
|
22
|
+
return function () {
|
|
23
|
+
sheet.remove();
|
|
24
|
+
};
|
|
25
|
+
}, [styles && isDynamic]);
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.styleHookSingleton = styleHookSingleton;
|
|
30
|
+
//# sourceMappingURL=hook.js.map
|