@riboseinc/paneron-registry-kit 2.0.0-dev9 → 2.0.1

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/index.js

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _reactHelmet = require("react-helmet");
+
+var _react2 = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _core = require("@blueprintjs/core");
+
+var _Workspace = _interopRequireDefault(require("../Workspace"));
+
+var _context = require("./context");
+
+var _detail = require("./detail");
+
+var _SuperSidebar = _interopRequireDefault(require("./SuperSidebar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const TabbedWorkspace = function ({
+  sidebarConfig,
+  sidebarIDs,
+  newTabPrompt,
+  globalMode,
+  statusBar,
+  className
+}) {
+  var _a;
+
+  const {
+    state,
+    dispatch,
+    protocolConfiguration,
+    focusedTabURI
+  } = (0, _react.useContext)(_context.TabbedWorkspaceContext);
+  const focusedTabRef = (0, _react.useRef)(null);
+  const [title, setTitle] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    (async () => {
+      var _a, _b;
+
+      if (focusedTabURI) {
+        const [proto, path] = focusedTabURI.split(':');
+        const title = await ((_b = (_a = protocolConfiguration[proto]) === null || _a === void 0 ? void 0 : _a.plainTitle) === null || _b === void 0 ? void 0 : _b.call(_a, path));
+
+        if (title) {
+          setTitle(title);
+        } else {
+          setTitle(null);
+        }
+      } else {
+        setTitle(null);
+      }
+    })();
+  }, [focusedTabURI, JSON.stringify(protocolConfiguration)]);
+  (0, _react.useEffect)(() => {
+    var _a;
+
+    if (state.focusedTabIdx >= 0) {
+      (_a = focusedTabRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    }
+  }, [state.focusedTabIdx]);
+  const sidebar = (0, _react.useMemo)(() => {
+    return (0, _react2.jsx)(_SuperSidebar.default, {
+      config: sidebarConfig,
+      sidebarIDs: sidebarIDs,
+      selectedSidebarID: sidebarIDs.length > 1 ? state.selectedSidebarID : sidebarIDs[0],
+      onSelectSidebar: sidebarIDs.length > 1 ? id => dispatch({
+        type: 'focus-sidebar',
+        payload: {
+          id
+        }
+      }) : undefined
+    });
+  }, [JSON.stringify(sidebarConfig), JSON.stringify(sidebarIDs), state.selectedSidebarID]);
+  return (0, _react2.jsx)(_Workspace.default, {
+    className: className,
+    sidebar: sidebar,
+    globalMode: globalMode,
+    statusBar: statusBar
+  }, (0, _react2.jsx)(_core.Tabs, {
+    id: "detailTabs",
+    renderActiveTabPanelOnly: true,
+    selectedTabId: state.focusedTabIdx,
+    onChange: (idx, oldIdx) => dispatch({
+      type: 'focus-tab',
+      payload: {
+        idx
+      }
+    }),
+    css: (0, _react2.css)`
+            background: ${_core.Colors.LIGHT_GRAY2};
+            flex: 1;
+            display: flex;
+            flex-flow: column nowrap;
+
+            position: relative;
+
+            .bp4-tab-list {
+              overflow-x: auto;
+              height: 24px;
+              position: relative;
+
+              background: ${_core.Colors.GRAY1};
+
+              /* Accommodate the new tab button, absolutely positioned */
+              white-space: nowrap;
+
+              /* Remove spacing between tabs */
+              > *:not(:last-child) {
+                margin-right: 2px;
+              }
+
+              /* Hide horizontal scrollbar (overlaps with tab titles on macOS) */
+              ::-webkit-scrollbar {
+                height: 0px;
+                background: transparent;
+              }
+            }
+            .bp4-tab-indicator { display: none; }
+            .bp4-tab {
+              line-height: unset;
+              position: unset;
+              display: inline-block;
+              overflow: visible;
+            }
+            .bp4-tab-panel {
+              flex: 1;
+              margin: 0;
+              padding: 5px;
+              position: relative;
+              background: ${_core.Colors.LIGHT_GRAY3};
+            }
+          `
+  }, title ? (0, _react2.jsx)(_reactHelmet.Helmet, null, (0, _react2.jsx)("title", null, title)) : null, (0, _react2.jsx)(_core.Tab, {
+    id: _context.SPECIAL_TAB_IDX.new,
+    title: (0, _react2.jsx)(TabTitleButton, {
+      minimal: state.focusedTabIdx !== _context.SPECIAL_TAB_IDX.new,
+      icon: "home"
+    }, "Home"),
+    panel: newTabPrompt
+  }), ((_a = state.detailTabURIs) !== null && _a !== void 0 ? _a : []).map((uri, idx) => (0, _react2.jsx)(_core.Tab, {
+    id: idx,
+    key: uri,
+    panel: (0, _react2.jsx)(_detail.DetailTab, {
+      uri: uri
+    }),
+    title: (0, _react2.jsx)("div", {
+      css: (0, _react2.css)`height: 24px;`,
+      ref: idx === state.focusedTabIdx ? focusedTabRef : undefined
+    }, (0, _react2.jsx)(TabTitleButton, {
+      interactive: idx !== state.focusedTabIdx,
+      minimal: idx !== state.focusedTabIdx,
+      onRemove: evt => {
+        dispatch({
+          type: 'close-tab',
+          payload: {
+            idx
+          }
+        });
+        evt.stopPropagation();
+      }
+    }, (0, _react2.jsx)(_detail.DetailTabTitle, {
+      uri: uri
+    })))
+  }))));
+};
+
+const TabTitleButton = (0, _styled.default)(_core.Tag)`
+  border-radius: 0;
+  height: 24px;
+  padding: 0 8px;
+  color: ${({
+  minimal
+}) => minimal ? _core.Colors.WHITE : _core.Colors.BLACK} !important;
+
+  .bp4-tag-remove {
+    color: ${({
+  minimal
+}) => minimal ? _core.Colors.WHITE : _core.Colors.BLACK} !important;
+    opacity: .5;
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  ${({
+  minimal
+}) => minimal ? '' : `background: ${_core.Colors.LIGHT_GRAY3}`} !important;
+  box-shadow: unset;
+`;
+var _default = TabbedWorkspace;
+exports.default = _default;

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/TabbedWorkspace/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useEffect, useRef, useState, useMemo } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { jsx, css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Tag, Colors, Tab, Tabs } from '@blueprintjs/core';\nimport Workspace, { WorkspaceProps } from '../Workspace';\nimport { SuperSidebarConfig } from './types';\nimport { SPECIAL_TAB_IDX, TabbedWorkspaceContext } from './context';\nimport { DetailTab, DetailTabTitle } from './detail';\nimport SuperSidebar from './SuperSidebar';\n\n\n/**\n * Wraps Workspace, adding tabbed GUI features.\n * Use inside TabbedWorkspaceContextProvider.\n */\nexport interface TabbedWorkspaceProps<SidebarID extends string> {\n  /**\n   * Configuration for individual sidebars, keyed by internal sidebar ID.\n   * If there is more than one sidebar, sidebar selector is shown.\n   */\n  sidebarConfig: SuperSidebarConfig<SidebarID>\n\n  /**\n   * Sidebar IDs as a list. This is used to order sidebars.\n   * TODO: Eliminate in favor of using weights or another way of ordering?\n   */\n  sidebarIDs: readonly SidebarID[]\n\n  /**\n   * “Home” view shown by default when there are no tabs\n   * or when explicitly invoked by the user.\n   */\n  newTabPrompt: JSX.Element\n\n  /** Set global mode bar for the workspace. */\n  globalMode?: WorkspaceProps['globalMode']\n\n  /** Set the status bar for the workspace. */\n  statusBar?: WorkspaceProps['statusBar']\n\n  className?: string\n}\nconst TabbedWorkspace: React.VoidFunctionComponent<TabbedWorkspaceProps<any>> =\nfunction ({\n  sidebarConfig,\n  sidebarIDs,\n  newTabPrompt,\n  globalMode,\n  statusBar,\n  className,\n}) {\n  const { state, dispatch, protocolConfiguration, focusedTabURI } = useContext(TabbedWorkspaceContext);\n  const focusedTabRef = useRef<HTMLDivElement>(null);\n  const [title, setTitle] = useState<string | null>(null);\n\n  useEffect(() => {\n    (async () => {\n      if (focusedTabURI) {\n        const [proto, path] = focusedTabURI.split(':');\n        const title = await protocolConfiguration[proto]?.plainTitle?.(path);\n        if (title) {\n          setTitle(title);\n        } else {\n          setTitle(null);\n        }\n      } else {\n        setTitle(null);\n      }\n    })();\n  }, [focusedTabURI, JSON.stringify(protocolConfiguration)]);\n\n  useEffect(() => {\n    if (state.focusedTabIdx >= 0) {\n      focusedTabRef.current?.scrollIntoView();\n    }\n  }, [state.focusedTabIdx]);\n\n  const sidebar = useMemo(() => {\n    return <SuperSidebar\n      config={sidebarConfig}\n      sidebarIDs={sidebarIDs}\n      selectedSidebarID={sidebarIDs.length > 1\n        ? state.selectedSidebarID\n        : sidebarIDs[0]}\n      onSelectSidebar={sidebarIDs.length > 1\n        ? id => dispatch({ type: 'focus-sidebar', payload: { id } })\n        : undefined}\n    />\n  }, [JSON.stringify(sidebarConfig), JSON.stringify(sidebarIDs), state.selectedSidebarID]);\n\n  return (\n    <Workspace className={className} sidebar={sidebar} globalMode={globalMode} statusBar={statusBar}>\n      <Tabs\n          id=\"detailTabs\"\n          renderActiveTabPanelOnly\n          selectedTabId={state.focusedTabIdx}\n          onChange={(idx: number, oldIdx: number) => dispatch({ type: 'focus-tab', payload: { idx } })}\n          css={css`\n            background: ${Colors.LIGHT_GRAY2};\n            flex: 1;\n            display: flex;\n            flex-flow: column nowrap;\n\n            position: relative;\n\n            .bp4-tab-list {\n              overflow-x: auto;\n              height: 24px;\n              position: relative;\n\n              background: ${Colors.GRAY1};\n\n              /* Accommodate the new tab button, absolutely positioned */\n              white-space: nowrap;\n\n              /* Remove spacing between tabs */\n              > *:not(:last-child) {\n                margin-right: 2px;\n              }\n\n              /* Hide horizontal scrollbar (overlaps with tab titles on macOS) */\n              ::-webkit-scrollbar {\n                height: 0px;\n                background: transparent;\n              }\n            }\n            .bp4-tab-indicator { display: none; }\n            .bp4-tab {\n              line-height: unset;\n              position: unset;\n              display: inline-block;\n              overflow: visible;\n            }\n            .bp4-tab-panel {\n              flex: 1;\n              margin: 0;\n              padding: 5px;\n              position: relative;\n              background: ${Colors.LIGHT_GRAY3};\n            }\n          `}>\n        {title\n          ? <Helmet>\n              <title>{title}</title>\n            </Helmet>\n          : null}\n        <Tab\n          id={SPECIAL_TAB_IDX.new}\n          title={\n            <TabTitleButton\n                minimal={state.focusedTabIdx !== SPECIAL_TAB_IDX.new}\n                icon=\"home\">\n              Home\n            </TabTitleButton>\n          }\n          panel={newTabPrompt}\n        />\n        {(state.detailTabURIs ?? []).map((uri, idx) =>\n          <Tab\n            id={idx}\n            key={uri}\n            panel={<DetailTab uri={uri} />}\n            title={\n              <div css={css`height: 24px;`} ref={idx === state.focusedTabIdx ? focusedTabRef : undefined}>\n                <TabTitleButton\n                    interactive={idx !== state.focusedTabIdx}\n                    minimal={idx !== state.focusedTabIdx}\n                    onRemove={(evt: React.MouseEvent) => {\n                      dispatch({ type: 'close-tab', payload: { idx }});\n                      evt.stopPropagation();\n                    }}>\n                  <DetailTabTitle uri={uri} />\n                </TabTitleButton>\n              </div>\n            }\n          />\n        )}\n      </Tabs>\n    </Workspace>\n  );\n};\n\n\nconst TabTitleButton = styled(Tag)`\n  border-radius: 0;\n  height: 24px;\n  padding: 0 8px;\n  color: ${({ minimal }) => minimal ? Colors.WHITE : Colors.BLACK} !important;\n\n  .bp4-tag-remove {\n    color: ${({ minimal }) => minimal ? Colors.WHITE : Colors.BLACK} !important;\n    opacity: .5;\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  ${({ minimal }) => minimal ? '' : `background: ${Colors.LIGHT_GRAY3}`} !important;\n  box-shadow: unset;\n`;\n\n\nexport default TabbedWorkspace;\n"]}

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/types.d.ts

