@remotion/studio 4.0.494 → 4.0.495

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 (96) hide show
  1. package/dist/api/get-static-files.d.ts +1 -1
  2. package/dist/components/AssetFileIcon.d.ts +7 -0
  3. package/dist/components/AssetFileIcon.js +24 -0
  4. package/dist/components/AssetSelectorItem.js +13 -7
  5. package/dist/components/Canvas.js +191 -36
  6. package/dist/components/CompositionSelectorItem.js +15 -8
  7. package/dist/components/CurrentAsset.d.ts +1 -0
  8. package/dist/components/CurrentAsset.js +17 -1
  9. package/dist/components/Editor.js +2 -4
  10. package/dist/components/InspectorPanel/AssetInspector.d.ts +4 -0
  11. package/dist/components/InspectorPanel/AssetInspector.js +11 -0
  12. package/dist/components/InspectorPanel/{DefaultInspector.d.ts → CompositionInspector.d.ts} +2 -2
  13. package/dist/components/InspectorPanel/CompositionInspector.js +114 -0
  14. package/dist/components/InspectorPanel/CompositionInspectorHeader.d.ts +1 -0
  15. package/dist/components/{CurrentComposition.js → InspectorPanel/CompositionInspectorHeader.js} +16 -16
  16. package/dist/components/InspectorPanel/{CompositionDimensions.d.ts → CompositionMetadata.d.ts} +1 -1
  17. package/dist/components/InspectorPanel/{CompositionDimensions.js → CompositionMetadata.js} +17 -8
  18. package/dist/components/InspectorPanel/ConnectedCompositionsSection.js +2 -2
  19. package/dist/components/InspectorPanel/EasingInspector.js +3 -5
  20. package/dist/components/InspectorPanel/KeyframeInspector.js +2 -2
  21. package/dist/components/InspectorPanel/SequenceSelectionInspector.js +34 -1
  22. package/dist/components/InspectorPanel/common.d.ts +8 -0
  23. package/dist/components/InspectorPanel/common.js +31 -8
  24. package/dist/components/InspectorPanel/styles.d.ts +5 -3
  25. package/dist/components/InspectorPanel/styles.js +13 -4
  26. package/dist/components/InspectorPanel/use-composition-actions.d.ts +8 -0
  27. package/dist/components/InspectorPanel/use-composition-actions.js +114 -0
  28. package/dist/components/InspectorPanel.js +11 -2
  29. package/dist/components/InspectorSequenceSection.d.ts +0 -1
  30. package/dist/components/InspectorSequenceSection.js +9 -48
  31. package/dist/components/Modals.js +2 -1
  32. package/dist/components/NewComposition/InputDragger.d.ts +6 -0
  33. package/dist/components/NewComposition/InputDragger.js +26 -13
  34. package/dist/components/NewComposition/NewComposition.js +8 -1
  35. package/dist/components/NewComposition/ValidationMessage.d.ts +1 -1
  36. package/dist/components/Preview.js +15 -7
  37. package/dist/components/RenderModal/RenderModalOutputName.js +34 -1
  38. package/dist/components/SelectedOutlineOverlay.js +1 -0
  39. package/dist/components/SvgImportDialog.d.ts +7 -0
  40. package/dist/components/SvgImportDialog.js +103 -0
  41. package/dist/components/Timeline/Timeline.js +1 -0
  42. package/dist/components/Timeline/TimelineClipboardKeybindings.js +8 -1
  43. package/dist/components/Timeline/TimelineList.js +9 -4
  44. package/dist/components/Timeline/TimelineSequenceItem.d.ts +2 -1
  45. package/dist/components/Timeline/TimelineSequenceItem.js +19 -11
  46. package/dist/components/Timeline/nest-timeline-tracks.d.ts +8 -0
  47. package/dist/components/Timeline/nest-timeline-tracks.js +25 -0
  48. package/dist/components/Timeline/timeline-scroll-logic.d.ts +8 -4
  49. package/dist/components/Timeline/timeline-scroll-logic.js +29 -15
  50. package/dist/components/import-assets.d.ts +17 -1
  51. package/dist/components/import-assets.js +96 -11
  52. package/dist/components/layout.d.ts +1 -0
  53. package/dist/components/layout.js +2 -1
  54. package/dist/components/selected-outline-measurement.d.ts +2 -1
  55. package/dist/components/selected-outline-measurement.js +3 -1
  56. package/dist/esm/{chunk-tdncqycp.js → chunk-784jbkzs.js} +8428 -7246
  57. package/dist/esm/internals.mjs +8428 -7246
  58. package/dist/esm/previewEntry.mjs +8577 -7395
  59. package/dist/esm/renderEntry.mjs +1 -1
  60. package/dist/helpers/client-id.js +2 -1
  61. package/dist/helpers/clipboard-figma.d.ts +4 -0
  62. package/dist/helpers/clipboard-figma.js +41 -0
  63. package/dist/helpers/clipboard-images.d.ts +10 -0
  64. package/dist/helpers/clipboard-images.js +77 -0
  65. package/dist/helpers/clipboard-svg.d.ts +3 -0
  66. package/dist/helpers/clipboard-svg.js +47 -0
  67. package/dist/helpers/get-effective-translation.d.ts +2 -1
  68. package/dist/helpers/get-effective-translation.js +15 -7
  69. package/dist/helpers/get-preview-file-type.d.ts +1 -1
  70. package/dist/helpers/get-preview-file-type.js +5 -1
  71. package/dist/helpers/inject-css.js +9 -0
  72. package/dist/helpers/studio-fit-padding.d.ts +41 -0
  73. package/dist/helpers/studio-fit-padding.js +64 -0
  74. package/dist/helpers/use-image-metadata.d.ts +8 -0
  75. package/dist/helpers/use-image-metadata.js +82 -0
  76. package/dist/helpers/use-studio-canvas-dimensions.js +2 -2
  77. package/dist/icons/audio.d.ts +3 -0
  78. package/dist/icons/audio.js +3 -1
  79. package/dist/icons/font.d.ts +4 -0
  80. package/dist/icons/font.js +8 -0
  81. package/dist/icons/frame.d.ts +3 -1
  82. package/dist/icons/frame.js +1 -1
  83. package/dist/icons/json.d.ts +4 -0
  84. package/dist/icons/json.js +8 -0
  85. package/dist/icons/magnet.js +1 -1
  86. package/dist/icons/scissors.d.ts +5 -0
  87. package/dist/icons/scissors.js +8 -0
  88. package/dist/icons/solid.d.ts +5 -0
  89. package/dist/icons/solid.js +8 -0
  90. package/dist/icons/video.d.ts +3 -0
  91. package/dist/icons/video.js +5 -1
  92. package/dist/state/modals.d.ts +8 -1
  93. package/dist/state/timeline-zoom.js +12 -11
  94. package/package.json +11 -11
  95. package/dist/components/CurrentComposition.d.ts +0 -2
  96. package/dist/components/InspectorPanel/DefaultInspector.js +0 -97
