@tomorrowevening/theatre-studio 1.0.4 → 1.0.5

package/dist/panels/OutlinePanel/SheetsList/SheetsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetsList.d.ts","sourceRoot":"","sources":["../../../../../../../studio/src/panels/OutlinePanel/SheetsList/SheetsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,OAAO,MAAM,gDAAgD,CAAA;AAEzE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAqBA,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/panels/OutlinePanel/SheetsList/SheetsList.js

@@ -0,0 +1,15 @@
+import { getRegisteredSheetIds } from '@tomorrowevening/theatre-studio/selectors';
+import { usePrism } from '@tomorrowevening/theatre-react';
+import React from 'react';
+import { SheetItem } from './SheetItem';
+const SheetsList = ({ project, depth }) => {
+    return usePrism(() => {
+        if (!project)
+            return null;
+        const registeredSheetIds = getRegisteredSheetIds(project);
+        return (React.createElement(React.Fragment, null, registeredSheetIds.map((sheetId) => {
+            return (React.createElement(SheetItem, { depth: depth, sheetId: sheetId, key: `sheet-${sheetId}`, project: project }));
+        })));
+    }, [project, depth]);
+};
+export default SheetsList;

package/dist/panels/OutlinePanel/outlinePanelUtils.d.ts

@@ -0,0 +1,11 @@
+import type Project from '@tomorrowevening/theatre-core/projects/Project';
+import type Sheet from '@tomorrowevening/theatre-core/sheets/Sheet';
+export declare function useCollapseStateInOutlinePanel(item: Project | Sheet | {
+    type: 'namespace';
+    sheet: Sheet;
+    path: string[];
+}): {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+};
+//# sourceMappingURL=outlinePanelUtils.d.ts.map

package/dist/panels/OutlinePanel/outlinePanelUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlinePanelUtils.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/panels/OutlinePanel/outlinePanelUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,gDAAgD,CAAA;AAIzE,OAAO,KAAK,KAAK,MAAM,4CAA4C,CAAA;AAEnE,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG;IAAC,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAC,GACxE;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC3C,CAiCA"}

package/dist/panels/OutlinePanel/outlinePanelUtils.js

@@ -0,0 +1,23 @@
+import { useCallback } from 'react';
+import getStudio from '@tomorrowevening/theatre-studio/getStudio';
+import { useVal } from '@tomorrowevening/theatre-react';
+export function useCollapseStateInOutlinePanel(item) {
+    const itemKey = item.type === 'namespace'
+        ? `namespace:${item.sheet.address.sheetId}:${item.path.join('/')}`
+        : item.type === 'Theatre_Project'
+            ? 'project'
+            : item.type === 'Theatre_Sheet'
+                ? `sheetInstance:${item.address.sheetId}:${item.address.sheetInstanceId}`
+                : 'unknown';
+    const projectId = item.type === 'namespace'
+        ? item.sheet.address.projectId
+        : item.address.projectId;
+    const isCollapsed = useVal(getStudio().atomP.ahistoric.projects.stateByProjectId[projectId]
+        .collapsedItemsInOutline[itemKey]) ?? false;
+    const setCollapsed = useCallback((isCollapsed) => {
+        getStudio().transaction(({ stateEditors }) => {
+            stateEditors.studio.ahistoric.projects.stateByProjectId.collapsedItemsInOutline.set({ projectId, isCollapsed, itemKey: itemKey });
+        });
+    }, [itemKey]);
+    return { collapsed: isCollapsed, setCollapsed };
+}

package/dist/panels/SequenceEditorPanel/DopeSheet/DopeSheet.d.ts

@@ -0,0 +1,8 @@
+import type { Pointer } from '@tomorrowevening/theatre-dataverse';
+import React from 'react';
+import type { SequenceEditorPanelLayout } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/layout';
+declare const DopeSheet: React.VFC<{
+    layoutP: Pointer<SequenceEditorPanelLayout>;
+}>;
+export default DopeSheet;
+//# sourceMappingURL=DopeSheet.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/DopeSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DopeSheet.d.ts","sourceRoot":"","sources":["../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,oCAAoC,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,0EAA0E,CAAA;AAYvH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;CAAC,CAcvE,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/DopeSheet.js