@@ -0,0 +1,74 @@
+import type React from 'react';
+import { SidebarBlockConfig } from '../Sidebar/Block';
+export declare type URIDetailView = React.FC<{
+    uri: string;
+}>;
+export interface ProtocolConfig {
+    main: URIDetailView;
+    title: URIDetailView;
+    /**
+     * Provides plain-text title.
+     *
+     * Do not use. For window titles, prefer using <Helmet> in your component
+     * directly.
+     */
+    plainTitle?: (uri: string) => Promise<string>;
+}
+/** Defines which React components should be used for which protocol among tabs. */
+export declare type ProtocolRegistry<Protocol extends string> = Record<Protocol, ProtocolConfig>;
+interface SidebarConfig {
+    icon: React.FC<Record<never, never>>;
+    title: JSX.Element | string;
+    blocks: SidebarBlockConfig[];
+    description?: string;
+}
+export declare type SuperSidebarConfig<SidebarID extends string> = Record<SidebarID, SidebarConfig>;
+export declare type TabbedWorkspaceContext<Proto extends string, SidebarID extends string> = {
+    /** The URI of currently focused tab. */
+    focusedTabURI?: string;
+    /** Navigates currently focused tab to a new URI. */
+    navigateFocusedTab?: (newURI: string) => void;
+    /** Spawns a new tab with specified URI */
+    spawnTab: (uri: string) => void;
+    protocolConfiguration: ProtocolRegistry<Proto>;
+    state: State<SidebarID>;
+    dispatch: React.Dispatch<Action<SidebarID>>;
+};
+export interface State<SidebarID extends string> {
+    detailTabURIs: string[];
+    focusedTabIdx: number;
+    selectedSidebarID: SidebarID;
+}
+export declare type Action<SidebarID extends string> = {
+    type: 'spawn-tab';
+    payload: {
+        uri: string;
+    };
+} | {
+    type: 'focus-tab';
+    payload: {
+        idx: number;
+    };
+} | {
+    type: 'navigate-focused-tab';
+    payload: {
+        uri: string;
+    };
+} | {
+    type: 'move-tab';
+    payload: {
+        sourceIdx: number;
+        destinationIdx: number;
+    };
+} | {
+    type: 'close-tab';
+    payload: {
+        idx: number;
+    };
+} | {
+    type: 'focus-sidebar';
+    payload: {
+        id: SidebarID;
+    };
+};
+export {};

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/widgets/TabbedWorkspace/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport { SidebarBlockConfig } from '../Sidebar/Block';\n\n\n// Detail view protocols\n\nexport type URIDetailView = React.FC<{ uri: string }>;\n\nexport interface ProtocolConfig {\n  main: URIDetailView\n  title: URIDetailView\n\n  /**\n   * Provides plain-text title.\n   *\n   * Do not use. For window titles, prefer using <Helmet> in your component\n   * directly.\n   */\n  plainTitle?: (uri: string) => Promise<string>\n}\n\n/** Defines which React components should be used for which protocol among tabs. */\nexport type ProtocolRegistry<Protocol extends string> = Record<Protocol, ProtocolConfig>;\n\n\n// Sidebars\n\ninterface SidebarConfig {\n  icon: React.FC<Record<never, never>>\n  title: JSX.Element | string\n  blocks: SidebarBlockConfig[]\n  description?: string\n}\n\nexport type SuperSidebarConfig<SidebarID extends string> = Record<SidebarID, SidebarConfig>;\n\n\n// Workspace\n\nexport type TabbedWorkspaceContext<Proto extends string, SidebarID extends string> = {\n  /** The URI of currently focused tab. */\n  focusedTabURI?: string\n\n  /** Navigates currently focused tab to a new URI. */\n  navigateFocusedTab?: (newURI: string) => void\n\n  /** Spawns a new tab with specified URI */\n  spawnTab: (uri: string) => void\n\n  protocolConfiguration: ProtocolRegistry<Proto>,\n\n  state: State<SidebarID>\n  dispatch: React.Dispatch<Action<SidebarID>>\n};\n\n\n// Reducer-related types\n\nexport interface State<SidebarID extends string> {\n  detailTabURIs: string[]\n  focusedTabIdx: number\n  selectedSidebarID: SidebarID\n}\n\nexport type Action<SidebarID extends string> =\n  | { type: 'spawn-tab'; payload: { uri: string } }\n  | { type: 'focus-tab'; payload: { idx: number } }\n  | { type: 'navigate-focused-tab'; payload: { uri: string } }\n  | { type: 'move-tab'; payload: { sourceIdx: number, destinationIdx: number } }\n  | { type: 'close-tab'; payload: { idx: number } }\n  | { type: 'focus-sidebar'; payload: { id: SidebarID } }\n"]}

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/util.d.ts

