@remotion/studio 4.0.463 → 4.0.465

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 (94) hide show
  1. package/dist/components/CanvasOrLoading.js +1 -1
  2. package/dist/components/ColorPicker/AlphaSlider.d.ts +9 -0
  3. package/dist/components/ColorPicker/AlphaSlider.js +88 -0
  4. package/dist/components/ColorPicker/ColorPicker.d.ts +18 -0
  5. package/dist/components/ColorPicker/ColorPicker.js +176 -0
  6. package/dist/components/ColorPicker/ColorPickerPopup.d.ts +8 -0
  7. package/dist/components/ColorPicker/ColorPickerPopup.js +276 -0
  8. package/dist/components/ColorPicker/HueSlider.d.ts +6 -0
  9. package/dist/components/ColorPicker/HueSlider.js +68 -0
  10. package/dist/components/ColorPicker/SaturationValueArea.d.ts +14 -0
  11. package/dist/components/ColorPicker/SaturationValueArea.js +93 -0
  12. package/dist/components/ColorPicker/checker.d.ts +4 -0
  13. package/dist/components/ColorPicker/checker.js +9 -0
  14. package/dist/components/ExpandedTracksProvider.d.ts +2 -0
  15. package/dist/components/ExpandedTracksProvider.js +18 -1
  16. package/dist/components/NewComposition/CodemodFooter.d.ts +1 -0
  17. package/dist/components/NewComposition/CodemodFooter.js +35 -23
  18. package/dist/components/NewComposition/DeleteComposition.js +3 -1
  19. package/dist/components/NewComposition/DiffPreview.js +1 -1
  20. package/dist/components/NewComposition/DuplicateComposition.js +3 -1
  21. package/dist/components/NewComposition/RenameComposition.js +4 -2
  22. package/dist/components/RenderModal/SchemaEditor/ZodColorEditor.js +8 -47
  23. package/dist/components/RenderQueue/actions.d.ts +2 -1
  24. package/dist/components/RenderQueue/actions.js +2 -1
  25. package/dist/components/Timeline/Padder.js +2 -2
  26. package/dist/components/Timeline/SubscribeToNodePaths.d.ts +1 -1
  27. package/dist/components/Timeline/SubscribeToNodePaths.js +9 -4
  28. package/dist/components/Timeline/Timeline.js +4 -7
  29. package/dist/components/Timeline/TimelineColorField.js +18 -156
  30. package/dist/components/Timeline/TimelineEffectFieldRow.d.ts +1 -2
  31. package/dist/components/Timeline/TimelineEffectFieldRow.js +22 -31
  32. package/dist/components/Timeline/TimelineEffectGroupRow.d.ts +1 -2
  33. package/dist/components/Timeline/TimelineEffectGroupRow.js +67 -12
  34. package/dist/components/Timeline/TimelineExpandedRow.js +15 -30
  35. package/dist/components/Timeline/TimelineFieldRow.d.ts +1 -2
  36. package/dist/components/Timeline/TimelineFieldRow.js +19 -16
  37. package/dist/components/Timeline/TimelineImageInfo.js +5 -17
  38. package/dist/components/Timeline/TimelineListItem.d.ts +0 -1
  39. package/dist/components/Timeline/TimelineListItem.js +12 -14
  40. package/dist/components/Timeline/TimelineRowChrome.d.ts +8 -0
  41. package/dist/components/Timeline/TimelineRowChrome.js +21 -0
  42. package/dist/components/Timeline/TimelineTimeIndicators.js +4 -11
  43. package/dist/components/Timeline/TimelineTracks.js +0 -4
  44. package/dist/components/Timeline/TimelineVideoInfo.js +25 -8
  45. package/dist/components/Timeline/get-timeline-video-info-widths.d.ts +9 -0
  46. package/dist/components/Timeline/get-timeline-video-info-widths.js +11 -0
  47. package/dist/components/Timeline/save-effect-prop.d.ts +2 -1
  48. package/dist/components/Timeline/save-effect-prop.js +2 -13
  49. package/dist/components/Timeline/save-prop-queue.d.ts +1 -2
  50. package/dist/components/Timeline/save-prop-queue.js +3 -12
  51. package/dist/components/Timeline/save-sequence-prop.d.ts +2 -1
  52. package/dist/components/Timeline/save-sequence-prop.js +2 -11
  53. package/dist/components/Timeline/should-show-track-in-timeline.d.ts +2 -0
  54. package/dist/components/Timeline/should-show-track-in-timeline.js +23 -0
  55. package/dist/components/Timeline/timeline-field-row-layout.d.ts +2 -0
  56. package/dist/components/Timeline/timeline-field-row-layout.js +14 -0
  57. package/dist/components/Timeline/timeline-indent.d.ts +1 -0
  58. package/dist/components/Timeline/timeline-indent.js +4 -0
  59. package/dist/components/Timeline/timeline-row-layout.d.ts +11 -0
  60. package/dist/components/Timeline/timeline-row-layout.js +27 -0
  61. package/dist/components/Timeline/use-resolved-stack-react-to-change.d.ts +2 -0
  62. package/dist/components/Timeline/use-resolved-stack-react-to-change.js +59 -0
  63. package/dist/components/Timeline/use-resolved-stack.d.ts +1 -0
  64. package/dist/components/Timeline/use-resolved-stack.js +10 -1
  65. package/dist/components/Timeline/use-sequence-props-subscription.js +27 -1
  66. package/dist/error-overlay/remotion-overlay/ShortcutHint.js +5 -3
  67. package/dist/esm/chunk-6jf1natv.js +25 -0
  68. package/dist/esm/{chunk-b0m62frw.js → chunk-pqk2qd0d.js} +4971 -4013
  69. package/dist/esm/index.mjs +16 -0
  70. package/dist/esm/internals.mjs +4984 -4011
  71. package/dist/esm/previewEntry.mjs +4995 -4023
  72. package/dist/esm/renderEntry.mjs +4 -3
  73. package/dist/helpers/client-id.d.ts +2 -9
  74. package/dist/helpers/client-id.js +15 -40
  75. package/dist/helpers/color-conversion.d.ts +36 -0
  76. package/dist/helpers/color-conversion.js +121 -0
  77. package/dist/helpers/inject-css.js +4 -7
  78. package/dist/helpers/migrate-expanded-tracks-for-subscription-key.d.ts +3 -0
  79. package/dist/helpers/migrate-expanded-tracks-for-subscription-key.js +26 -0
  80. package/dist/helpers/preview-server-events.d.ts +15 -0
  81. package/dist/helpers/preview-server-events.js +81 -0
  82. package/dist/helpers/resolved-stack-to-symbolicated.d.ts +3 -0
  83. package/dist/helpers/resolved-stack-to-symbolicated.js +16 -0
  84. package/dist/helpers/timeline-layout.d.ts +0 -1
  85. package/dist/helpers/timeline-layout.js +29 -25
  86. package/dist/hot-middleware-client/client.js +10 -16
  87. package/package.json +10 -10
  88. package/dist/components/NewComposition/RemInputTypeColor.d.ts +0 -8
  89. package/dist/components/NewComposition/RemInputTypeColor.js +0 -53
  90. package/dist/components/Timeline/is-collapsed.d.ts +0 -2
  91. package/dist/components/Timeline/is-collapsed.js +0 -10
  92. package/dist/esm/chunk-5gtx3pza.js +0 -9
  93. package/dist/helpers/color-math.d.ts +0 -1
  94. package/dist/helpers/color-math.js +0 -13