@@ -0,0 +1,21 @@
+import { useVal } from '@tomorrowevening/theatre-react';
+import React from 'react';
+import styled from 'styled-components';
+import Left from './Left/Left';
+import DopeSheetBackground from './Right/DopeSheetBackground';
+import Right from './Right/Right';
+import VerticalScrollContainer from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/VerticalScrollContainer';
+const Container = styled.div `
+  position: absolute;
+  left: 0;
+  right: 0;
+`;
+const DopeSheet = ({ layoutP, }) => {
+    const height = useVal(layoutP.dopeSheetDims.height);
+    return (React.createElement(Container, { style: { height: height + 'px' } },
+        React.createElement(DopeSheetBackground, { layoutP: layoutP }),
+        React.createElement(VerticalScrollContainer, null,
+            React.createElement(Left, { layoutP: layoutP }),
+            React.createElement(Right, { layoutP: layoutP }))));
+};
+export default DopeSheet;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.d.ts

@@ -0,0 +1,21 @@
+import type { SequenceEditorTree_PrimitiveProp, SequenceEditorTree_PropWithChildren, SequenceEditorTree_Sheet, SequenceEditorTree_SheetObject } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/tree';
+import type { VoidFn } from '@tomorrowevening/theatre-shared/utils/types';
+import React from 'react';
+export declare const LeftRowContainer: import("styled-components").StyledComponent<"li", any, {
+    depth: number;
+}, never>;
+export declare const BaseHeader: import("styled-components").StyledComponent<"div", any, {
+    isEven: boolean;
+}, never>;
+declare const AnyCompositeRow: React.FC<{
+    leaf: SequenceEditorTree_Sheet | SequenceEditorTree_PrimitiveProp | SequenceEditorTree_PropWithChildren | SequenceEditorTree_SheetObject;
+    label: React.ReactNode;
+    toggleSelect?: VoidFn;
+    toggleCollapsed: VoidFn;
+    isSelected?: boolean;
+    isSelectable?: boolean;
+    isCollapsed: boolean;
+    children?: React.ReactNode;
+}>;
+export default AnyCompositeRow;
+//# sourceMappingURL=AnyCompositeRow.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnyCompositeRow.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gCAAgC,EAChC,mCAAmC,EACnC,wBAAwB,EACxB,8BAA8B,EAC/B,MAAM,wEAAwE,CAAA;AAC/E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,6CAA6C,CAAA;AACvE,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,eAAO,MAAM,gBAAgB;WAAqB,MAAM;SAKvD,CAAA;AAED,eAAO,MAAM,UAAU;YAAuB,OAAO;SAEpD,CAAA;AAsDD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EACA,wBAAwB,GACxB,gCAAgC,GAChC,mCAAmC,GACnC,8BAA8B,CAAA;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAoCA,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.js