@@ -1,9 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
3
+ exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.COMPACT_CONTROL_ROW_HEIGHT = exports.SPACING_UNIT = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  exports.SPACING_UNIT = 8;
7
+ exports.COMPACT_CONTROL_ROW_HEIGHT = 28;
7
8
  const Spacing = ({ x = 0, y = 0, block = false }) => {
8
9
  const style = (0, react_1.useMemo)(() => {
9
10
  return {
@@ -58,10 +58,11 @@ type SelectedTransformOriginInfo = {
58
58
  readonly displayFrame: number | null;
59
59
  };
60
60
  export declare const getSelectedTransformOriginInfo: (selectedItems: readonly TimelineSelection[]) => SelectedTransformOriginInfo | null;
61
- export declare const getSequencesWithSelectableOutlines: ({ sequences, overrideIdsToNodePaths, compositions, }: {
61
+ export declare const getSequencesWithSelectableOutlines: ({ sequences, overrideIdsToNodePaths, compositions, timelinePosition, }: {
62
62
  readonly sequences: readonly TSequence[];
63
63
  readonly overrideIdsToNodePaths: OverrideIdToNodePaths;
64
64
  readonly compositions?: readonly import("remotion").AnyComposition[] | undefined;
65
+ readonly timelinePosition: number;
65
66
  }) => SequenceWithSelectedOutline[];
66
67
  export declare const measureOutlines: (container: SVGSVGElement, targets: readonly SelectedOutlineTarget[]) => SelectedOutline[];
67
68
  export declare const outlinesAreEqual: (a: readonly SelectedOutline[], b: readonly SelectedOutline[]) => boolean;
@@ -306,7 +306,7 @@ const getSelectedTransformOriginInfo = (selectedItems) => {
306
306
  };
307
307
  };
308
308
  exports.getSelectedTransformOriginInfo = getSelectedTransformOriginInfo;
309
- const getSequencesWithSelectableOutlines = ({ sequences, overrideIdsToNodePaths, compositions = [], }) => {
309
+ const getSequencesWithSelectableOutlines = ({ sequences, overrideIdsToNodePaths, compositions = [], timelinePosition, }) => {
310
310
  return (0, calculate_timeline_1.calculateTimeline)({
311
311
  sequences: [...sequences],
312
312
  overrideIdsToNodePaths,
@@ -317,6 +317,8 @@ const getSequencesWithSelectableOutlines = ({ sequences, overrideIdsToNodePaths,
317
317
  return false;
318
318
  }
319
319
  return (track.sequence.showInTimeline &&
320
+ timelinePosition >= track.sequence.from &&
321
+ timelinePosition < track.sequence.from + track.sequence.duration &&
320
322
  track.nodePathInfo.auxiliaryKeys.length === 0);
321
323
  })
322
324
  .filter((track) => track.sequence.refForOutline !== null)