@remotion/cli 2.4.0-alpha.41bfd52d → 2.4.0-alpha.b886f9bc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (252) hide show
  1. package/dist/editor/components/CopyButton.d.ts +7 -0
  2. package/dist/editor/components/CopyButton.d.ts.map +1 -0
  3. package/dist/editor/components/CopyButton.js +40 -0
  4. package/dist/editor/components/CopyButton.js.map +1 -0
  5. package/dist/editor/components/GlobalKeybindings.d.ts +3 -0
  6. package/dist/editor/components/GlobalKeybindings.d.ts.map +1 -0
  7. package/dist/editor/components/GlobalKeybindings.js +36 -0
  8. package/dist/editor/components/GlobalKeybindings.js.map +1 -0
  9. package/dist/editor/components/KeyboardShortcuts.d.ts +1 -0
  10. package/dist/editor/components/KeyboardShortcuts.d.ts.map +1 -0
  11. package/dist/editor/components/KeyboardShortcuts.js +2 -0
  12. package/dist/editor/components/KeyboardShortcuts.js.map +1 -0
  13. package/dist/editor/components/KeyboardShortcutsModal.d.ts +3 -0
  14. package/dist/editor/components/KeyboardShortcutsModal.d.ts.map +1 -0
  15. package/dist/editor/components/KeyboardShortcutsModal.js +43 -0
  16. package/dist/editor/components/KeyboardShortcutsModal.js.map +1 -0
  17. package/dist/editor/components/Menu/MenuItem.d.ts +8 -13
  18. package/dist/editor/components/Menu/MenuItem.d.ts.map +1 -1
  19. package/dist/editor/components/Menu/MenuItem.js +13 -44
  20. package/dist/editor/components/Menu/MenuItem.js.map +1 -1
  21. package/dist/editor/components/Menu/MenuSubItem.d.ts +13 -1
  22. package/dist/editor/components/Menu/MenuSubItem.d.ts.map +1 -1
  23. package/dist/editor/components/Menu/MenuSubItem.js +60 -8
  24. package/dist/editor/components/Menu/MenuSubItem.js.map +1 -1
  25. package/dist/editor/components/Menu/SubMenu.d.ts +11 -0
  26. package/dist/editor/components/Menu/SubMenu.d.ts.map +1 -0
  27. package/dist/editor/components/Menu/SubMenu.js +15 -0
  28. package/dist/editor/components/Menu/SubMenu.js.map +1 -0
  29. package/dist/editor/components/Menu/portals.d.ts +2 -0
  30. package/dist/editor/components/Menu/portals.d.ts.map +1 -0
  31. package/dist/editor/components/Menu/portals.js +16 -0
  32. package/dist/editor/components/Menu/portals.js.map +1 -0
  33. package/dist/editor/components/Menu/styles.d.ts +5 -0
  34. package/dist/editor/components/Menu/styles.d.ts.map +1 -0
  35. package/dist/editor/components/Menu/styles.js +22 -0
  36. package/dist/editor/components/Menu/styles.js.map +1 -0
  37. package/dist/editor/components/MenuToolbar.d.ts.map +1 -1
  38. package/dist/editor/components/MenuToolbar.js +207 -75
  39. package/dist/editor/components/MenuToolbar.js.map +1 -1
  40. package/dist/editor/components/ModalContainer.d.ts +6 -0
  41. package/dist/editor/components/ModalContainer.d.ts.map +1 -0
  42. package/dist/editor/components/ModalContainer.js +28 -0
  43. package/dist/editor/components/ModalContainer.js.map +1 -0
  44. package/dist/editor/components/ModalHeader.d.ts +5 -0
  45. package/dist/editor/components/ModalHeader.d.ts.map +1 -0
  46. package/dist/editor/components/ModalHeader.js +29 -0
  47. package/dist/editor/components/ModalHeader.js.map +1 -0
  48. package/dist/editor/components/NewComposition/CancelButton.d.ts +3 -1
  49. package/dist/editor/components/NewComposition/CancelButton.d.ts.map +1 -1
  50. package/dist/editor/components/NewComposition/CancelButton.js +12 -1
  51. package/dist/editor/components/NewComposition/CancelButton.js.map +1 -1
  52. package/dist/editor/components/NewComposition/ComboBox.d.ts +10 -0
  53. package/dist/editor/components/NewComposition/ComboBox.d.ts.map +1 -1
  54. package/dist/editor/components/NewComposition/ComboBox.js +39 -53
  55. package/dist/editor/components/NewComposition/ComboBox.js.map +1 -1
  56. package/dist/editor/components/NewComposition/CompositionType.d.ts.map +1 -1
  57. package/dist/editor/components/NewComposition/CompositionType.js +9 -7
  58. package/dist/editor/components/NewComposition/CompositionType.js.map +1 -1
  59. package/dist/editor/components/NewComposition/InputDragger.d.ts +7 -0
  60. package/dist/editor/components/NewComposition/InputDragger.d.ts.map +1 -0
  61. package/dist/editor/components/NewComposition/InputDragger.js +74 -0
  62. package/dist/editor/components/NewComposition/InputDragger.js.map +1 -0
  63. package/dist/editor/components/NewComposition/MenuContent.d.ts +12 -0
  64. package/dist/editor/components/NewComposition/MenuContent.d.ts.map +1 -0
  65. package/dist/editor/components/NewComposition/MenuContent.js +173 -0
  66. package/dist/editor/components/NewComposition/MenuContent.js.map +1 -0
  67. package/dist/editor/components/NewComposition/ModalHeader.d.ts +3 -0
  68. package/dist/editor/components/NewComposition/ModalHeader.d.ts.map +1 -0
  69. package/dist/editor/components/NewComposition/ModalHeader.js +29 -0
  70. package/dist/editor/components/NewComposition/ModalHeader.js.map +1 -0
  71. package/dist/editor/components/NewComposition/NewCompAspectRatio.d.ts +2 -0
  72. package/dist/editor/components/NewComposition/NewCompAspectRatio.d.ts.map +1 -1
  73. package/dist/editor/components/NewComposition/NewCompAspectRatio.js +4 -7
  74. package/dist/editor/components/NewComposition/NewCompAspectRatio.js.map +1 -1
  75. package/dist/editor/components/NewComposition/NewCompCode.d.ts +3 -2
  76. package/dist/editor/components/NewComposition/NewCompCode.d.ts.map +1 -1
  77. package/dist/editor/components/NewComposition/NewCompCode.js +30 -11
  78. package/dist/editor/components/NewComposition/NewCompCode.js.map +1 -1
  79. package/dist/editor/components/NewComposition/NewCompDuration.d.ts +7 -0
  80. package/dist/editor/components/NewComposition/NewCompDuration.d.ts.map +1 -0
  81. package/dist/editor/components/NewComposition/NewCompDuration.js +24 -0
  82. package/dist/editor/components/NewComposition/NewCompDuration.js.map +1 -0
  83. package/dist/editor/components/NewComposition/NewCompHeader.d.ts.map +1 -1
  84. package/dist/editor/components/NewComposition/NewCompHeader.js +13 -2
  85. package/dist/editor/components/NewComposition/NewCompHeader.js.map +1 -1
  86. package/dist/editor/components/NewComposition/NewComposition.d.ts +4 -1
  87. package/dist/editor/components/NewComposition/NewComposition.d.ts.map +1 -1
  88. package/dist/editor/components/NewComposition/NewComposition.js +59 -45
  89. package/dist/editor/components/NewComposition/NewComposition.js.map +1 -1
  90. package/dist/editor/components/NewComposition/RemInput.d.ts +1 -0
  91. package/dist/editor/components/NewComposition/RemInput.d.ts.map +1 -1
  92. package/dist/editor/components/NewComposition/RemInput.js +17 -14
  93. package/dist/editor/components/NewComposition/RemInput.js.map +1 -1
  94. package/dist/editor/components/NewComposition/ToggleAspectRatio.d.ts +6 -0
  95. package/dist/editor/components/NewComposition/ToggleAspectRatio.d.ts.map +1 -0
  96. package/dist/editor/components/NewComposition/ToggleAspectRatio.js +24 -0
  97. package/dist/editor/components/NewComposition/ToggleAspectRatio.js.map +1 -0
  98. package/dist/editor/components/NewComposition/ValidationMessage.d.ts +5 -0
  99. package/dist/editor/components/NewComposition/ValidationMessage.d.ts.map +1 -0
  100. package/dist/editor/components/NewComposition/ValidationMessage.js +24 -0
  101. package/dist/editor/components/NewComposition/ValidationMessage.js.map +1 -0
  102. package/dist/editor/components/NewComposition/new-comp-layout.d.ts +5 -0
  103. package/dist/editor/components/NewComposition/new-comp-layout.d.ts.map +1 -0
  104. package/dist/editor/components/NewComposition/new-comp-layout.js +20 -0
  105. package/dist/editor/components/NewComposition/new-comp-layout.js.map +1 -0
  106. package/dist/editor/components/NewComposition/render-aspect-ratio.d.ts.map +1 -1
  107. package/dist/editor/components/NewComposition/render-aspect-ratio.js +6 -1
  108. package/dist/editor/components/NewComposition/render-aspect-ratio.js.map +1 -1
  109. package/dist/editor/components/UpdateModal/UpdateModal.d.ts +6 -0
  110. package/dist/editor/components/UpdateModal/UpdateModal.d.ts.map +1 -0
  111. package/dist/editor/components/UpdateModal/UpdateModal.js +38 -0
  112. package/dist/editor/components/UpdateModal/UpdateModal.js.map +1 -0
  113. package/dist/editor/components/layout.d.ts +13 -0
  114. package/dist/editor/components/layout.d.ts.map +1 -0
  115. package/dist/editor/components/layout.js +34 -0
  116. package/dist/editor/components/layout.js.map +1 -0
  117. package/dist/editor/helpers/colors.d.ts +5 -1
  118. package/dist/editor/helpers/colors.d.ts.map +1 -1
  119. package/dist/editor/helpers/colors.js +6 -2
  120. package/dist/editor/helpers/colors.js.map +1 -1
  121. package/dist/editor/helpers/copy-text.d.ts +2 -0
  122. package/dist/editor/helpers/copy-text.d.ts.map +1 -0
  123. package/dist/editor/helpers/copy-text.js +18 -0
  124. package/dist/editor/helpers/copy-text.js.map +1 -0
  125. package/dist/editor/helpers/noop.d.ts +2 -0
  126. package/dist/editor/helpers/noop.d.ts.map +1 -0
  127. package/dist/editor/helpers/noop.js +6 -0
  128. package/dist/editor/helpers/noop.js.map +1 -0
  129. package/dist/editor/helpers/use-keybinding.d.ts +8 -0
  130. package/dist/editor/helpers/use-keybinding.d.ts.map +1 -0
  131. package/dist/editor/helpers/use-keybinding.js +45 -0
  132. package/dist/editor/helpers/use-keybinding.js.map +1 -0
  133. package/dist/editor/icons/Checkmark.d.ts +2 -0
  134. package/dist/editor/icons/Checkmark.d.ts.map +1 -0
  135. package/dist/editor/icons/Checkmark.js +11 -0
  136. package/dist/editor/icons/Checkmark.js.map +1 -0
  137. package/dist/editor/icons/caret.d.ts +3 -0
  138. package/dist/editor/icons/caret.d.ts.map +1 -0
  139. package/dist/editor/icons/caret.js +17 -0
  140. package/dist/editor/icons/caret.js.map +1 -0
  141. package/dist/editor/icons/keys.d.ts +5 -0
  142. package/dist/editor/icons/keys.d.ts.map +1 -0
  143. package/dist/editor/icons/keys.js +17 -0
  144. package/dist/editor/icons/keys.js.map +1 -0
  145. package/dist/editor/icons/lock.d.ts +4 -0
  146. package/dist/editor/icons/lock.d.ts.map +1 -0
  147. package/dist/editor/icons/lock.js +13 -0
  148. package/dist/editor/icons/lock.js.map +1 -0
  149. package/dist/editor/state/highest-z-index.d.ts +10 -0
  150. package/dist/editor/state/highest-z-index.d.ts.map +1 -0
  151. package/dist/editor/state/highest-z-index.js +36 -0
  152. package/dist/editor/state/highest-z-index.js.map +1 -0
  153. package/dist/editor/state/input-dragger-click-lock.d.ts +3 -0
  154. package/dist/editor/state/input-dragger-click-lock.d.ts.map +1 -0
  155. package/dist/editor/state/input-dragger-click-lock.js +11 -0
  156. package/dist/editor/state/input-dragger-click-lock.js.map +1 -0
  157. package/dist/editor/state/keybindings.d.ts +18 -0
  158. package/dist/editor/state/keybindings.d.ts.map +1 -0
  159. package/dist/editor/state/keybindings.js +42 -0
  160. package/dist/editor/state/keybindings.js.map +1 -0
  161. package/dist/editor/state/modals.d.ts +18 -0
  162. package/dist/editor/state/modals.d.ts.map +1 -0
  163. package/dist/editor/state/modals.js +9 -0
  164. package/dist/editor/state/modals.js.map +1 -0
  165. package/dist/editor/state/timeline-ref.d.ts +6 -0
  166. package/dist/editor/state/timeline-ref.d.ts.map +1 -0
  167. package/dist/editor/state/timeline-ref.js +6 -0
  168. package/dist/editor/state/timeline-ref.js.map +1 -0
  169. package/dist/editor/state/z-index.d.ts +17 -0
  170. package/dist/editor/state/z-index.d.ts.map +1 -0
  171. package/dist/editor/state/z-index.js +67 -0
  172. package/dist/editor/state/z-index.js.map +1 -0
  173. package/dist/empty-audio.d.ts +2 -0
  174. package/dist/empty-audio.d.ts.map +1 -0
  175. package/dist/empty-audio.js +5 -0
  176. package/dist/empty-audio.js.map +1 -0
  177. package/dist/get-cli-options.d.ts +4 -5
  178. package/dist/get-cli-options.d.ts.map +1 -1
  179. package/dist/get-cli-options.js +17 -16
  180. package/dist/get-cli-options.js.map +1 -1
  181. package/dist/index.d.ts +0 -50
  182. package/dist/index.d.ts.map +1 -1
  183. package/dist/index.js +1 -27
  184. package/dist/index.js.map +1 -1
  185. package/dist/initialize-render-cli.d.ts +1 -1
  186. package/dist/initialize-render-cli.d.ts.map +1 -1
  187. package/dist/initialize-render-cli.js.map +1 -1
  188. package/dist/parse-command-line.d.ts +1 -1
  189. package/dist/parse-command-line.d.ts.map +1 -1
  190. package/dist/parse-command-line.js.map +1 -1
  191. package/dist/preview.d.ts.map +1 -1
  192. package/dist/preview.js +9 -3
  193. package/dist/preview.js.map +1 -1
  194. package/dist/progress-bar.d.ts +4 -5
  195. package/dist/progress-bar.d.ts.map +1 -1
  196. package/dist/progress-bar.js +14 -11
  197. package/dist/progress-bar.js.map +1 -1
  198. package/dist/render.d.ts.map +1 -1
  199. package/dist/render.js +84 -54
  200. package/dist/render.js.map +1 -1
  201. package/dist/setup-cache.d.ts.map +1 -1
  202. package/dist/setup-cache.js +1 -1
  203. package/dist/setup-cache.js.map +1 -1
  204. package/dist/still.d.ts.map +1 -1
  205. package/dist/still.js +3 -8
  206. package/dist/still.js.map +1 -1
  207. package/package.json +6 -6
  208. package/remotion-cli.js +0 -3
  209. package/dist/cycle-browser-tabs.d.ts +0 -7
  210. package/dist/cycle-browser-tabs.d.ts.map +0 -1
  211. package/dist/cycle-browser-tabs.js +0 -24
  212. package/dist/cycle-browser-tabs.js.map +0 -1
  213. package/dist/editor/components/FramePersister.d.ts +0 -4
  214. package/dist/editor/components/FramePersister.d.ts.map +0 -1
  215. package/dist/editor/components/FramePersister.js +0 -28
  216. package/dist/editor/components/FramePersister.js.map +0 -1
  217. package/dist/editor/components/MediaVolumeSlider.d.ts +0 -3
  218. package/dist/editor/components/MediaVolumeSlider.d.ts.map +0 -1
  219. package/dist/editor/components/MediaVolumeSlider.js +0 -113
  220. package/dist/editor/components/MediaVolumeSlider.js.map +0 -1
  221. package/dist/editor/components/Menu/is-menu-click.d.ts +0 -5
  222. package/dist/editor/components/Menu/is-menu-click.d.ts.map +0 -1
  223. package/dist/editor/components/Menu/is-menu-click.js +0 -24
  224. package/dist/editor/components/Menu/is-menu-click.js.map +0 -1
  225. package/dist/editor/components/NewComposition.d.ts +0 -3
  226. package/dist/editor/components/NewComposition.d.ts.map +0 -1
  227. package/dist/editor/components/NewComposition.js +0 -47
  228. package/dist/editor/components/NewComposition.js.map +0 -1
  229. package/dist/editor/components/NewSequence.d.ts +0 -3
  230. package/dist/editor/components/NewSequence.d.ts.map +0 -1
  231. package/dist/editor/components/NewSequence.js +0 -47
  232. package/dist/editor/components/NewSequence.js.map +0 -1
  233. package/dist/editor/components/Spacing.d.ts +0 -7
  234. package/dist/editor/components/Spacing.d.ts.map +0 -1
  235. package/dist/editor/components/Spacing.js +0 -18
  236. package/dist/editor/components/Spacing.js.map +0 -1
  237. package/dist/editor/helpers/isCompositionStill.d.ts +0 -1
  238. package/dist/editor/helpers/isCompositionStill.d.ts.map +0 -1
  239. package/dist/editor/helpers/isCompositionStill.js +0 -2
  240. package/dist/editor/helpers/isCompositionStill.js.map +0 -1
  241. package/dist/editor/hooks/get-el-size.d.ts +0 -8
  242. package/dist/editor/hooks/get-el-size.d.ts.map +0 -1
  243. package/dist/editor/hooks/get-el-size.js +0 -43
  244. package/dist/editor/hooks/get-el-size.js.map +0 -1
  245. package/dist/editor/state/global-menu-id.d.ts +0 -4
  246. package/dist/editor/state/global-menu-id.d.ts.map +0 -1
  247. package/dist/editor/state/global-menu-id.js +0 -11
  248. package/dist/editor/state/global-menu-id.js.map +0 -1
  249. package/dist/editor/state/menu-selection.d.ts +0 -8
  250. package/dist/editor/state/menu-selection.d.ts.map +0 -1
  251. package/dist/editor/state/menu-selection.js +0 -14
  252. package/dist/editor/state/menu-selection.js.map +0 -1