@@ -0,0 +1,74 @@
+import { theme } from '@tomorrowevening/theatre-studio/css';
+import React, { useRef } from 'react';
+import { HiOutlineChevronRight } from 'react-icons/all';
+import styled from 'styled-components';
+import { propNameTextCSS } from '@tomorrowevening/theatre-studio/propEditors/utils/propNameTextCSS';
+import { usePropHighlightMouseEnter } from './usePropHighlightMouseEnter';
+export const LeftRowContainer = styled.li `
+  --depth: ${(props) => props.depth};
+  margin: 0;
+  padding: 0;
+  list-style: none;
+`;
+export const BaseHeader = styled.div `
+  border-bottom: 1px solid #7695b705;
+`;
+const LeftRowHeader = styled(BaseHeader) `
+  padding-left: calc(8px + var(--depth) * 20px);
+
+  display: flex;
+  align-items: stretch;
+  color: ${theme.panel.body.compoudThing.label.color};
+
+  box-sizing: border-box;
+
+  ${(props) => props.isSelected && `background: blue`};
+`;
+const LeftRowHead_Label = styled.span `
+  ${propNameTextCSS};
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: 4px;
+  line-height: 26px;
+  flex-wrap: nowrap;
+
+  ${LeftRowHeader}:hover & {
+    color: #ccc;
+  }
+`;
+const LeftRowHead_Icon = styled.span `
+  width: 12px;
+  padding: 8px;
+  font-size: 9px;
+  display: flex;
+  align-items: center;
+
+  transition: transform 0.05s ease-out, color 0.1s ease-out;
+  transform: rotateZ(${(props) => (props.isCollapsed ? 0 : 90)}deg);
+  color: #66686a;
+
+  &:hover {
+    transform: rotateZ(${(props) => (props.isCollapsed ? 15 : 75)}deg);
+    color: #c0c4c9;
+  }
+`;
+const LeftRowChildren = styled.ul `
+  margin: 0;
+  padding: 0;
+  list-style: none;
+`;
+const AnyCompositeRow = ({ leaf, label, children, isSelectable, isSelected, toggleSelect, toggleCollapsed, isCollapsed, }) => {
+    const hasChildren = Array.isArray(children) && children.length > 0;
+    const rowHeaderRef = useRef(null);
+    usePropHighlightMouseEnter(rowHeaderRef.current, leaf);
+    return leaf.shouldRender ? (React.createElement(LeftRowContainer, { depth: leaf.depth },
+        React.createElement(LeftRowHeader, { ref: rowHeaderRef, style: {
+                height: leaf.nodeHeight + 'px',
+            }, isSelectable: isSelectable === true, isSelected: isSelected === true, onClick: toggleSelect, isEven: leaf.n % 2 === 0 },
+            React.createElement(LeftRowHead_Icon, { isCollapsed: isCollapsed, onClick: toggleCollapsed },
+                React.createElement(HiOutlineChevronRight, null)),
+            React.createElement(LeftRowHead_Label, null, label)),
+        hasChildren && React.createElement(LeftRowChildren, null, children))) : null;
+};
+export default AnyCompositeRow;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/Left.d.ts

@@ -0,0 +1,8 @@
+import type { SequenceEditorPanelLayout } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/layout';
+import type { Pointer } from '@tomorrowevening/theatre-dataverse';
+import React from 'react';
+declare const Left: React.VFC<{
+    layoutP: Pointer<SequenceEditorPanelLayout>;
+}>;
+export default Left;
+//# sourceMappingURL=Left.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/Left.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Left.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,0EAA0E,CAAA;AAEvH,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,oCAAoC,CAAA;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;CAC5C,CAaA,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/Left.js

@@ -0,0 +1,25 @@
+import { usePrism } from '@tomorrowevening/theatre-react';
+import { val } from '@tomorrowevening/theatre-dataverse';
+import React from 'react';
+import styled from 'styled-components';
+import SheetRow from './SheetRow';
+const Container = styled.div `
+  position: absolute;
+  left: 0;
+  overflow-x: visible;
+`;
+const ListContainer = styled.ul `
+  margin: 0;
+  padding: 0;
+  list-style: none;
+`;
+const Left = ({ layoutP }) => {
+    return usePrism(() => {
+        const tree = val(layoutP.tree);
+        const width = val(layoutP.leftDims.width);
+        return (React.createElement(Container, { style: { width: width + 'px', top: tree.top + 'px' } },
+            React.createElement(ListContainer, null,
+                React.createElement(SheetRow, { leaf: tree }))));
+    }, [layoutP]);
+};
+export default Left;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.d.ts

@@ -0,0 +1,7 @@
+import type { SequenceEditorTree_PrimitiveProp } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/tree';
+import React from 'react';
+declare const PrimitivePropRow: React.FC<{
+    leaf: SequenceEditorTree_PrimitiveProp;
+}>;
+export default PrimitivePropRow;
+//# sourceMappingURL=PrimitivePropRow.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitivePropRow.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,wEAAwE,CAAA;AAQ5H,OAAO,KAA4B,MAAM,OAAO,CAAA;AA6EhD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,gCAAgC,CAAA;CACvC,CAgFA,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.js