@@ -0,0 +1 @@
+export declare function getPathFromTabURI(uri: string): string | undefined;

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/util.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPathFromTabURI = getPathFromTabURI;
+
+function getPathFromTabURI(uri) {
+  if (uri.indexOf(':') >= 1) {
+    return uri.split(':')[1];
+  } else {
+    throw new Error("getPathFromTabURI: Invalid URI (doesn’t contain a colon)");
+  }
+}

package/dependencies-local/extension-kit/widgets/TabbedWorkspace/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/widgets/TabbedWorkspace/util.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,GAAW;IAC3C,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KAC1B;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;KAC7E;AACH,CAAC","sourcesContent":["export function getPathFromTabURI(uri: string): string | undefined {\n  if (uri.indexOf(':') >= 1) {\n    return uri.split(':')[1];\n  } else {\n    throw new Error(\"getPathFromTabURI: Invalid URI (doesn’t contain a colon)\");\n  }\n}\n"]}

package/dependencies-local/extension-kit/widgets/Workspace.d.ts

@@ -0,0 +1,38 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { TagProps } from '@blueprintjs/core';
+import { NavbarProps } from './Navbar';
+/**
+ * Workspace has a main area, a sidebar,
+ * and a status bar with item count & possibly refresh & other actions.
+ */
+export interface WorkspaceProps {
+    /** What to show in the sidebar. */
+    sidebar?: JSX.Element;
+    /** Global mode bar. Use sparingly. */
+    globalMode?: {
+        content: JSX.Element;
+        intent: TagProps["intent"];
+        icon?: TagProps["icon"];
+        onClick?: () => void;
+    };
+    navbarProps?: NavbarProps;
+    toolbar?: JSX.Element;
+    /** Status bar, shown on the bottom. Should not be turned on or off willy-nilly. */
+    statusBar?: {
+        content: JSX.Element;
+        items?: never;
+    } | {
+        content?: never;
+        items: {
+            id: string;
+            content: JSX.Element;
+            flex?: true;
+        }[];
+    };
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Workspace: React.FC<WorkspaceProps>;
+export default Workspace;

package/dependencies-local/extension-kit/widgets/Workspace.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react2 = require("react");
+
+var _core = require("@blueprintjs/core");
+
+var _Navbar = _interopRequireDefault(require("./Navbar"));
+
+var _SettingsContext = require("../SettingsContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Workspace = function ({
+  navbarProps,
+  globalMode,
+  toolbar,
+  sidebar,
+  statusBar,
+  className,
+  style,
+  children
+}) {
+  var _a, _b;
+
+  const {
+    settings
+  } = (0, _react2.useContext)(_SettingsContext.GlobalSettingsContext);
+  return (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+          display: flex;
+          flex-flow: column nowrap;
+          overflow: hidden;
+          background: ${_core.Colors.LIGHT_GRAY2};
+          margin-top: ${globalMode ? '0' : '-20px'};
+        `,
+    className: className,
+    style: style
+  }, (0, _react.jsx)(Bar, {
+    css: (0, _react.css)`
+            position: relative;
+            opacity: ${globalMode ? '1' : '0'};
+            transition: opacity .8s;
+          `,
+    interactive: (globalMode === null || globalMode === void 0 ? void 0 : globalMode.onClick) !== undefined,
+    onClick: globalMode === null || globalMode === void 0 ? void 0 : globalMode.onClick,
+    icon: globalMode === null || globalMode === void 0 ? void 0 : globalMode.icon,
+    intent: globalMode === null || globalMode === void 0 ? void 0 : globalMode.intent
+  }, (_a = globalMode === null || globalMode === void 0 ? void 0 : globalMode.content) !== null && _a !== void 0 ? _a : ' '), (0, _react.jsx)("div", {
+    css: (0, _react.css)`flex: 1; display: flex; flex-flow: ${settings.sidebarPosition === 'right' ? 'row' : 'row-reverse'} nowrap; overflow: hidden;`
+  }, (0, _react.jsx)("div", {
+    css: (0, _react.css)`flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`
+  }, navbarProps ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+                    display: flex; flex-flow: row nowrap; align-items: center;
+                    background: linear-gradient(to bottom, ${_core.Colors.LIGHT_GRAY5}, ${_core.Colors.LIGHT_GRAY4});
+                    height: 24px;
+                    overflow: hidden;
+                    z-index: 5;
+                  `,
+    className: _core.Classes.ELEVATION_2
+  }, (0, _react.jsx)(_Navbar.default, Object.assign({
+    css: (0, _react.css)`flex: 1;`
+  }, navbarProps))) : null, toolbar ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+                    display: flex; flex-flow: row nowrap; align-items: center;
+                    background: ${_core.Colors.LIGHT_GRAY3};
+                    height: 24px;
+                    overflow: hidden;
+                    z-index: 1;
+                  `,
+    className: _core.Classes.ELEVATION_1
+  }, toolbar) : null, (0, _react.jsx)("div", {
+    css: (0, _react.css)`flex: 1; display: flex; flex-flow: column nowrap;`
+  }, children)), sidebar), statusBar ? (0, _react.jsx)(Bar, {
+    className: _core.Classes.ELEVATION_2,
+    css: (0, _react.css)`display: flex; flex-flow: row nowrap; align-items: stretch; background: ${_core.Colors.LIGHT_GRAY1}; color: ${_core.Colors.GRAY2};`
+  }, (_b = statusBar.content) !== null && _b !== void 0 ? _b : statusBar.items.map(i => (0, _react.jsx)("span", {
+    key: i.id,
+    css: (0, _react.css)`${i.flex ? 'flex: 1;' : 'flex: 0;'}`
+  }, i.content))) : null);
+};
+
+const Bar = (0, _styled.default)(_core.Tag)`
+  border-radius: 0;
+`;
+var _default = Workspace;
+exports.default = _default;

package/dependencies-local/extension-kit/widgets/Workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sourceRoot":"","sources":["../../src/widgets/Workspace.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAY,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,MAAuB,MAAK,UAAU,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AA+B3D,MAAM,SAAS,GAA6B,UAAU,EACpD,WAAW,EACX,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,GACT;;IACC,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEvD,OAAO,CACL,aACI,GAAG,EAAE,GAAG,CAAA;;;;wBAIQ,MAAM,CAAC,WAAW;wBAClB,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;SACzC,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QACd,IAAC,GAAG,IACA,GAAG,EAAE,GAAG,CAAA;;uBAEK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;WAElC,EACD,WAAW,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS,EAC9C,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAC5B,IAAI,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,EACtB,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,IAC3B,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,mCAAI,GAAG,CACvB;QACN,aAAK,GAAG,EAAE,GAAG,CAAA,sCAAsC,QAAQ,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,4BAA4B;YACzI,aAAK,GAAG,EAAE,GAAG,CAAA,qEAAqE;gBAC/E,WAAW;oBACV,CAAC,CAAC,aACI,GAAG,EAAE,GAAG,CAAA;;6DAEmC,MAAM,CAAC,WAAW,KAAK,MAAM,CAAC,WAAW;;;;mBAInF,EACD,SAAS,EAAE,OAAO,CAAC,WAAW;wBAChC,IAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,CAAA,UAAU,IAAM,WAAW,EAAI,CAC3C;oBACR,CAAC,CAAC,IAAI;gBAEP,OAAO;oBACN,CAAC,CAAC,aACI,GAAG,EAAE,GAAG,CAAA;;kCAEQ,MAAM,CAAC,WAAW;;;;mBAIjC,EACD,SAAS,EAAE,OAAO,CAAC,WAAW,IAC/B,OAAO,CACJ;oBACR,CAAC,CAAC,IAAI;gBAER,aAAK,GAAG,EAAE,GAAG,CAAA,mDAAmD,IAC7D,QAAQ,CACL,CACF;YAEL,OAAO,CACJ;QAEL,SAAS;YACR,CAAC,CAAC,IAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,CAAA,2EAA2E,MAAM,CAAC,WAAW,YAAY,MAAM,CAAC,KAAK,GAAG,IAClK,MAAA,SAAS,CAAC,OAAO,mCAAI,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAC5C,cAAM,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAA,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,IAC3D,CAAC,CAAC,OAAO,CACL,CACR,CACG;YACR,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEtB,CAAC;AAGF,eAAe,SAAS,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport React, { useContext } from 'react';\nimport { Classes, Colors, TagProps, Tag } from '@blueprintjs/core';\nimport Navbar, { NavbarProps }from './Navbar';\nimport { GlobalSettingsContext } from '../SettingsContext';\n\n\n/**\n * Workspace has a main area, a sidebar,\n * and a status bar with item count & possibly refresh & other actions.\n */\nexport interface WorkspaceProps {\n  /** What to show in the sidebar. */\n  sidebar?: JSX.Element\n\n  /** Global mode bar. Use sparingly. */\n  globalMode?: {\n    content: JSX.Element\n    intent: TagProps[\"intent\"]\n    icon?: TagProps[\"icon\"]\n    onClick?: () => void\n  }\n\n  // These may be obsolete.\n  navbarProps?: NavbarProps\n  toolbar?: JSX.Element\n\n  /** Status bar, shown on the bottom. Should not be turned on or off willy-nilly. */\n  statusBar?:\n    | { content: JSX.Element, items?: never }\n    | { content?: never, items: { id: string, content: JSX.Element, flex?: true }[] }\n\n  className?: string\n  style?: React.CSSProperties\n}\nconst Workspace: React.FC<WorkspaceProps> = function ({\n  navbarProps,\n  globalMode,\n  toolbar,\n  sidebar,\n  statusBar,\n  className,\n  style,\n  children,\n}) {\n  const { settings } = useContext(GlobalSettingsContext);\n\n  return (\n    <div\n        css={css`\n          display: flex;\n          flex-flow: column nowrap;\n          overflow: hidden;\n          background: ${Colors.LIGHT_GRAY2};\n          margin-top: ${globalMode ? '0' : '-20px'};\n        `}\n        className={className}\n        style={style}>\n      <Bar\n          css={css`\n            position: relative;\n            opacity: ${globalMode ? '1' : '0'};\n            transition: opacity .8s;\n          `}\n          interactive={globalMode?.onClick !== undefined}\n          onClick={globalMode?.onClick}\n          icon={globalMode?.icon}\n          intent={globalMode?.intent}>\n        {globalMode?.content ?? ' '}\n      </Bar>\n      <div css={css`flex: 1; display: flex; flex-flow: ${settings.sidebarPosition === 'right' ? 'row' : 'row-reverse'} nowrap; overflow: hidden;`}>\n        <div css={css`flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`}>\n          {navbarProps\n            ? <div\n                  css={css`\n                    display: flex; flex-flow: row nowrap; align-items: center;\n                    background: linear-gradient(to bottom, ${Colors.LIGHT_GRAY5}, ${Colors.LIGHT_GRAY4});\n                    height: 24px;\n                    overflow: hidden;\n                    z-index: 5;\n                  `}\n                  className={Classes.ELEVATION_2}>\n                <Navbar css={css`flex: 1;`} {...navbarProps} />\n              </div>\n            : null}\n\n          {toolbar\n            ? <div\n                  css={css`\n                    display: flex; flex-flow: row nowrap; align-items: center;\n                    background: ${Colors.LIGHT_GRAY3};\n                    height: 24px;\n                    overflow: hidden;\n                    z-index: 1;\n                  `}\n                  className={Classes.ELEVATION_1}>\n                {toolbar}\n              </div>\n            : null}\n\n          <div css={css`flex: 1; display: flex; flex-flow: column nowrap;`}>\n            {children}\n          </div>\n        </div>\n\n        {sidebar}\n      </div>\n\n      {statusBar\n        ? <Bar className={Classes.ELEVATION_2} css={css`display: flex; flex-flow: row nowrap; align-items: stretch; background: ${Colors.LIGHT_GRAY1}; color: ${Colors.GRAY2};`}>\n            {statusBar.content ?? statusBar.items.map(i =>\n              <span key={i.id} css={css`${i.flex ? 'flex: 1;' : 'flex: 0;'}`}>\n                {i.content}\n              </span>\n            )}\n          </Bar>\n        : null}\n    </div>\n  );\n}\n\nconst Bar = styled(Tag)`\n  border-radius: 0;\n`;\n\n\nexport default Workspace;\n"]}

package/dependencies-local/extension-kit/widgets/panels/PanelSeparator.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+interface PanelSeparatorProps {
+    title?: JSX.Element | string;
+    /** Has no effect if the `title` prop is omitted. */
+    tooltip?: JSX.Element | string;
+    className?: string;
+    titleStyle?: React.CSSProperties;
+}
+export declare const PanelSeparator: React.FC<PanelSeparatorProps>;
+export default PanelSeparator;

package/dependencies-local/extension-kit/widgets/panels/PanelSeparator.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PanelSeparator = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _HelpTooltip = _interopRequireDefault(require("../HelpTooltip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const PanelSeparator = function ({
+  title,
+  tooltip,
+  className,
+  titleStyle
+}) {
+  return title ? (0, _react.jsx)(StyledHeader, {
+    style: titleStyle
+  }, title, tooltip ? (0, _react.jsx)(_react2.default.Fragment, null, "\u2002", (0, _react.jsx)(_HelpTooltip.default, {
+    content: tooltip,
+    iconSize: 10
+  })) : null) : (0, _react.jsx)("hr", {
+    css: (0, _react.css)`
+          border-color: ${_core.Colors.LIGHT_GRAY4};
+          border-style: solid;
+          width: 100%;
+        `,
+    className: className
+  });
+};
+
+exports.PanelSeparator = PanelSeparator;
+const StyledHeader = (0, _styled.default)(_core.H6)`
+  color: ${_core.Colors.GRAY3};
+  display: inline-block;
+  padding: 2px 5px;
+  margin-top: .5em;
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 10px !important;
+  line-height: 1.2;
+  letter-spacing: -.04em;
+`;
+var _default = PanelSeparator;
+exports.default = _default;

package/dependencies-local/extension-kit/widgets/panels/PanelSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSeparator.js","sourceRoot":"","sources":["../../../src/widgets/panels/PanelSeparator.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAYzC,MAAM,CAAC,MAAM,cAAc,GAC3B,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE;IACjD,OAAO,CAAC,KAAK;QACX,CAAC,CAAC,IAAC,YAAY,IAAC,KAAK,EAAE,UAAU;YAC5B,KAAK;YACL,OAAO;gBACN,CAAC,CAAC;;oBAEE,IAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAI,CAC9C;gBACL,CAAC,CAAC,IAAI,CACK;QACjB,CAAC,CAAC,YACE,GAAG,EAAE,GAAG,CAAA;0BACU,MAAM,CAAC,WAAW;;;SAGnC,EACD,SAAS,EAAE,SAAS,GACpB,CAAC,CAAC;AACV,CAAC,CAAC;AAGF,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;WACpB,MAAM,CAAC,KAAK;;;;;;;;;CAStB,CAAC;AAGF,eAAe,cAAc,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React from 'react';\nimport { Colors, H6 } from '@blueprintjs/core';\nimport styled from '@emotion/styled';\nimport HelpTooltip from '../HelpTooltip';\n\n\ninterface PanelSeparatorProps {\n  title?: JSX.Element | string\n\n  /** Has no effect if the `title` prop is omitted. */\n  tooltip?: JSX.Element | string\n\n  className?: string\n  titleStyle?: React.CSSProperties\n}\nexport const PanelSeparator: React.FC<PanelSeparatorProps> =\nfunction ({ title, tooltip, className, titleStyle }) {\n  return (title\n    ? <StyledHeader style={titleStyle}>\n        {title}\n        {tooltip\n          ? <>\n              &ensp;\n              <HelpTooltip content={tooltip} iconSize={10} />\n            </>\n          : null}\n      </StyledHeader>\n    : <hr\n        css={css`\n          border-color: ${Colors.LIGHT_GRAY4};\n          border-style: solid;\n          width: 100%;\n        `}\n        className={className}\n      />);\n};\n\n\nconst StyledHeader = styled(H6)`\n  color: ${Colors.GRAY3};\n  display: inline-block;\n  padding: 2px 5px;\n  margin-top: .5em;\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 10px !important;\n  line-height: 1.2;\n  letter-spacing: -.04em;\n`;\n\n\nexport default PanelSeparator;\n"]}

package/dependencies-local/extension-kit/widgets/panels/index.d.ts

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { IconName } from '@blueprintjs/icons';
+export declare const PanelContext: React.Context<{
+    state: any;
+    setState: (opts: any) => void;
+}>;
+export interface PanelProps {
+    contentsRef?: (el: HTMLDivElement) => void;
+    title?: string;
+    TitleComponent?: React.FC<{
+        isCollapsed?: boolean;
+    }>;
+    TitleComponentSecondary?: React.FC<{
+        isCollapsed?: boolean;
+    }>;
+    children: React.ReactNode;
+    isCollapsible?: true;
+    isCollapsedByDefault?: true;
+    className?: string;
+    collapsedClassName?: string;
+    titleBarClassName?: string;
+    contentsClassName?: string;
+    iconCollapsed?: IconName;
+    iconExpanded?: IconName;
+}
+export declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>>;