@@ -1,113 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MediaVolumeSlider = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const player_1 = require("@remotion/player");
6
- const react_1 = require("react");
7
- const remotion_1 = require("remotion");
8
- const media_volume_1 = require("../icons/media-volume");
9
- const ControlButton_1 = require("./ControlButton");
10
- const BAR_HEIGHT = 5;
11
- const KNOB_SIZE = 12;
12
- const VERTICAL_PADDING = 4;
13
- const containerStyle = {
14
- userSelect: 'none',
15
- paddingTop: VERTICAL_PADDING,
16
- paddingBottom: VERTICAL_PADDING,
17
- boxSizing: 'border-box',
18
- cursor: 'pointer',
19
- position: 'relative',
20
- };
21
- const barBackground = {
22
- height: BAR_HEIGHT,
23
- backgroundColor: 'rgba(255, 255, 255, 0.5)',
24
- width: 100,
25
- borderRadius: BAR_HEIGHT / 2,
26
- };
27
- const getVolumeFromX = (clientX, width) => {
28
- const pos = clientX;
29
- const volume = remotion_1.interpolate(pos, [0, width], [0, 1], {
30
- extrapolateLeft: 'clamp',
31
- extrapolateRight: 'clamp',
32
- });
33
- return volume;
34
- };
35
- const xSpacer = {
36
- width: 5,
37
- };
38
- const MediaVolumeSlider = () => {
39
- const [mediaMuted, setMediaMuted] = remotion_1.Internals.useMediaMutedState();
40
- const [mediaVolume, setMediaVolume] = remotion_1.Internals.useMediaVolumeState();
41
- const [dragging, setDragging] = react_1.useState(false);
42
- const currentRef = react_1.useRef(null);
43
- const iconDivRef = react_1.useRef(null);
44
- const parentDivRef = react_1.useRef(null);
45
- const size = player_1.PlayerInternals.useElementSize(currentRef);
46
- const hover = player_1.PlayerInternals.useHoverState(parentDivRef);
47
- const onClick = react_1.useCallback(() => {
48
- setMediaMuted((muted) => !muted);
49
- setMediaVolume(Number(mediaMuted));
50
- }, [setMediaMuted, mediaMuted, setMediaVolume]);
51
- const onPointerDown = react_1.useCallback((e) => {
52
- if (!size) {
53
- throw new Error('Player has no size');
54
- }
55
- const _volume = getVolumeFromX(e.clientX - size.left, size.width);
56
- setMediaVolume(_volume);
57
- setMediaMuted(_volume <= 0);
58
- setDragging(true);
59
- }, [setMediaMuted, setMediaVolume, size]);
60
- const onPointerMove = react_1.useCallback((e) => {
61
- if (!size) {
62
- throw new Error('Player has no size');
63
- }
64
- if (!dragging)
65
- return;
66
- const _volume = getVolumeFromX(e.clientX - size.left, size.width);
67
- setMediaVolume(_volume);
68
- setMediaMuted(_volume <= 0);
69
- }, [dragging, setMediaMuted, setMediaVolume, size]);
70
- const onPointerUp = react_1.useCallback(() => {
71
- console.log('stop dragging');
72
- setDragging(false);
73
- }, []);
74
- react_1.useEffect(() => {
75
- if (!dragging) {
76
- return;
77
- }
78
- window.addEventListener('pointermove', onPointerMove);
79
- window.addEventListener('pointerup', onPointerUp);
80
- return () => {
81
- window.removeEventListener('pointermove', onPointerMove);
82
- window.removeEventListener('pointerup', onPointerUp);
83
- };
84
- }, [dragging, onPointerMove, onPointerUp]);
85
- const knobStyle = react_1.useMemo(() => {
86
- var _a;
87
- return {
88
- height: KNOB_SIZE,
89
- width: KNOB_SIZE,
90
- borderRadius: KNOB_SIZE / 2,
91
- position: 'absolute',
92
- top: VERTICAL_PADDING - KNOB_SIZE / 2 + 5 / 2,
93
- backgroundColor: 'white',
94
- left: Math.max(-KNOB_SIZE / 2, mediaVolume * ((_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0) - KNOB_SIZE / 2),
95
- boxShadow: '0 0 2px black',
96
- opacity: Number(hover),
97
- };
98
- }, [hover, mediaVolume, size === null || size === void 0 ? void 0 : size.width]);
99
- const fillStyle = react_1.useMemo(() => {
100
- return {
101
- height: BAR_HEIGHT,
102
- backgroundColor: 'rgba(255, 255, 255, 1)',
103
- width: (mediaVolume / 1) * 100 + '%',
104
- borderRadius: BAR_HEIGHT / 2,
105
- };
106
- }, [mediaVolume]);
107
- return (jsx_runtime_1.jsxs(ControlButton_1.ControlDiv, Object.assign({ ref: parentDivRef }, { children: [jsx_runtime_1.jsx("div", Object.assign({ ref: iconDivRef, onClick: onClick }, { children: mediaMuted ? jsx_runtime_1.jsx(media_volume_1.VolumeOffIcon, {}, void 0) : jsx_runtime_1.jsx(media_volume_1.VolumeOnIcon, {}, void 0) }), void 0),
108
- jsx_runtime_1.jsx("div", { style: xSpacer }, void 0),
109
- jsx_runtime_1.jsx("div", Object.assign({ ref: currentRef, onPointerDown: onPointerDown, style: containerStyle }, { children: hover ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx("div", Object.assign({ style: barBackground }, { children: jsx_runtime_1.jsx("div", { style: fillStyle }, void 0) }), void 0),
110
- jsx_runtime_1.jsx("div", { style: knobStyle }, void 0)] }, void 0)) : (jsx_runtime_1.jsx("div", { style: { width: 100 } }, void 0)) }), void 0)] }), void 0));
111
- };
112
- exports.MediaVolumeSlider = MediaVolumeSlider;
113
- //# sourceMappingURL=MediaVolumeSlider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../../../src/editor/components/MediaVolumeSlider.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- export declare const MENU_ITEMS_CONTAINER = "remotion-menu-buttons-container";
2
- export declare const MENU_BUTTON_CLASS_NAME = "remotion-menu-button";
3
- export declare const SUBMENU_CONTAINER_CLASS_NAME = "remotion-submenu";
4
- export declare const isClickInsideMenuStructure: (el: HTMLElement) => boolean;
5
- //# sourceMappingURL=is-menu-click.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"is-menu-click.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AACtE,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAC7D,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,0BAA0B,OAAQ,WAAW,YAoBzD,CAAC"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isClickInsideMenuStructure = exports.SUBMENU_CONTAINER_CLASS_NAME = exports.MENU_BUTTON_CLASS_NAME = exports.MENU_ITEMS_CONTAINER = void 0;
4
- exports.MENU_ITEMS_CONTAINER = 'remotion-menu-buttons-container';
5
- exports.MENU_BUTTON_CLASS_NAME = 'remotion-menu-button';
6
- exports.SUBMENU_CONTAINER_CLASS_NAME = 'remotion-submenu';
7
- const isClickInsideMenuStructure = (el) => {
8
- var _a, _b;
9
- if ((_a = document.querySelector(`.${exports.MENU_ITEMS_CONTAINER}`)) === null || _a === void 0 ? void 0 : _a.contains(el)) {
10
- return true;
11
- }
12
- if ((_b = document.querySelector(`.${exports.SUBMENU_CONTAINER_CLASS_NAME}`)) === null || _b === void 0 ? void 0 : _b.contains(el)) {
13
- return true;
14
- }
15
- if (document.querySelector(`.${exports.SUBMENU_CONTAINER_CLASS_NAME}`) === el) {
16
- return true;
17
- }
18
- if (document.querySelector(`.${exports.MENU_ITEMS_CONTAINER}`) === el) {
19
- return true;
20
- }
21
- return false;
22
- };
23
- exports.isClickInsideMenuStructure = isClickInsideMenuStructure;
24
- //# sourceMappingURL=is-menu-click.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"is-menu-click.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,iCAAiC,CAAC;AACzD,QAAA,sBAAsB,GAAG,sBAAsB,CAAC;AAChD,QAAA,4BAA4B,GAAG,kBAAkB,CAAC;AAExD,MAAM,0BAA0B,GAAG,CAAC,EAAe,EAAE,EAAE;;IAC7D,IAAI,MAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,4BAAoB,EAAE,CAAC,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;QACrE,OAAO,IAAI,CAAC;KACZ;IAED,IACC,MAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,oCAA4B,EAAE,CAAC,0CAAE,QAAQ,CAAC,EAAE,CAAC,EACvE;QACD,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,oCAA4B,EAAE,CAAC,KAAK,EAAE,EAAE;QACtE,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,4BAAoB,EAAE,CAAC,KAAK,EAAE,EAAE;QAC9D,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AApBW,QAAA,0BAA0B,8BAoBrC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const NewSequence: React.FC;
3
- //# sourceMappingURL=NewComposition.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewComposition.d.ts","sourceRoot":"","sources":["../../../src/editor/components/NewComposition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAwBvE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA6F/B,CAAC"}
@@ -1,47 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NewSequence = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const colors_1 = require("../helpers/colors");
7
- const font_1 = require("../helpers/font");
8
- const backgroundOverlay = {
9
- backgroundColor: 'rgba(255, 255, 255, 0.05)',
10
- position: 'fixed',
11
- height: '100%',
12
- width: '100%',
13
- display: 'flex',
14
- justifyContent: 'center',
15
- alignItems: 'center',
16
- };
17
- const panel = {
18
- backgroundColor: colors_1.BACKGROUND,
19
- boxShadow: '0 0 4px black',
20
- padding: 20,
21
- color: 'white',
22
- fontFamily: font_1.FONT_FAMILY,
23
- };
24
- const NewSequence = () => {
25
- const [type, setType] = (0, react_1.useState)('composition');
26
- const [width, setWidth] = (0, react_1.useState)('1280');
27
- const [height, setHeight] = (0, react_1.useState)('720');
28
- const onStillChanged = (0, react_1.useCallback)((e) => {
29
- if (e.target.checked) {
30
- setType('still');
31
- }
32
- }, []);
33
- const onCompositionChanged = (0, react_1.useCallback)((e) => {
34
- if (e.target.checked) {
35
- setType('composition');
36
- }
37
- }, []);
38
- const onWidthChanged = (0, react_1.useCallback)((e) => {
39
- setWidth(e.target.value);
40
- }, []);
41
- const onHeightChanged = (0, react_1.useCallback)((e) => {
42
- setHeight(e.target.value);
43
- }, []);
44
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: backgroundOverlay }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: panel }, { children: (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Composition name" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onCompositionChanged, checked: type === 'composition', name: "type", type: "radio" }, void 0), "Composition"] }, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onStillChanged, checked: type === 'still', name: "type", type: "radio" }, void 0), "Still"] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, placeholder: "Width (px)", onChange: onWidthChanged, name: "width" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: height, onChange: onHeightChanged, placeholder: "Height (px)", name: "height" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("select", { children: [(0, jsx_runtime_1.jsx)("option", { children: "24fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "25fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "29.97fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "30fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "48fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "50fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "60fps" }, void 0)] }, void 0)] }, void 0) }), void 0) }), void 0));
45
- };
46
- exports.NewSequence = NewSequence;
47
- //# sourceMappingURL=NewComposition.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewComposition.js","sourceRoot":"","sources":["../../../src/editor/components/NewComposition.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const NewSequence: React.FC;
3
- //# sourceMappingURL=NewSequence.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewSequence.d.ts","sourceRoot":"","sources":["../../../src/editor/components/NewSequence.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAwBvE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA6F/B,CAAC"}
@@ -1,47 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NewSequence = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const colors_1 = require("../helpers/colors");
7
- const font_1 = require("../helpers/font");
8
- const backgroundOverlay = {
9
- backgroundColor: 'rgba(255, 255, 255, 0.05)',
10
- position: 'fixed',
11
- height: '100%',
12
- width: '100%',
13
- display: 'flex',
14
- justifyContent: 'center',
15
- alignItems: 'center',
16
- };
17
- const panel = {
18
- backgroundColor: colors_1.BACKGROUND,
19
- boxShadow: '0 0 4px black',
20
- padding: 20,
21
- color: 'white',
22
- fontFamily: font_1.FONT_FAMILY,
23
- };
24
- const NewSequence = () => {
25
- const [type, setType] = (0, react_1.useState)('composition');
26
- const [width, setWidth] = (0, react_1.useState)('1280');
27
- const [height, setHeight] = (0, react_1.useState)('720');
28
- const onStillChanged = (0, react_1.useCallback)((e) => {
29
- if (e.target.checked) {
30
- setType('still');
31
- }
32
- }, []);
33
- const onCompositionChanged = (0, react_1.useCallback)((e) => {
34
- if (e.target.checked) {
35
- setType('composition');
36
- }
37
- }, []);
38
- const onWidthChanged = (0, react_1.useCallback)((e) => {
39
- setWidth(e.target.value);
40
- }, []);
41
- const onHeightChanged = (0, react_1.useCallback)((e) => {
42
- setHeight(e.target.value);
43
- }, []);
44
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: backgroundOverlay }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: panel }, { children: (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Composition name" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onCompositionChanged, checked: type === 'composition', name: "type", type: "radio" }, void 0), "Composition"] }, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onStillChanged, checked: type === 'still', name: "type", type: "radio" }, void 0), "Still"] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, placeholder: "Width (px)", onChange: onWidthChanged, name: "width" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: height, onChange: onHeightChanged, placeholder: "Height (px)", name: "height" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("select", { children: [(0, jsx_runtime_1.jsx)("option", { children: "24fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "25fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "29.97fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "30fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "48fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "50fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "60fps" }, void 0)] }, void 0)] }, void 0) }), void 0) }), void 0));
45
- };
46
- exports.NewSequence = NewSequence;
47
- //# sourceMappingURL=NewSequence.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewSequence.js","sourceRoot":"","sources":["../../../src/editor/components/NewSequence.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export declare const SPACING_UNIT = 8;
3
- export declare const Spacing: React.FC<{
4
- x?: number;
5
- y?: number;
6
- }>;
7
- //# sourceMappingURL=Spacing.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Spacing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC"}
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Spacing = exports.SPACING_UNIT = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- exports.SPACING_UNIT = 8;
7
- const Spacing = ({ x = 0, y = 0 }) => {
8
- const style = (0, react_1.useMemo)(() => {
9
- return {
10
- display: 'block',
11
- width: x * exports.SPACING_UNIT,
12
- height: y * exports.SPACING_UNIT,
13
- };
14
- }, [x, y]);
15
- return (0, jsx_runtime_1.jsx)("div", { style: style }, void 0);
16
- };
17
- exports.Spacing = Spacing;
18
- //# sourceMappingURL=Spacing.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/editor/components/Spacing.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB"}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=isCompositionStill.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isCompositionStill.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=isCompositionStill.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isCompositionStill.js","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}
@@ -1,8 +0,0 @@
1
- export declare type Size = {
2
- width: number;
3
- height: number;
4
- left: number;
5
- top: number;
6
- };
7
- export declare const useElementSize: (ref: React.RefObject<HTMLDivElement>) => Size | null;
8
- //# sourceMappingURL=get-el-size.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-el-size.d.ts","sourceRoot":"","sources":["../../../src/editor/hooks/get-el-size.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,cAAc,QACrB,MAAM,SAAS,CAAC,cAAc,CAAC,KAClC,IAAI,GAAG,IA2CT,CAAC"}
@@ -1,43 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useElementSize = void 0;
4
- const react_1 = require("react");
5
- const useElementSize = (ref) => {
6
- const [size, setSize] = react_1.useState(null);
7
- const observer = react_1.useMemo(() => new ResizeObserver((entries) => {
8
- const newSize = entries[0].target.getClientRects();
9
- setSize({
10
- width: newSize[0].width,
11
- height: newSize[0].height,
12
- left: newSize[0].x,
13
- top: newSize[0].y,
14
- });
15
- }), []);
16
- const updateSize = react_1.useCallback(() => {
17
- if (!ref.current) {
18
- return;
19
- }
20
- const rect = ref.current.getClientRects();
21
- setSize({
22
- width: rect[0].width,
23
- height: rect[0].height,
24
- left: rect[0].x,
25
- top: rect[0].y,
26
- });
27
- }, [ref]);
28
- react_1.useEffect(() => {
29
- updateSize();
30
- const { current } = ref;
31
- if (ref.current) {
32
- observer.observe(ref.current);
33
- }
34
- return () => {
35
- if (current) {
36
- observer.unobserve(current);
37
- }
38
- };
39
- }, [observer, ref, updateSize]);
40
- return size;
41
- };
42
- exports.useElementSize = useElementSize;
43
- //# sourceMappingURL=get-el-size.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-el-size.js","sourceRoot":"","sources":["../../../src/editor/hooks/get-el-size.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AASzD,MAAM,cAAc,GAAG,CAC7B,GAAoC,EACtB,EAAE;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAO,CACvB,GAAG,EAAE,CACJ,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACnD,OAAO,CAAC;YACP,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;YACvB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM;YACzB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YAClB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACjB,CAAC,CAAC;IACJ,CAAC,CAAC,EACH,EAAE,CACF,CAAC;IACF,MAAM,UAAU,GAAG,mBAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACjB,OAAO;SACP;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;QAC1C,OAAO,CAAC;YACP,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAe;YAC9B,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAgB;YAChC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;YACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,iBAAS,CAAC,GAAG,EAAE;QACd,UAAU,EAAE,CAAC;QACb,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,GAAG,CAAC,OAAO,EAAE;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC9B;QAED,OAAO,GAAS,EAAE;YACjB,IAAI,OAAO,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC5B;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAChC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB"}
@@ -1,4 +0,0 @@
1
- import { MenuId } from '../components/Menu/MenuItem';
2
- export declare const setGlobalMenuId: (menuId: MenuId | null) => void;
3
- export declare const getGlobalMenuId: () => MenuId | null;
4
- //# sourceMappingURL=global-menu-id.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"global-menu-id.d.ts","sourceRoot":"","sources":["../../../src/editor/state/global-menu-id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AAInD,eAAO,MAAM,eAAe,WAAY,MAAM,GAAG,IAAI,SAEpD,CAAC;AAEF,eAAO,MAAM,eAAe,qBAAqB,CAAC"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getGlobalMenuId = exports.setGlobalMenuId = void 0;
4
- let globalMenuId = null;
5
- const setGlobalMenuId = (menuId) => {
6
- globalMenuId = menuId;
7
- };
8
- exports.setGlobalMenuId = setGlobalMenuId;
9
- const getGlobalMenuId = () => globalMenuId;
10
- exports.getGlobalMenuId = getGlobalMenuId;
11
- //# sourceMappingURL=global-menu-id.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"global-menu-id.js","sourceRoot":"","sources":["../../../src/editor/state/global-menu-id.ts"],"names":[],"mappings":";;;AAEA,IAAI,YAAY,GAAkB,IAAI,CAAC;AAEhC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAE,EAAE;IACxD,YAAY,GAAG,MAAM,CAAC;AACvB,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;AAArC,QAAA,eAAe,mBAAsB"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { MenuId } from '../components/Menu/MenuItem';
3
- export declare type MenuContext = {
4
- selected: MenuId | null;
5
- setSelected: React.Dispatch<React.SetStateAction<MenuId | null>>;
6
- };
7
- export declare const MenuToolbarSelectionContext: React.Context<MenuContext>;
8
- //# sourceMappingURL=menu-selection.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-selection.d.ts","sourceRoot":"","sources":["../../../src/editor/state/menu-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AAEnD,oBAAY,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,4BAKtC,CAAC"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.MenuToolbarSelectionContext = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- exports.MenuToolbarSelectionContext = react_1.default.createContext({
9
- selected: null,
10
- setSelected: () => {
11
- throw new Error('no context');
12
- },
13
- });
14
- //# sourceMappingURL=menu-selection.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-selection.js","sourceRoot":"","sources":["../../../src/editor/state/menu-selection.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQb,QAAA,2BAA2B,GAAG,eAAK,CAAC,aAAa,CAAc;IAC3E,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,GAAG,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;CACD,CAAC,CAAC"}