@@ -0,0 +1,97 @@
+import getStudio from '@tomorrowevening/theatre-studio/getStudio';
+import { encodePathToProp } from '@tomorrowevening/theatre-shared/utils/addresses';
+import pointerDeep from '@tomorrowevening/theatre-shared/utils/pointerDeep';
+import { usePrism } from '@tomorrowevening/theatre-react';
+import { val } from '@tomorrowevening/theatre-dataverse';
+import React, { useCallback, useRef } from 'react';
+import styled from 'styled-components';
+import { useEditingToolsForSimplePropInDetailsPanel } from '@tomorrowevening/theatre-studio/propEditors/useEditingToolsForSimpleProp';
+import { nextPrevCursorsTheme } from '@tomorrowevening/theatre-studio/propEditors/NextPrevKeyframeCursors';
+import { graphEditorColors } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/GraphEditor/GraphEditor';
+import { BaseHeader, LeftRowContainer as BaseContainer } from './AnyCompositeRow';
+import { propNameTextCSS } from '@tomorrowevening/theatre-studio/propEditors/utils/propNameTextCSS';
+import { usePropHighlightMouseEnter } from './usePropHighlightMouseEnter';
+const theme = {
+    label: {
+        color: `#9a9a9a`,
+    },
+};
+const PrimitivePropRowContainer = styled(BaseContainer) ``;
+const PrimitivePropRowHead = styled(BaseHeader) `
+  display: flex;
+  color: ${theme.label.color};
+  padding-right: 12px;
+  align-items: center;
+  justify-content: flex-end;
+  box-sizing: border-box;
+`;
+const PrimitivePropRowIconContainer = styled.button `
+  background: none;
+  border: none;
+  outline: none;
+  display: flex;
+  box-sizing: border-box;
+  font-size: 14px;
+  align-items: center;
+  height: 100%;
+  margin-left: 12px;
+  color: ${(props) => props.isSelected
+    ? graphEditorColors[props.graphEditorColor].iconColor
+    : nextPrevCursorsTheme.offColor};
+
+  &:not([disabled]):hover {
+    color: white;
+  }
+`;
+const GraphIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "12", viewBox: "0 0 640 512" },
+    React.createElement("g", { transform: "translate(0 100)" },
+        React.createElement("path", { fill: "currentColor", d: "M368 32h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zM208 88h-84.75C113.75 64.56 90.84 48 64 48 28.66 48 0 76.65 0 112s28.66 64 64 64c26.84 0 49.75-16.56 59.25-40h79.73c-55.37 32.52-95.86 87.32-109.54 152h49.4c11.3-41.61 36.77-77.21 71.04-101.56-3.7-8.08-5.88-16.99-5.88-26.44V88zm-48 232H64c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zM576 48c-26.84 0-49.75 16.56-59.25 40H432v72c0 9.45-2.19 18.36-5.88 26.44 34.27 24.35 59.74 59.95 71.04 101.56h49.4c-13.68-64.68-54.17-119.48-109.54-152h79.73c9.5 23.44 32.41 40 59.25 40 35.34 0 64-28.65 64-64s-28.66-64-64-64zm0 272h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32z" }))));
+const PrimitivePropRowHead_Label = styled.span `
+  margin-right: 4px;
+  ${propNameTextCSS};
+
+  ${PrimitivePropRowHead}:hover & {
+    color: #ccc;
+  }
+`;
+const PrimitivePropRow = ({ leaf }) => {
+    const pointerToProp = pointerDeep(leaf.sheetObject.propsP, leaf.pathToProp);
+    const obj = leaf.sheetObject;
+    const { controlIndicators } = useEditingToolsForSimplePropInDetailsPanel(pointerToProp, obj, leaf.propConf);
+    const possibleColor = usePrism(() => {
+        const c = leaf.sheetObject.address;
+        const encodedPathToProp = encodePathToProp(leaf.pathToProp);
+        return val(getStudio().atomP.historic.projects.stateByProjectId[c.projectId]
+            .stateBySheetId[c.sheetId].sequenceEditor.selectedPropsByObject[c.objectKey][encodedPathToProp]);
+    }, [leaf]);
+    const isSelectedRef = useRef(false);
+    const isSelected = typeof possibleColor === 'string';
+    isSelectedRef.current = isSelected;
+    const toggleSelect = useCallback(() => {
+        const c = leaf.sheetObject.address;
+        getStudio().transaction(({ stateEditors }) => {
+            if (isSelectedRef.current) {
+                stateEditors.studio.historic.projects.stateByProjectId.stateBySheetId.sequenceEditor.removePropFromGraphEditor({ ...c, pathToProp: leaf.pathToProp });
+            }
+            else {
+                stateEditors.studio.historic.projects.stateByProjectId.stateBySheetId.sequenceEditor.addPropToGraphEditor({ ...c, pathToProp: leaf.pathToProp });
+                stateEditors.studio.historic.panels.sequenceEditor.graphEditor.setIsOpen({
+                    isOpen: true,
+                });
+            }
+        });
+    }, [leaf]);
+    const label = leaf.propConf.label ?? leaf.pathToProp[leaf.pathToProp.length - 1];
+    const isSelectable = true;
+    const headRef = useRef(null);
+    usePropHighlightMouseEnter(headRef.current, leaf);
+    return (React.createElement(PrimitivePropRowContainer, { depth: leaf.depth },
+        React.createElement(PrimitivePropRowHead, { ref: headRef, isEven: leaf.n % 2 === 0, style: {
+                height: leaf.nodeHeight + 'px',
+            }, isSelected: isSelected === true },
+            React.createElement(PrimitivePropRowHead_Label, null, label),
+            controlIndicators,
+            React.createElement(PrimitivePropRowIconContainer, { onClick: toggleSelect, isSelected: isSelected === true, graphEditorColor: possibleColor ?? '1', style: { opacity: isSelectable ? 1 : 0.25 }, disabled: !isSelectable },
+                React.createElement(GraphIcon, null)))));
+};
+export default PrimitivePropRow;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/PropWithChildrenRow.d.ts