@@ -1,53 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RemInputTypeColor = 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 z_index_1 = require("../../state/z-index");
8
- const RemInput_1 = require("./RemInput");
9
- const inputBaseStyle = {
10
- padding: 0,
11
- borderStyle: 'solid',
12
- borderWidth: 1,
13
- };
14
- const RemInputTypeColorForwardRef = ({ status, ...props }, ref) => {
15
- const [isFocused, setIsFocused] = (0, react_1.useState)(false);
16
- const [isHovered, setIsHovered] = (0, react_1.useState)(false);
17
- const inputRef = (0, react_1.useRef)(null);
18
- const { tabIndex } = (0, z_index_1.useZIndex)();
19
- const style = (0, react_1.useMemo)(() => {
20
- var _a;
21
- return {
22
- backgroundColor: colors_1.INPUT_BACKGROUND,
23
- ...inputBaseStyle,
24
- borderColor: (0, RemInput_1.getInputBorderColor)({ isFocused, isHovered, status }),
25
- ...((_a = props.style) !== null && _a !== void 0 ? _a : {}),
26
- };
27
- }, [isFocused, isHovered, props.style, status]);
28
- (0, react_1.useImperativeHandle)(ref, () => {
29
- return inputRef.current;
30
- }, []);
31
- (0, react_1.useEffect)(() => {
32
- if (!inputRef.current) {
33
- return;
34
- }
35
- const { current } = inputRef;
36
- const onFocus = () => setIsFocused(true);
37
- const onBlur = () => setIsFocused(false);
38
- const onMouseEnter = () => setIsHovered(true);
39
- const onMouseLeave = () => setIsHovered(false);
40
- current.addEventListener('focus', onFocus);
41
- current.addEventListener('blur', onBlur);
42
- current.addEventListener('mouseenter', onMouseEnter);
43
- current.addEventListener('mouseleave', onMouseLeave);
44
- return () => {
45
- current.removeEventListener('focus', onFocus);
46
- current.removeEventListener('blur', onBlur);
47
- current.removeEventListener('mouseenter', onMouseEnter);
48
- current.removeEventListener('mouseleave', onMouseLeave);
49
- };
50
- }, [inputRef]);
51
- return (jsx_runtime_1.jsx("input", { ref: inputRef, type: "color", tabIndex: tabIndex, ...props, name: props.name, style: style }));
52
- };
53
- exports.RemInputTypeColor = (0, react_1.forwardRef)(RemInputTypeColorForwardRef);
@@ -1,2 +0,0 @@
1
- import type { TrackWithHash } from '../../helpers/get-timeline-sequence-sort-key';
2
- export declare const isTrackHidden: (track: TrackWithHash) => boolean;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isTrackHidden = void 0;
4
- const isTrackHidden = (track) => {
5
- if (!track.sequence.parent) {
6
- return false;
7
- }
8
- return !track.sequence.showInTimeline;
9
- };
10
- exports.isTrackHidden = isTrackHidden;
@@ -1,9 +0,0 @@
1
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
2
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
3
- }) : x)(function(x) {
4
- if (typeof require !== "undefined")
5
- return require.apply(this, arguments);
6
- throw Error('Dynamic require of "' + x + '" is not supported');
7
- });
8
-
9
- export { __require };
@@ -1 +0,0 @@
1
- export declare const colorWithNewOpacity: (color: string, opacity: number, zodTypes: typeof import("@remotion/zod-types")) => string;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.colorWithNewOpacity = void 0;
4
- const colorWithNewOpacity = (color, opacity, zodTypes) => {
5
- const { r, g, b } = zodTypes.ZodZypesInternals.parseColor(color);
6
- if (opacity >= 255) {
7
- return `#${r.toString(16).padStart(2, '0')}${g
8
- .toString(16)
9
- .padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
10
- }
11
- return `rgba(${r}, ${g}, ${b}, ${(opacity / 255).toFixed(2)})`;
12
- };
13
- exports.colorWithNewOpacity = colorWithNewOpacity;