@tomorrowevening/theatre-studio 1.0.4 → 1.0.5

package/dist/css.js

@@ -0,0 +1,116 @@
+import { lighten } from 'polished';
+import { css } from 'styled-components';
+import styled, { createGlobalStyle, StyleSheetManager } from 'styled-components';
+import React, { useLayoutEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { PortalContext } from 'reakit';
+import useRefAndState from './utils/useRefAndState';
+/**
+ * This CSS string is used to correctly set pointer-events on an element
+ * when the pointer is dragging something.
+ * Naming explanation: "NormalMode" as opposed to dragging mode.
+ *
+ * @see PointerEventsHandler - the place that sets `.normal` on #pointer-root
+ */
+export const pointerEventsAutoInNormalMode = css `
+  #pointer-root & {
+    pointer-events: none;
+  }
+  #pointer-root.normal & {
+    pointer-events: auto;
+  }
+`;
+export const theme = {
+    panel: {
+        bg: `#282b2f`,
+        head: {
+            title: {
+                color: `#bbb`,
+            },
+            punctuation: {
+                color: `#808080`,
+            },
+        },
+        body: {
+            compoudThing: {
+                label: {
+                    get color() {
+                        return lighten(0.6, theme.panel.bg);
+                    },
+                },
+            },
+        },
+    },
+};
+export const panelUtils = {
+    panelBorder: `2px solid #1f1f1f`,
+};
+const GlobalStyle = typeof window !== 'undefined'
+    ? createGlobalStyle `
+  :host {
+    all: initial;
+    color: white;
+    font: 11px -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe Editor,
+      HelveticaNeue-Light, Ubuntu, Droid Sans, sans-serif;
+  }
+
+  * {
+    padding: 0;
+    margin: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    list-style: none;
+  }
+`
+    : {};
+export const PortalLayer = styled.div `
+  z-index: 51;
+  position: fixed;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  pointer-events: none;
+`;
+export const ProvideStyles = (props) => {
+    return (React.createElement(StyleSheetManager, { disableVendorPrefixes: true, target: props.target },
+        React.createElement(React.Fragment, null,
+            React.createElement(GlobalStyle, null),
+            props.children)));
+};
+export function withStyledShadow(Comp) {
+    return (props) => (React.createElement(ProvideStyledShadow, null,
+        React.createElement(Comp, { ...props })));
+}
+const ProvideStyledShadow = (props) => {
+    const [template, ref] = useState(null);
+    const [shadowRoot, setShadowRoot] = useState(null);
+    useLayoutEffect(() => {
+        if (!template)
+            return;
+        const { parentNode } = template;
+        if (!parentNode)
+            return;
+        const hadShadowRoot = 
+        // @ts-ignore
+        !!parentNode.shadowRoot;
+        const shadowRoot = hadShadowRoot
+            ? // @ts-ignore
+                parent.shadowRoot
+            : parentNode.attachShadow({
+                mode: 'open',
+            });
+        setShadowRoot(shadowRoot);
+        // no need to cleanup. The parent will be removed anyway if cleanup
+        // is needed.
+    }, [template]);
+    const [portalLayerRef, portalLayer] = useRefAndState(undefined);
+    if (!shadowRoot) {
+        return (React.createElement("template", { ref: ref, "shadow-root": 'open' }, props.children));
+    }
+    return ReactDOM.createPortal(React.createElement(ProvideStyles, { target: shadowRoot },
+        React.createElement(React.Fragment, null,
+            React.createElement(PortalLayer, { ref: portalLayerRef }),
+            React.createElement(PortalContext.Provider, { value: portalLayer }, props.children))), shadowRoot);
+};

package/dist/getStudio.d.ts

@@ -0,0 +1,7 @@
+import type { Studio } from './Studio';
+export declare function setStudio(s: Studio): void;
+/**
+ * This may only be called from modules inside the studio bundle.
+ */
+export default function getStudio(): Studio;
+//# sourceMappingURL=getStudio.d.ts.map

package/dist/getStudio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStudio.d.ts","sourceRoot":"","sources":["../../../../studio/src/getStudio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAIpC,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,QAElC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,IAAI,MAAM,CAE1C"}

package/dist/getStudio.js

@@ -0,0 +1,10 @@
+let studio;
+export function setStudio(s) {
+    studio = s;
+}
+/**
+ * This may only be called from modules inside the studio bundle.
+ */
+export default function getStudio() {
+    return studio;
+}

package/dist/index.d.ts

@@ -1,18 +1,15 @@
-import { IStudio } from '@tomorrowevening/theatre-studio/TheatreStudio';
-export { IExtension, IStudio, IStudioUI, PaneClassDefinition, PaneInstance, ToolConfig, ToolConfigIcon, ToolConfigSwitch, ToolsetConfig, _StudioInitializeOpts } from '@tomorrowevening/theatre-studio/TheatreStudio';
-export { default as ToolbarDropdownSelect } from './uiComponents/toolbar/ToolbarDropdownSelect';
-export { IScrub } from '@tomorrowevening/theatre-studio/Scrub';
-
 /**
  * The library providing the editor components of Theatre.js.
  *
  * @packageDocumentation
  */
-
+import type { IStudio } from '@tomorrowevening/theatre-studio/TheatreStudio';
 /**
  * The main instance of Studio. Read more at {@link IStudio}
  */
 declare const studio: IStudio;
-//# sourceMappingURL=index.d.ts.map
-
-export { studio as default };
+export default studio;
+export { default as ToolbarDropdownSelect } from './uiComponents/toolbar/ToolbarDropdownSelect';
+export type { IScrub } from '@tomorrowevening/theatre-studio/Scrub';
+export type { IStudio, IExtension, PaneInstance, PaneClassDefinition, IStudioUI, _StudioInitializeOpts, ToolsetConfig, ToolConfig, ToolConfigIcon, ToolConfigSwitch, } from '@tomorrowevening/theatre-studio/TheatreStudio';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../studio/src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,+CAA+C,CAAA;AAK1E;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,OAAoC,CAAA;AAElD,eAAe,MAAM,CAAA;AAkDrB,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,MAAM,8CAA8C,CAAA;AAW7F,YAAY,EAAC,MAAM,EAAC,MAAM,uCAAuC,CAAA;AACjE,YAAY,EACV,OAAO,EACP,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,SAAS,EACT,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,cAAc,EACd,gBAAgB,GACjB,MAAM,+CAA+C,CAAA"}