@@ -0,0 +1,8 @@
+import type { SequenceEditorTree_PrimitiveProp, SequenceEditorTree_PropWithChildren } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/tree';
+import React from 'react';
+export declare const decideRowByPropType: (leaf: SequenceEditorTree_PropWithChildren | SequenceEditorTree_PrimitiveProp) => React.ReactElement;
+declare const PropWithChildrenRow: React.VFC<{
+    leaf: SequenceEditorTree_PropWithChildren;
+}>;
+export default PropWithChildrenRow;
+//# sourceMappingURL=PropWithChildrenRow.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/PropWithChildrenRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropWithChildrenRow.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/PropWithChildrenRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gCAAgC,EAChC,mCAAmC,EACpC,MAAM,wEAAwE,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,mBAAmB,SACxB,mCAAmC,GAAG,gCAAgC,KAC3E,MAAM,YAWR,CAAA;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC;IACnC,IAAI,EAAE,mCAAmC,CAAA;CAC1C,CAgBA,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/PropWithChildrenRow.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import AnyCompositeRow from './AnyCompositeRow';
+import PrimitivePropRow from './PrimitivePropRow';
+import { setCollapsedSheetItem } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/DopeSheet/setCollapsedSheetObjectOrCompoundProp';
+export const decideRowByPropType = (leaf) => {
+    const key = 'prop' + leaf.pathToProp[leaf.pathToProp.length - 1];
+    return leaf.shouldRender ? (leaf.type === 'propWithChildren' ? (React.createElement(PropWithChildrenRow, { leaf: leaf, key: key })) : (React.createElement(PrimitivePropRow, { leaf: leaf, key: key }))) : (React.createElement(React.Fragment, { key: key }));
+};
+const PropWithChildrenRow = ({ leaf }) => {
+    return (React.createElement(AnyCompositeRow, { leaf: leaf, label: leaf.pathToProp[leaf.pathToProp.length - 1], isCollapsed: leaf.isCollapsed, toggleCollapsed: () => setCollapsedSheetItem(!leaf.isCollapsed, {
+            sheetAddress: leaf.sheetObject.address,
+            sheetItemKey: leaf.sheetItemKey,
+        }) }, leaf.children.map((propLeaf) => decideRowByPropType(propLeaf))));
+};
+export default PropWithChildrenRow;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/SheetObjectRow.d.ts

