newskit 5.5.0 → 5.6.0
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/cjs/accordion/accordion-group.d.ts +9 -0
- package/cjs/accordion/accordion-group.d.ts.map +1 -0
- package/cjs/accordion/accordion-group.js +123 -0
- package/cjs/accordion/accordion-group.js.map +1 -0
- package/cjs/accordion/accordion.d.ts +4 -0
- package/cjs/accordion/accordion.d.ts.map +1 -0
- package/cjs/accordion/accordion.js +70 -0
- package/cjs/accordion/accordion.js.map +1 -0
- package/cjs/accordion/defaults.d.ts +21 -0
- package/cjs/accordion/defaults.d.ts.map +1 -0
- package/cjs/accordion/defaults.js +22 -0
- package/cjs/accordion/defaults.js.map +1 -0
- package/cjs/accordion/index.d.ts +4 -0
- package/cjs/accordion/index.d.ts.map +1 -0
- package/cjs/accordion/index.js +16 -0
- package/cjs/accordion/index.js.map +1 -0
- package/cjs/accordion/style-presets.d.ts +4 -0
- package/cjs/accordion/style-presets.d.ts.map +1 -0
- package/cjs/accordion/style-presets.js +30 -0
- package/cjs/accordion/style-presets.js.map +1 -0
- package/cjs/accordion/styled.d.ts +23 -0
- package/cjs/accordion/styled.d.ts.map +1 -0
- package/cjs/accordion/styled.js +27 -0
- package/cjs/accordion/styled.js.map +1 -0
- package/cjs/accordion/types.d.ts +44 -0
- package/cjs/accordion/types.d.ts.map +1 -0
- package/cjs/accordion/types.js +3 -0
- package/cjs/accordion/types.js.map +1 -0
- package/cjs/audio-player/audio-functions.js +2 -2
- package/cjs/audio-player/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-functions.d.ts +3 -1
- package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-functions.js +19 -37
- package/cjs/audio-player-composable/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js +27 -10
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.js +2 -2
- package/cjs/audio-player-composable/components/audio-element.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +24 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.js +25 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/index.d.ts +3 -0
- package/cjs/audio-player-composable/components/volume-control/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/index.js +15 -0
- package/cjs/audio-player-composable/components/volume-control/index.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts +4 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.js +26 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts +4 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.js +36 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts +48 -0
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/styled.js +25 -0
- package/cjs/audio-player-composable/components/volume-control/styled.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/types.d.ts +31 -0
- package/cjs/audio-player-composable/components/volume-control/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/types.js +3 -0
- package/cjs/audio-player-composable/components/volume-control/types.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/utils.d.ts +5 -0
- package/cjs/audio-player-composable/components/volume-control/utils.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/utils.js +17 -0
- package/cjs/audio-player-composable/components/volume-control/utils.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts +3 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +89 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -0
- package/cjs/audio-player-composable/index.d.ts +1 -0
- package/cjs/audio-player-composable/index.d.ts.map +1 -1
- package/cjs/audio-player-composable/index.js +1 -0
- package/cjs/audio-player-composable/index.js.map +1 -1
- package/cjs/audio-player-composable/types.d.ts +17 -0
- package/cjs/audio-player-composable/types.d.ts.map +1 -1
- package/cjs/audio-player-composable/types.js +1 -1
- package/cjs/audio-player-composable/types.js.map +1 -1
- package/cjs/base-floating-element/base-floating-element.d.ts +4 -0
- package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -0
- package/cjs/base-floating-element/base-floating-element.js +142 -0
- package/cjs/base-floating-element/base-floating-element.js.map +1 -0
- package/cjs/base-floating-element/index.d.ts +3 -0
- package/cjs/base-floating-element/index.d.ts.map +1 -0
- package/cjs/base-floating-element/index.js +15 -0
- package/cjs/base-floating-element/index.js.map +1 -0
- package/cjs/{tooltip → base-floating-element}/styled.d.ts +5 -5
- package/cjs/base-floating-element/styled.d.ts.map +1 -0
- package/cjs/base-floating-element/styled.js +67 -0
- package/cjs/base-floating-element/styled.js.map +1 -0
- package/cjs/base-floating-element/types.d.ts +54 -0
- package/cjs/base-floating-element/types.d.ts.map +1 -0
- package/cjs/base-floating-element/types.js +3 -0
- package/cjs/base-floating-element/types.js.map +1 -0
- package/cjs/base-floating-element/utils.d.ts +6 -0
- package/cjs/base-floating-element/utils.d.ts.map +1 -0
- package/cjs/base-floating-element/utils.js +29 -0
- package/cjs/base-floating-element/utils.js.map +1 -0
- package/cjs/drawer/drawer.d.ts.map +1 -1
- package/cjs/drawer/drawer.js +2 -2
- package/cjs/drawer/drawer.js.map +1 -1
- package/cjs/drawer/styled.d.ts +1 -2
- package/cjs/drawer/styled.d.ts.map +1 -1
- package/cjs/drawer/styled.js.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +1 -0
- package/cjs/index.js.map +1 -1
- package/cjs/modal/modal.d.ts.map +1 -1
- package/cjs/modal/modal.js +2 -2
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/popover/defaults.d.ts +20 -0
- package/cjs/popover/defaults.d.ts.map +1 -0
- package/cjs/popover/defaults.js +21 -0
- package/cjs/popover/defaults.js.map +1 -0
- package/cjs/popover/index.d.ts +3 -0
- package/cjs/popover/index.d.ts.map +1 -0
- package/cjs/popover/index.js +15 -0
- package/cjs/popover/index.js.map +1 -0
- package/cjs/popover/popover.d.ts +3 -0
- package/cjs/popover/popover.d.ts.map +1 -0
- package/cjs/popover/popover.js +79 -0
- package/cjs/popover/popover.js.map +1 -0
- package/cjs/popover/style-presets.d.ts +4 -0
- package/cjs/popover/style-presets.d.ts.map +1 -0
- package/cjs/popover/style-presets.js +23 -0
- package/cjs/popover/style-presets.js.map +1 -0
- package/cjs/popover/types.d.ts +3 -0
- package/cjs/popover/types.d.ts.map +1 -0
- package/cjs/popover/types.js +3 -0
- package/cjs/popover/types.js.map +1 -0
- package/cjs/theme/emotion.d.ts +1 -0
- package/cjs/theme/emotion.d.ts.map +1 -1
- package/cjs/theme/emotion.js.map +1 -1
- package/cjs/tooltip/defaults.d.ts +1 -0
- package/cjs/tooltip/defaults.d.ts.map +1 -1
- package/cjs/tooltip/defaults.js +1 -0
- package/cjs/tooltip/defaults.js.map +1 -1
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +30 -50
- package/cjs/tooltip/tooltip.js.map +1 -1
- package/cjs/tooltip/types.d.ts +3 -29
- package/cjs/tooltip/types.d.ts.map +1 -1
- package/cjs/utils/get-transition-class-name.d.ts +2 -0
- package/cjs/utils/get-transition-class-name.d.ts.map +1 -0
- package/cjs/utils/get-transition-class-name.js +24 -0
- package/cjs/utils/get-transition-class-name.js.map +1 -0
- package/cjs/version-number.json +1 -1
- package/esm/accordion/accordion-group.d.ts +9 -0
- package/esm/accordion/accordion-group.d.ts.map +1 -0
- package/esm/accordion/accordion-group.js +101 -0
- package/esm/accordion/accordion-group.js.map +1 -0
- package/esm/accordion/accordion.d.ts +4 -0
- package/esm/accordion/accordion.d.ts.map +1 -0
- package/esm/accordion/accordion.js +64 -0
- package/esm/accordion/accordion.js.map +1 -0
- package/esm/accordion/defaults.d.ts +21 -0
- package/esm/accordion/defaults.d.ts.map +1 -0
- package/esm/accordion/defaults.js +20 -0
- package/esm/accordion/defaults.js.map +1 -0
- package/esm/accordion/index.d.ts +4 -0
- package/esm/accordion/index.d.ts.map +1 -0
- package/esm/accordion/index.js +4 -0
- package/esm/accordion/index.js.map +1 -0
- package/esm/accordion/style-presets.d.ts +4 -0
- package/esm/accordion/style-presets.d.ts.map +1 -0
- package/esm/accordion/style-presets.js +28 -0
- package/esm/accordion/style-presets.js.map +1 -0
- package/esm/accordion/styled.d.ts +23 -0
- package/esm/accordion/styled.d.ts.map +1 -0
- package/esm/accordion/styled.js +24 -0
- package/esm/accordion/styled.js.map +1 -0
- package/esm/accordion/types.d.ts +44 -0
- package/esm/accordion/types.d.ts.map +1 -0
- package/esm/accordion/types.js +2 -0
- package/esm/accordion/types.js.map +1 -0
- package/esm/audio-player/audio-functions.js +2 -2
- package/esm/audio-player/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-functions.d.ts +3 -1
- package/esm/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-functions.js +19 -37
- package/esm/audio-player-composable/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.js +27 -10
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
- package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/esm/audio-player-composable/components/audio-element.js +2 -2
- package/esm/audio-player-composable/components/audio-element.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts +24 -0
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/defaults.js +23 -0
- package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/index.d.ts +3 -0
- package/esm/audio-player-composable/components/volume-control/index.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/index.js +3 -0
- package/esm/audio-player-composable/components/volume-control/index.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.d.ts +4 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.js +19 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.d.ts +4 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.js +34 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/styled.d.ts +48 -0
- package/esm/audio-player-composable/components/volume-control/styled.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/styled.js +22 -0
- package/esm/audio-player-composable/components/volume-control/styled.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/types.d.ts +31 -0
- package/esm/audio-player-composable/components/volume-control/types.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/types.js +2 -0
- package/esm/audio-player-composable/components/volume-control/types.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/utils.d.ts +5 -0
- package/esm/audio-player-composable/components/volume-control/utils.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/utils.js +13 -0
- package/esm/audio-player-composable/components/volume-control/utils.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts +3 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.js +64 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -0
- package/esm/audio-player-composable/index.d.ts +1 -0
- package/esm/audio-player-composable/index.d.ts.map +1 -1
- package/esm/audio-player-composable/index.js +1 -0
- package/esm/audio-player-composable/index.js.map +1 -1
- package/esm/audio-player-composable/types.d.ts +17 -0
- package/esm/audio-player-composable/types.d.ts.map +1 -1
- package/esm/audio-player-composable/types.js +1 -1
- package/esm/audio-player-composable/types.js.map +1 -1
- package/esm/base-floating-element/base-floating-element.d.ts +4 -0
- package/esm/base-floating-element/base-floating-element.d.ts.map +1 -0
- package/esm/base-floating-element/base-floating-element.js +116 -0
- package/esm/base-floating-element/base-floating-element.js.map +1 -0
- package/esm/base-floating-element/index.d.ts +3 -0
- package/esm/base-floating-element/index.d.ts.map +1 -0
- package/esm/base-floating-element/index.js +3 -0
- package/esm/base-floating-element/index.js.map +1 -0
- package/esm/{tooltip → base-floating-element}/styled.d.ts +5 -5
- package/esm/base-floating-element/styled.d.ts.map +1 -0
- package/esm/base-floating-element/styled.js +64 -0
- package/esm/base-floating-element/styled.js.map +1 -0
- package/esm/base-floating-element/types.d.ts +54 -0
- package/esm/base-floating-element/types.d.ts.map +1 -0
- package/esm/base-floating-element/types.js +2 -0
- package/esm/base-floating-element/types.js.map +1 -0
- package/esm/base-floating-element/utils.d.ts +6 -0
- package/esm/base-floating-element/utils.d.ts.map +1 -0
- package/esm/base-floating-element/utils.js +24 -0
- package/esm/base-floating-element/utils.js.map +1 -0
- package/esm/drawer/drawer.d.ts.map +1 -1
- package/esm/drawer/drawer.js +2 -2
- package/esm/drawer/drawer.js.map +1 -1
- package/esm/drawer/styled.d.ts +1 -2
- package/esm/drawer/styled.d.ts.map +1 -1
- package/esm/drawer/styled.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/modal/modal.d.ts.map +1 -1
- package/esm/modal/modal.js +2 -2
- package/esm/modal/modal.js.map +1 -1
- package/esm/popover/defaults.d.ts +20 -0
- package/esm/popover/defaults.d.ts.map +1 -0
- package/esm/popover/defaults.js +19 -0
- package/esm/popover/defaults.js.map +1 -0
- package/esm/popover/index.d.ts +3 -0
- package/esm/popover/index.d.ts.map +1 -0
- package/esm/popover/index.js +3 -0
- package/esm/popover/index.js.map +1 -0
- package/esm/popover/popover.d.ts +3 -0
- package/esm/popover/popover.d.ts.map +1 -0
- package/esm/popover/popover.js +54 -0
- package/esm/popover/popover.js.map +1 -0
- package/esm/popover/style-presets.d.ts +4 -0
- package/esm/popover/style-presets.d.ts.map +1 -0
- package/esm/popover/style-presets.js +21 -0
- package/esm/popover/style-presets.js.map +1 -0
- package/esm/popover/types.d.ts +3 -0
- package/esm/popover/types.d.ts.map +1 -0
- package/esm/popover/types.js +2 -0
- package/esm/popover/types.js.map +1 -0
- package/esm/theme/emotion.d.ts +1 -0
- package/esm/theme/emotion.d.ts.map +1 -1
- package/esm/theme/emotion.js.map +1 -1
- package/esm/tooltip/defaults.d.ts +1 -0
- package/esm/tooltip/defaults.d.ts.map +1 -1
- package/esm/tooltip/defaults.js +1 -0
- package/esm/tooltip/defaults.js.map +1 -1
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +31 -51
- package/esm/tooltip/tooltip.js.map +1 -1
- package/esm/tooltip/types.d.ts +3 -29
- package/esm/tooltip/types.d.ts.map +1 -1
- package/esm/utils/get-transition-class-name.d.ts +2 -0
- package/esm/utils/get-transition-class-name.d.ts.map +1 -0
- package/esm/utils/get-transition-class-name.js +20 -0
- package/esm/utils/get-transition-class-name.js.map +1 -0
- package/esm/version-number.json +1 -1
- package/package.json +1 -1
- package/cjs/tooltip/styled.d.ts.map +0 -1
- package/cjs/tooltip/styled.js +0 -47
- package/cjs/tooltip/styled.js.map +0 -1
- package/cjs/tooltip/utils.d.ts +0 -6
- package/cjs/tooltip/utils.d.ts.map +0 -1
- package/cjs/tooltip/utils.js +0 -30
- package/cjs/tooltip/utils.js.map +0 -1
- package/esm/tooltip/styled.d.ts.map +0 -1
- package/esm/tooltip/styled.js +0 -44
- package/esm/tooltip/styled.js.map +0 -1
- package/esm/tooltip/utils.d.ts +0 -6
- package/esm/tooltip/utils.d.ts.map +0 -1
- package/esm/tooltip/utils.js +0 -23
- package/esm/tooltip/utils.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;sBAIT,MAAM,KAAK,IAAI;mBAClB,MAAM;UAUtB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useInitialVolume = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
// This hook sets the initial volume. If `newskit-audioplayer-volume` is present
|
|
6
|
+
// it's value will be used. If not, the initialVolume will.
|
|
7
|
+
var useInitialVolume = function (_a) {
|
|
8
|
+
var onChange = _a.onChange, initialVolume = _a.initialVolume;
|
|
9
|
+
(0, react_1.useEffect)(function () {
|
|
10
|
+
var storedVolume = parseFloat((typeof window !== 'undefined' &&
|
|
11
|
+
window.localStorage.getItem('newskit-audioplayer-volume')) ||
|
|
12
|
+
'');
|
|
13
|
+
onChange(Number.isNaN(storedVolume) ? initialVolume : storedVolume);
|
|
14
|
+
}, []); // eslint-disable-line react-hooks/exhaustive-deps
|
|
15
|
+
};
|
|
16
|
+
exports.useInitialVolume = useInitialVolume;
|
|
17
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":";;;AAAA,+BAAgC;AAEhC,gFAAgF;AAChF,2DAA2D;AACpD,IAAM,gBAAgB,GAAG,UAAC,EAMhC;QALC,QAAQ,cAAA,EACR,aAAa,mBAAA;IAKb,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,OAAO,MAAM,KAAK,WAAW;YAC5B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;YAC1D,EAAE,CACL,CAAC;QACF,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;AAC5D,CAAC,CAAC;AAfW,QAAA,gBAAgB,oBAe3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AA+GtD,eAAO,MAAM,wBAAwB,+FAEV,CAAC"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
+
};
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.AudioPlayerVolumeControl = void 0;
|
|
37
|
+
var react_1 = __importStar(require("react"));
|
|
38
|
+
var screen_reader_only_1 = require("../../../screen-reader-only");
|
|
39
|
+
var slider_1 = require("../../../slider");
|
|
40
|
+
var with_own_theme_1 = require("../../../utils/with-own-theme");
|
|
41
|
+
var utils_1 = require("./utils");
|
|
42
|
+
var context_1 = require("../../context");
|
|
43
|
+
var defaults_1 = __importDefault(require("./defaults"));
|
|
44
|
+
var mute_button_1 = require("./mute-button");
|
|
45
|
+
var theme_1 = require("../../../theme");
|
|
46
|
+
var style_presets_1 = __importDefault(require("./style-presets"));
|
|
47
|
+
var grid_layout_1 = require("../../../grid-layout");
|
|
48
|
+
var styled_1 = require("./styled");
|
|
49
|
+
var hooks_1 = require("../../../utils/hooks");
|
|
50
|
+
var deep_merge_1 = require("../../../utils/deep-merge");
|
|
51
|
+
var merge_breakpoint_object_1 = require("../../../utils/merge-breakpoint-object");
|
|
52
|
+
var filter_object_1 = require("../../../utils/filter-object");
|
|
53
|
+
var types_1 = require("../../../button/types");
|
|
54
|
+
var ThemelessAudioPlayerVolumeControl = function (props) {
|
|
55
|
+
var getVolumeControlProps = (0, context_1.useAudioPlayerContext)().getVolumeControlProps;
|
|
56
|
+
var _a = getVolumeControlProps(props), volume = _a.volume, onChange = _a.onChange, vertical = _a.vertical, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, keyboardShortcuts = _a.keyboardShortcuts, overrides = _a.overrides, initialVolume = _a.initialVolume, muteButtonSize = _a.muteButtonSize;
|
|
57
|
+
var _c = (0, react_1.useState)(volume), unMutedVolume = _c[0], setUnMutedVolume = _c[1];
|
|
58
|
+
(0, react_1.useEffect)(function () {
|
|
59
|
+
// Saves the volume into a state,
|
|
60
|
+
// for re-using it when clicking the mute unmute button.
|
|
61
|
+
if (unMutedVolume !== volume && volume > 0) {
|
|
62
|
+
setUnMutedVolume(volume);
|
|
63
|
+
}
|
|
64
|
+
}, [unMutedVolume, volume]);
|
|
65
|
+
var theme = (0, theme_1.useTheme)();
|
|
66
|
+
var buttonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.button, (0, filter_object_1.filterOutFalsyProperties)(overrides.button)));
|
|
67
|
+
var sliderOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.slider, (0, filter_object_1.filterOutFalsyProperties)(overrides.slider)));
|
|
68
|
+
var onSliderChange = (0, react_1.useCallback)(function (_a) {
|
|
69
|
+
var newVolume = _a[0];
|
|
70
|
+
return onChange(newVolume);
|
|
71
|
+
}, [
|
|
72
|
+
onChange,
|
|
73
|
+
]);
|
|
74
|
+
// useInitialVolume Sets the initial volume on page load
|
|
75
|
+
(0, utils_1.useInitialVolume)({ onChange: onChange, initialVolume: initialVolume });
|
|
76
|
+
var verticalAreas = "slider\n muteButton";
|
|
77
|
+
var gridAreas = vertical ? verticalAreas : "muteButton slider";
|
|
78
|
+
var gridColumns = vertical ? '1fr' : 'auto 1fr';
|
|
79
|
+
var volumeSliderInstructionId = (0, hooks_1.useReactKeys)(1)[0];
|
|
80
|
+
return (react_1.default.createElement(styled_1.StyledGridLayout, { columns: gridColumns, areas: gridAreas, justifyItems: vertical ? 'center' : 'start', alignItems: "center", vertical: vertical },
|
|
81
|
+
react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "muteButton" },
|
|
82
|
+
react_1.default.createElement(mute_button_1.MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || types_1.ButtonSize.Small, muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides })),
|
|
83
|
+
!collapsed && (react_1.default.createElement(styled_1.StyledGridLayoutItem, { area: "slider", vertical: vertical },
|
|
84
|
+
react_1.default.createElement(styled_1.VolumeSliderContainer, { vertical: vertical },
|
|
85
|
+
react_1.default.createElement(slider_1.Slider, { vertical: vertical, min: 0, max: 1, step: 0.1, values: [volume], onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat([volume][0] * 10, " of 10"), dataTestId: "volume-control-slider", ariaDescribedBy: volumeSliderInstructionId, overrides: sliderOverrides }),
|
|
86
|
+
react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: volumeSliderInstructionId, "aria-hidden": "true" }, "Use the arrow keys to adjust volume"))))));
|
|
87
|
+
};
|
|
88
|
+
exports.AudioPlayerVolumeControl = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerVolumeControl)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
|
|
89
|
+
//# sourceMappingURL=volume-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,4 +8,5 @@ export * from './components/forward-button';
|
|
|
8
8
|
export * from './components/replay-button';
|
|
9
9
|
export * from './components/skip-next-button';
|
|
10
10
|
export * from './components/skip-previous-button';
|
|
11
|
+
export * from './components/volume-control';
|
|
11
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC"}
|
|
@@ -25,4 +25,5 @@ __exportStar(require("./components/forward-button"), exports);
|
|
|
25
25
|
__exportStar(require("./components/replay-button"), exports);
|
|
26
26
|
__exportStar(require("./components/skip-next-button"), exports);
|
|
27
27
|
__exportStar(require("./components/skip-previous-button"), exports);
|
|
28
|
+
__exportStar(require("./components/volume-control"), exports);
|
|
28
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,yDAA8D;AAAtD,sGAAA,aAAa,OAAA;AACrB,qEAAgE;AAAxD,gIAAA,qBAAqB,OAAA;AAC7B,qCAAgD;AAAxC,gHAAA,qBAAqB,OAAA;AAC7B,4DAA0C;AAC1C,wDAAsC;AACtC,iEAA+C;AAC/C,8DAA4C;AAC5C,6DAA2C;AAC3C,gEAA8C;AAC9C,oEAAkD"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,yDAA8D;AAAtD,sGAAA,aAAa,OAAA;AACrB,qEAAgE;AAAxD,gIAAA,qBAAqB,OAAA;AAC7B,qCAAgD;AAAxC,gHAAA,qBAAqB,OAAA;AAC7B,4DAA0C;AAC1C,wDAAsC;AACtC,iEAA+C;AAC/C,8DAA4C;AAC5C,6DAA2C;AAC3C,gEAA8C;AAC9C,oEAAkD;AAClD,8DAA4C"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconButtonProps } from '../icon-button/types';
|
|
3
|
+
import { AudioPlayerVolumeControlOverridesProps, AudioPlayerVolumeControlProps } from './components/volume-control/types';
|
|
3
4
|
import { AudioPlayerForwardButtonProps } from './components/forward-button/types';
|
|
4
5
|
import { AudioPlayerPlayPauseButtonProps } from './components/play-pause-button/types';
|
|
5
6
|
import { AudioPlayerReplayButtonProps } from './components/replay-button/types';
|
|
6
7
|
import { AudioPlayerSkipNextButtonProps } from './components/skip-next-button/types';
|
|
7
8
|
import { AudioPlayerSkipPreviousButtonProps } from './components/skip-previous-button/types';
|
|
8
9
|
import { AudioPlayerTimeFormatFn } from './components/time-display/types';
|
|
10
|
+
import { ButtonSize } from '../button';
|
|
9
11
|
export interface AudioFunctionDependencies {
|
|
10
12
|
autoPlay: boolean;
|
|
11
13
|
src: string;
|
|
@@ -19,6 +21,7 @@ export interface AudioFunctionDependencies {
|
|
|
19
21
|
setLoading: React.Dispatch<React.SetStateAction<boolean>>;
|
|
20
22
|
setCurrentTime: React.Dispatch<React.SetStateAction<number>>;
|
|
21
23
|
setPlayState: React.Dispatch<React.SetStateAction<boolean>>;
|
|
24
|
+
setVolume: React.Dispatch<React.SetStateAction<number>>;
|
|
22
25
|
setDuration: React.Dispatch<React.SetStateAction<number>>;
|
|
23
26
|
setDisplayDuration: React.Dispatch<React.SetStateAction<number>>;
|
|
24
27
|
setBuffered: React.Dispatch<React.SetStateAction<TimeRanges | undefined>>;
|
|
@@ -46,6 +49,18 @@ export interface AudioPlayerProviderContext {
|
|
|
46
49
|
onChange: (value: number) => void;
|
|
47
50
|
buffered: TimeRanges | undefined;
|
|
48
51
|
};
|
|
52
|
+
getVolumeControlProps: (props: AudioPlayerVolumeControlProps) => {
|
|
53
|
+
overrides: AudioPlayerVolumeControlOverridesProps;
|
|
54
|
+
keyboardShortcuts?: {
|
|
55
|
+
muteToggle: string | string[];
|
|
56
|
+
};
|
|
57
|
+
vertical?: boolean;
|
|
58
|
+
collapsed?: boolean;
|
|
59
|
+
onChange: (value: number) => void;
|
|
60
|
+
volume: number;
|
|
61
|
+
initialVolume: 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
|
|
62
|
+
muteButtonSize?: ButtonSize;
|
|
63
|
+
};
|
|
49
64
|
getSkipPreviousButtonProps: (props: AudioPlayerSkipPreviousButtonProps) => IconButtonProps;
|
|
50
65
|
getSkipNextButtonProps: (props: AudioPlayerSkipNextButtonProps) => IconButtonProps;
|
|
51
66
|
getForwardButtonProps: (props: AudioPlayerForwardButtonProps) => IconButtonProps;
|
|
@@ -64,6 +79,7 @@ export interface AudioPlayerComposableProps extends Omit<React.AudioHTMLAttribut
|
|
|
64
79
|
jumpToStart: string | string[];
|
|
65
80
|
jumpToEnd: string | string[];
|
|
66
81
|
};
|
|
82
|
+
initialVolume?: 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
|
|
67
83
|
}
|
|
68
84
|
export declare enum AudioEvents {
|
|
69
85
|
Play = "onPlay",
|
|
@@ -71,6 +87,7 @@ export declare enum AudioEvents {
|
|
|
71
87
|
Waiting = "onWaiting",
|
|
72
88
|
CanPlay = "onCanPlay",
|
|
73
89
|
Ended = "onEnded",
|
|
90
|
+
VolumeChange = "onVolumeChange",
|
|
74
91
|
DurationChange = "onDurationChange",
|
|
75
92
|
TimeUpdate = "onTimeUpdate",
|
|
76
93
|
Progress = "onProgress"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAC,6BAA6B,EAAC,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAC,+BAA+B,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AACnF,OAAO,EAAC,kCAAkC,EAAC,MAAM,yCAAyC,CAAC;AAC3F,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ var AudioEvents;
|
|
|
8
8
|
AudioEvents["Waiting"] = "onWaiting";
|
|
9
9
|
AudioEvents["CanPlay"] = "onCanPlay";
|
|
10
10
|
AudioEvents["Ended"] = "onEnded";
|
|
11
|
-
|
|
11
|
+
AudioEvents["VolumeChange"] = "onVolumeChange";
|
|
12
12
|
AudioEvents["DurationChange"] = "onDurationChange";
|
|
13
13
|
AudioEvents["TimeUpdate"] = "onTimeUpdate";
|
|
14
14
|
AudioEvents["Progress"] = "onProgress";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";;;AA2GA,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAUtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-floating-element.d.ts","sourceRoot":"","sources":["../../../src/base-floating-element/base-floating-element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAC;AAMjD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+KlE,CAAC"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
33
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
34
|
+
if (ar || !(i in from)) {
|
|
35
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
36
|
+
ar[i] = from[i];
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
|
+
};
|
|
41
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
43
|
+
};
|
|
44
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
45
|
+
exports.BaseFloatingElement = void 0;
|
|
46
|
+
var React = __importStar(require("react"));
|
|
47
|
+
var react_1 = require("react");
|
|
48
|
+
var react_dom_interactions_1 = require("@floating-ui/react-dom-interactions");
|
|
49
|
+
var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
|
|
50
|
+
var styled_1 = require("./styled");
|
|
51
|
+
var hooks_1 = require("../utils/hooks");
|
|
52
|
+
var theme_1 = require("../theme");
|
|
53
|
+
var utils_1 = require("./utils");
|
|
54
|
+
var BaseFloatingElement = function (_a) {
|
|
55
|
+
var children = _a.children, content = _a.content, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, openProp = _a.open, overrides = _a.overrides, _c = _a.hidePointer, hidePointer = _c === void 0 ? false : _c, role = _a.role, useInteractions = _a.useInteractions, buildRefElAriaAttributes = _a.buildRefElAriaAttributes, buildFloatingElAriaAttributes = _a.buildFloatingElAriaAttributes, path = _a.path, onDismiss = _a.onDismiss, restoreFocusTo = _a.restoreFocusTo, className = _a.className,
|
|
56
|
+
/* istanbul ignore next */
|
|
57
|
+
_d = _a.fallbackBehaviour,
|
|
58
|
+
/* istanbul ignore next */
|
|
59
|
+
fallbackBehaviour = _d === void 0 ? ['flip', 'shift'] : _d, boundary = _a.boundary;
|
|
60
|
+
var _e = (0, hooks_1.useControlled)({
|
|
61
|
+
controlledValue: openProp,
|
|
62
|
+
defaultValue: false,
|
|
63
|
+
}), open = _e[0], setOpen = _e[1];
|
|
64
|
+
var theme = (0, theme_1.useTheme)();
|
|
65
|
+
var distance = (0, utils_1.getOverridePxValue)(path, { theme: theme, overrides: overrides }, 'distance', 'distance');
|
|
66
|
+
var pointerPadding = (0, utils_1.getOverridePxValue)("".concat(path, ".pointer"), { theme: theme, overrides: overrides }, 'pointer.edgeOffset', 'edgeOffset');
|
|
67
|
+
(0, react_1.useEffect)(function () {
|
|
68
|
+
(0, utils_1.showOverridePxWarnings)(distance, 'distance');
|
|
69
|
+
(0, utils_1.showOverridePxWarnings)(pointerPadding, 'pointer.edgeOffset');
|
|
70
|
+
}, [distance, pointerPadding]);
|
|
71
|
+
var panelRef = (0, react_1.useRef)(null);
|
|
72
|
+
var pointerRef = (0, react_1.useRef)(null);
|
|
73
|
+
var _f = (0, react_dom_interactions_1.useFloating)({
|
|
74
|
+
placement: placement,
|
|
75
|
+
open: open,
|
|
76
|
+
onOpenChange: setOpen,
|
|
77
|
+
whileElementsMounted: react_dom_interactions_1.autoUpdate,
|
|
78
|
+
middleware: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (!hidePointer && distance ? [(0, react_dom_interactions_1.offset)(distance)] : []), true), (fallbackBehaviour.includes('flip')
|
|
79
|
+
? [(0, react_dom_interactions_1.flip)({ boundary: boundary })]
|
|
80
|
+
: /* istanbul ignore next */ []), true), (fallbackBehaviour.includes('shift')
|
|
81
|
+
? [(0, react_dom_interactions_1.shift)({ boundary: boundary })]
|
|
82
|
+
: /* istanbul ignore next */ []), true), (!hidePointer
|
|
83
|
+
? [(0, react_dom_interactions_1.arrow)({ element: pointerRef, padding: pointerPadding })]
|
|
84
|
+
: []), true),
|
|
85
|
+
}), x = _f.x, y = _f.y, reference = _f.reference, floating = _f.floating, strategy = _f.strategy, context = _f.context, _g = _f.middlewareData.arrow, _h = _g === void 0 ? {} : _g, pointerX = _h.x, pointerY = _h.y, statefulPlacement = _f.placement, refs = _f.refs;
|
|
86
|
+
var defaultRefId = (0, react_dom_interactions_1.useId)();
|
|
87
|
+
var floatingId = (0, react_dom_interactions_1.useId)();
|
|
88
|
+
var ariaArgs = {
|
|
89
|
+
floating: { id: floatingId, open: open },
|
|
90
|
+
ref: { id: children.props.id || defaultRefId },
|
|
91
|
+
};
|
|
92
|
+
var refElAriaAttributes = buildRefElAriaAttributes(ariaArgs);
|
|
93
|
+
var floatingElAriaAttributes = buildFloatingElAriaAttributes(ariaArgs);
|
|
94
|
+
var contentIsString = typeof content === 'string';
|
|
95
|
+
var _j = useInteractions(context), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
|
|
96
|
+
// We need to handle changes to the value of 'open' in a useEffect because:
|
|
97
|
+
// - We can't access context.refs in onOpenChange
|
|
98
|
+
// - onOpenChange isn't called in the controlled case
|
|
99
|
+
var isFirstRun = (0, react_1.useRef)(true);
|
|
100
|
+
(0, react_1.useEffect)(function () {
|
|
101
|
+
var _a, _b, _c;
|
|
102
|
+
// Don't call onDismiss or update focus on the first render.
|
|
103
|
+
if (isFirstRun.current) {
|
|
104
|
+
isFirstRun.current = false;
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
// We can't use floating-ui's FloatingFocusManager to update the focus state
|
|
108
|
+
// because this does not allow tabbing past the floating element without closing it.
|
|
109
|
+
if (path === 'popover') {
|
|
110
|
+
if (open) {
|
|
111
|
+
/* istanbul ignore next */
|
|
112
|
+
(_a = panelRef === null || panelRef === void 0 ? void 0 : panelRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
113
|
+
}
|
|
114
|
+
else if (restoreFocusTo) {
|
|
115
|
+
restoreFocusTo.focus();
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
/* istanbul ignore next */
|
|
119
|
+
(_c = (_b = refs.reference) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
if (!open && onDismiss) {
|
|
123
|
+
onDismiss();
|
|
124
|
+
}
|
|
125
|
+
}, [onDismiss, open, path, refs.reference, restoreFocusTo, panelRef]);
|
|
126
|
+
if (!content) {
|
|
127
|
+
return children;
|
|
128
|
+
}
|
|
129
|
+
return (React.createElement(React.Fragment, null,
|
|
130
|
+
React.cloneElement(children, getReferenceProps(__assign(__assign({ ref: (0, compose_react_refs_1.default)(reference, children.ref) }, refElAriaAttributes), { id: floatingElAriaAttributes['aria-labelledby'] && !children.props.id
|
|
131
|
+
? defaultRefId
|
|
132
|
+
: undefined }))),
|
|
133
|
+
open && (React.createElement(styled_1.StyledFloatingElement, __assign({}, getFloatingProps({
|
|
134
|
+
ref: floating,
|
|
135
|
+
id: floatingId,
|
|
136
|
+
className: className,
|
|
137
|
+
}), { strategy: strategy, "$x": x, "$y": y, placement: statefulPlacement, overrides: overrides, hidePointer: hidePointer, role: role }, floatingElAriaAttributes, { path: path }),
|
|
138
|
+
React.createElement(styled_1.StyledPanel, { tabIndex: -1, "data-testid": "floating-element-panel", as: contentIsString ? 'p' : 'div', overrides: overrides, path: path, ref: panelRef }, content),
|
|
139
|
+
!hidePointer && (React.createElement(styled_1.StyledPointer, { path: path, id: "".concat(floatingId, "-pointer"), ref: pointerRef, placement: statefulPlacement, "$x": pointerX, "$y": pointerY, overrides: overrides }))))));
|
|
140
|
+
};
|
|
141
|
+
exports.BaseFloatingElement = BaseFloatingElement;
|
|
142
|
+
//# sourceMappingURL=base-floating-element.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-floating-element.js","sourceRoot":"","sources":["../../../src/base-floating-element/base-floating-element.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-floating-element/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./base-floating-element"), exports);
|
|
14
|
+
__exportStar(require("./types"), exports);
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base-floating-element/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0DAAwC;AACxC,0CAAwB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Placement, Strategy } from '@floating-ui/react-dom-interactions';
|
|
3
|
-
import {
|
|
4
|
-
export declare const
|
|
3
|
+
import { BaseFloatingElementProps } from './types';
|
|
4
|
+
export declare const StyledFloatingElement: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
6
|
as?: import("react").ElementType<any> | undefined;
|
|
7
7
|
} & {
|
|
@@ -10,7 +10,7 @@ export declare const StyledTooltip: import("@emotion/styled").StyledComponent<{
|
|
|
10
10
|
$x?: number | undefined;
|
|
11
11
|
$y?: number | undefined;
|
|
12
12
|
hidePointer: boolean;
|
|
13
|
-
} & Pick<
|
|
13
|
+
} & Pick<BaseFloatingElementProps, "path" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
14
|
export declare const StyledPanel: import("@emotion/styled").StyledComponent<{
|
|
15
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
16
16
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -18,7 +18,7 @@ export declare const StyledPanel: import("@emotion/styled").StyledComponent<{
|
|
|
18
18
|
children?: import("react").ReactNode;
|
|
19
19
|
} & {
|
|
20
20
|
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
-
} & Pick<
|
|
21
|
+
} & Pick<BaseFloatingElementProps, "path" | "overrides">, {}, {}>;
|
|
22
22
|
export declare const StyledPointer: import("@emotion/styled").StyledComponent<{
|
|
23
23
|
theme?: import("@emotion/react").Theme | undefined;
|
|
24
24
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -26,5 +26,5 @@ export declare const StyledPointer: import("@emotion/styled").StyledComponent<{
|
|
|
26
26
|
placement: Placement;
|
|
27
27
|
$x?: number | undefined;
|
|
28
28
|
$y?: number | undefined;
|
|
29
|
-
} & Pick<
|
|
29
|
+
} & Pick<BaseFloatingElementProps, "path" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
30
|
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/base-floating-element/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAC;AAWjD,eAAO,MAAM,qBAAqB;;;;cAEpB,QAAQ;eACP,SAAS;;;iBAGP,OAAO;gKAYvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;iEAMvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAEX,SAAS;;;gKAgCvB,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.StyledPointer = exports.StyledPanel = exports.StyledFloatingElement = void 0;
|
|
8
|
+
var style_1 = require("../utils/style");
|
|
9
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
10
|
+
var text_block_1 = require("../text-block");
|
|
11
|
+
exports.StyledFloatingElement = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n"])), function (_a) {
|
|
12
|
+
var path = _a.path;
|
|
13
|
+
return (0, style_1.getStylePreset)("".concat(path), '');
|
|
14
|
+
}, function (_a) {
|
|
15
|
+
var path = _a.path;
|
|
16
|
+
return (0, style_1.getResponsiveSpace)('zIndex', path, '', 'zIndex');
|
|
17
|
+
}, function (_a) {
|
|
18
|
+
var path = _a.path;
|
|
19
|
+
return (0, style_1.getResponsiveSize)('maxWidth', path, '', 'maxWidth');
|
|
20
|
+
}, function (_a) {
|
|
21
|
+
var path = _a.path;
|
|
22
|
+
return (0, style_1.getResponsiveSize)('minWidth', path, '', 'minWidth');
|
|
23
|
+
}, function (_a) {
|
|
24
|
+
var $x = _a.$x, $y = _a.$y, strategy = _a.strategy;
|
|
25
|
+
return ({
|
|
26
|
+
position: strategy,
|
|
27
|
+
left: $x != null ? "".concat($x, "px") : '',
|
|
28
|
+
top: $y != null ? "".concat($y, "px") : '',
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
exports.StyledPanel = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), function (_a) {
|
|
32
|
+
var path = _a.path;
|
|
33
|
+
return (0, style_1.getStylePreset)("".concat(path, ".panel"), 'panel');
|
|
34
|
+
}, function (_a) {
|
|
35
|
+
var path = _a.path;
|
|
36
|
+
return (0, style_1.getTypographyPreset)("".concat(path, ".panel"), 'panel');
|
|
37
|
+
}, function (_a) {
|
|
38
|
+
var path = _a.path;
|
|
39
|
+
return (0, logical_properties_1.logicalProps)("".concat(path, ".panel"), 'panel');
|
|
40
|
+
});
|
|
41
|
+
exports.StyledPointer = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n transform: rotate(45deg);\n box-sizing: border-box;\n ", ";\n ", "\n"], ["\n position: absolute;\n transform: rotate(45deg);\n box-sizing: border-box;\n ", ";\n ", "\n"])), function (_a) {
|
|
42
|
+
var path = _a.path;
|
|
43
|
+
return (0, style_1.getStylePreset)("".concat(path, ".pointer"), 'pointer');
|
|
44
|
+
}, function (_a) {
|
|
45
|
+
var placement = _a.placement, $x = _a.$x, $y = _a.$y, path = _a.path;
|
|
46
|
+
return (0, style_1.getResponsiveSize)(function (size) {
|
|
47
|
+
var _a;
|
|
48
|
+
var staticSide = {
|
|
49
|
+
top: 'bottom',
|
|
50
|
+
right: 'left',
|
|
51
|
+
bottom: 'top',
|
|
52
|
+
left: 'right',
|
|
53
|
+
}[placement.split('-')[0]];
|
|
54
|
+
return _a = {
|
|
55
|
+
width: size,
|
|
56
|
+
height: size,
|
|
57
|
+
left: $x != null ? "".concat($x, "px") : '',
|
|
58
|
+
top: $y != null ? "".concat($y, "px") : '',
|
|
59
|
+
right: '',
|
|
60
|
+
bottom: ''
|
|
61
|
+
},
|
|
62
|
+
_a[staticSide] = "calc(-".concat(size, " / 2)"),
|
|
63
|
+
_a;
|
|
64
|
+
}, "".concat(path, ".pointer"), 'pointer', 'size');
|
|
65
|
+
});
|
|
66
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
67
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/base-floating-element/styled.tsx"],"names":[],"mappings":"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"}
|