@@ -0,0 +1,7 @@
+import type { SequenceEditorTree_SheetObject } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/tree';
+import React from 'react';
+declare const LeftSheetObjectRow: React.VFC<{
+    leaf: SequenceEditorTree_SheetObject;
+}>;
+export default LeftSheetObjectRow;
+//# sourceMappingURL=SheetObjectRow.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/SheetObjectRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetObjectRow.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/SheetObjectRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,8BAA8B,EAAC,MAAM,wEAAwE,CAAA;AAC1H,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC;IAClC,IAAI,EAAE,8BAA8B,CAAA;CACrC,CAwBA,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/SheetObjectRow.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import AnyCompositeRow from './AnyCompositeRow';
+import { decideRowByPropType } from './PropWithChildrenRow';
+import { setCollapsedSheetItem } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/DopeSheet/setCollapsedSheetObjectOrCompoundProp';
+import getStudio from '@tomorrowevening/theatre-studio/getStudio';
+const LeftSheetObjectRow = ({ leaf }) => {
+    return (React.createElement(AnyCompositeRow, { leaf: leaf, label: leaf.sheetObject.address.objectKey, isCollapsed: leaf.isCollapsed, toggleSelect: () => {
+            // set selection to this sheet object on click
+            getStudio().transaction(({ stateEditors }) => {
+                stateEditors.studio.historic.panels.outline.selection.set([
+                    leaf.sheetObject,
+                ]);
+            });
+        }, toggleCollapsed: () => setCollapsedSheetItem(!leaf.isCollapsed, {
+            sheetAddress: leaf.sheetObject.address,
+            sheetItemKey: leaf.sheetItemKey,
+        }) }, leaf.children.map((leaf) => decideRowByPropType(leaf))));
+};
+export default LeftSheetObjectRow;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/SheetRow.d.ts

@@ -0,0 +1,7 @@
+import type { SequenceEditorTree_Sheet } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/tree';
+import React from 'react';
+declare const SheetRow: React.VFC<{
+    leaf: SequenceEditorTree_Sheet;
+}>;
+export default SheetRow;
+//# sourceMappingURL=SheetRow.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/SheetRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetRow.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/SheetRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,wEAAwE,CAAA;AAEpH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC;IACxB,IAAI,EAAE,wBAAwB,CAAA;CAC/B,CA4BA,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/SheetRow.js

@@ -0,0 +1,20 @@
+import { usePrism } from '@tomorrowevening/theatre-react';
+import React from 'react';
+import LeftSheetObjectRow from './SheetObjectRow';
+import AnyCompositeRow from './AnyCompositeRow';
+import { setCollapsedSheetItem } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/DopeSheet/setCollapsedSheetObjectOrCompoundProp';
+import uniqueKeyForAnyObject from '@tomorrowevening/theatre-shared/utils/uniqueKeyForAnyObject';
+const SheetRow = ({ leaf }) => {
+    return usePrism(() => {
+        return (React.createElement(AnyCompositeRow, { leaf: leaf, label: leaf.sheet.address.sheetId, isCollapsed: leaf.isCollapsed, toggleCollapsed: () => {
+                setCollapsedSheetItem(!leaf.isCollapsed, {
+                    sheetAddress: leaf.sheet.address,
+                    sheetItemKey: leaf.sheetItemKey,
+                });
+            } }, leaf.children.map((sheetObjectLeaf) => (React.createElement(LeftSheetObjectRow, { key: 'sheetObject-' +
+                // we don't use the object's address as the key because if a user calls `sheet.detachObject(key)` and later
+                // calls `sheet.object(key)` with the same key, we want to re-render this row.
+                uniqueKeyForAnyObject(sheetObjectLeaf.sheetObject), leaf: sheetObjectLeaf })))));
+    }, [leaf]);
+};
+export default SheetRow;

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/usePropHighlightMouseEnter.d.ts

@@ -0,0 +1,4 @@
+import type { SequenceEditorTree_AllRowTypes } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/layout/tree';
+/** This should ignore if  */
+export declare function usePropHighlightMouseEnter(node: HTMLElement | null, leaf: SequenceEditorTree_AllRowTypes): void;
+//# sourceMappingURL=usePropHighlightMouseEnter.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/usePropHighlightMouseEnter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePropHighlightMouseEnter.d.ts","sourceRoot":"","sources":["../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Left/usePropHighlightMouseEnter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,8BAA8B,EAAC,MAAM,wEAAwE,CAAA;AAK1H,6BAA6B;AAC7B,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,WAAW,GAAG,IAAI,EACxB,IAAI,EAAE,8BAA8B,QAmCrC"}

package/dist/panels/SequenceEditorPanel/DopeSheet/Left/usePropHighlightMouseEnter.js

@@ -0,0 +1,33 @@
+import { useLayoutEffect } from 'react';
+import { whatPropIsHighlighted } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/whatPropIsHighlighted';
+/** This should ignore if  */
+export function usePropHighlightMouseEnter(node, leaf) {
+    useLayoutEffect(() => {
+        if (!node)
+            return;
+        if (leaf.type !== 'propWithChildren' &&
+            leaf.type !== 'primitiveProp' &&
+            leaf.type !== 'sheetObject')
+            return;
+        let unlock = null;
+        const propAddress = {
+            ...leaf.sheetObject.address,
+            pathToProp: leaf.type === 'sheetObject' ? [] : leaf.pathToProp,
+        };
+        function onMouseEnter() {
+            unlock = whatPropIsHighlighted.replaceLock(propAddress, () => {
+                // cleanup on forced unlock
+            });
+        }
+        function onMouseLeave() {
+            unlock?.();
+        }
+        node.addEventListener('mouseenter', onMouseEnter);
+        node.addEventListener('mouseleave', onMouseLeave);
+        return () => {
+            unlock?.();
+            node.removeEventListener('mouseenter', onMouseEnter);
+            node.removeEventListener('mouseleave', onMouseLeave);
+        };
+    }, [node]);
+}

package/dist/panels/SequenceEditorPanel/DopeSheet/Right/AggregatedKeyframeTrack/AggregateKeyframeEditor/AggregateKeyframeConnector.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { IAggregateKeyframeEditorUtils } from './useAggregateKeyframeEditorUtils';
+import type { IAggregateKeyframeEditorProps } from './AggregateKeyframeEditor';
+export declare const AggregateCurveEditorPopover: React.FC<IAggregateKeyframeEditorProps & {
+    closePopover: (reason: string) => void;
+}>;
+export declare const AggregateKeyframeConnector: React.VFC<IAggregateKeyframeConnectorProps>;
+type IAggregateKeyframeConnectorProps = {
+    utils: IAggregateKeyframeEditorUtils;
+    editorProps: IAggregateKeyframeEditorProps;
+};
+export {};
+//# sourceMappingURL=AggregateKeyframeConnector.d.ts.map

package/dist/panels/SequenceEditorPanel/DopeSheet/Right/AggregatedKeyframeTrack/AggregateKeyframeEditor/AggregateKeyframeConnector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregateKeyframeConnector.d.ts","sourceRoot":"","sources":["../../../../../../../../../../studio/src/panels/SequenceEditorPanel/DopeSheet/Right/AggregatedKeyframeTrack/AggregateKeyframeEditor/AggregateKeyframeConnector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAS5C,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,mCAAmC,CAAA;AAGpF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,2BAA2B,CAAA;AAgB5E,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,6BAA6B,GAAG;IAAC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAAC,CAiBxE,CAAA;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,GAAG,CAAC,gCAAgC,CAuDhF,CAAA;AACH,KAAK,gCAAgC,GAAG;IACtC,KAAK,EAAE,6BAA6B,CAAA;IACpC,WAAW,EAAE,6BAA6B,CAAA;CAC3C,CAAA"}