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

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

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@blueprintjs/core");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _Block = _interopRequireDefault(require("./Block"));
+
+var _BlockStateButtonGroup = _interopRequireDefault(require("./BlockStateButtonGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+function makeSidebar(persistentReducer) {
+  const Sidebar = function ({
+    title,
+    stateKey,
+    blocks,
+    representsSelection,
+    className
+  }) {
+    const withOtherBlocksCollapsed = (0, _react2.useCallback)(blockKey => {
+      return blocks.map(b => ({
+        [b.key]: b.nonCollapsible !== true && b.key !== blockKey ? false : true
+      })).reduce((prev, curr) => Object.assign(Object.assign({}, prev), curr));
+    }, [blocks]);
+    const [state, dispatch, stateLoaded] = persistentReducer(stateKey, undefined, undefined, (prevState, action) => {
+      switch (action.type) {
+        case 'expand-all':
+          return {
+            blockState: blocks.map(b => ({
+              [b.key]: true
+            })).reduce((prev, curr) => Object.assign(Object.assign({}, prev), curr))
+          };
+
+        case 'collapse-all':
+          return {
+            blockState: blocks.map(b => ({
+              [b.key]: b.nonCollapsible !== true ? false : true
+            })).reduce((prev, curr) => Object.assign(Object.assign({}, prev), curr))
+          };
+
+        case 'reset-state':
+          return {
+            blockState: blocks.map(b => ({
+              [b.key]: b.collapsedByDefault === true ? false : true
+            })).reduce((prev, curr) => Object.assign(Object.assign({}, prev), curr))
+          };
+
+        case 'expand-one':
+          return {
+            blockState: Object.assign(Object.assign({}, prevState.blockState), {
+              [action.payload.blockKey]: true
+            })
+          };
+
+        case 'collapse-one':
+          return {
+            blockState: Object.assign(Object.assign({}, prevState.blockState), {
+              [action.payload.blockKey]: false
+            })
+          };
+
+        case 'collapse-others':
+          return {
+            blockState: withOtherBlocksCollapsed(action.payload.blockKey)
+          };
+
+        default:
+          throw new Error("Unexpected sidebar state");
+      }
+    }, {
+      blockState: blocks.map(b => ({
+        [b.key]: b.collapsedByDefault === true ? false : true
+      })).reduce((prev, curr) => Object.assign(Object.assign({}, prev), curr))
+    }, null);
+
+    function hasOthersCollapsed(blockKey) {
+      // Using JSON.stringify for quick and dirty object structure comparison.
+      return JSON.stringify(withOtherBlocksCollapsed(blockKey)) === JSON.stringify(state.blockState);
+    }
+
+    const collapsibleBlocks = (0, _react2.useMemo)(() => blocks.filter(block => block.nonCollapsible !== true), [blocks]);
+    const hasCollapsibleBlocks = collapsibleBlocks.length > 0; // Single blocks are styled so that they occupy the entire sidebar.
+
+    const isSingleBlock = blocks.length === 1;
+    return (0, _react.jsx)("div", {
+      css: (0, _react.css)`display: flex; flex-flow: column nowrap;`,
+      className: `${_core.Classes.ELEVATION_1} ${className !== null && className !== void 0 ? className : ''}`
+    }, (0, _react.jsx)("div", {
+      css: (0, _react.css)`
+              height: 24px; background: ${representsSelection ? _core.Colors.BLUE2 : _core.Colors.GRAY1};
+              color: white; display: flex; flex-flow: row nowrap; align-items: center;
+              overflow: hidden;
+              font-variation-settings: 'GRAD' 500;
+            `
+    }, (0, _react.jsx)("div", {
+      css: (0, _react.css)`
+                flex: 1;
+                padding: 5px 10px;
+                font-weight: bold; white-space: nowrap;
+                overflow: hidden; text-overflow: ellipsis;
+              `
+    }, title), hasCollapsibleBlocks ? (0, _react.jsx)(_BlockStateButtonGroup.default, null, (0, _react.jsx)(_core.Button, {
+      small: true,
+      title: "Expand all blocks",
+      icon: "expand-all",
+      onClick: () => dispatch({
+        type: 'expand-all'
+      })
+    }), (0, _react.jsx)(_core.Button, {
+      small: true,
+      title: "Collapse all blocks",
+      icon: "collapse-all",
+      onClick: () => dispatch({
+        type: 'collapse-all'
+      })
+    }), (0, _react.jsx)(_core.Button, {
+      small: true,
+      title: "Restore default collapsed state",
+      icon: "reset",
+      onClick: () => dispatch({
+        type: 'reset-state'
+      })
+    })) : null), (0, _react.jsx)("div", {
+      css: (0, _react.css)`
+              flex: 1;
+              overflow-x: hidden;
+              overflow-y: auto;
+              background: ${_core.Colors.LIGHT_GRAY1};
+              position: relative;
+            `
+    }, stateLoaded ? (0, _react.jsx)(_react2.default.Fragment, null, blocks.map((b, idx) => (0, _react.jsx)(_Block.default, {
+      key: idx,
+      css: (0, _react.css)`${isSingleBlock ? 'position: absolute; inset: 0;' : ''}`,
+      expanded: isSingleBlock || b.nonCollapsible || state.blockState[b.key],
+      block: b,
+      onCollapseOthers: !isSingleBlock && collapsibleBlocks.filter(_b => _b.key !== b.key).length > 0 && !hasOthersCollapsed(b.key) ? () => dispatch({
+        type: 'collapse-others',
+        payload: {
+          blockKey: b.key
+        }
+      }) : undefined,
+      onCollapse: !isSingleBlock && b.nonCollapsible !== true && state.blockState[b.key] ? () => dispatch({
+        type: 'collapse-one',
+        payload: {
+          blockKey: b.key
+        }
+      }) : undefined,
+      onExpand: !state.blockState[b.key] && b.nonCollapsible !== true ? () => dispatch({
+        type: 'expand-one',
+        payload: {
+          blockKey: b.key
+        }
+      }) : undefined
+    })), (0, _react.jsx)("div", {
+      css: (0, _react.css)`font-size: 40px; text-align: center; color: ${_core.Colors.LIGHT_GRAY4}`
+    }, "\u2014 \u2767 \u2014")) : null));
+  };
+
+  return Sidebar;
+}
+
+var _default = makeSidebar;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/Sidebar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { Button, Classes, Colors } from '@blueprintjs/core';\nimport { jsx, css } from '@emotion/react';\nimport React, { useMemo, useCallback } from 'react';\nimport type { PersistentStateReducerHook } from '../../usePersistentStateReducer';\nimport SidebarBlock, { SidebarBlockConfig } from './Block';\nimport BlockStateButtonGroup from './BlockStateButtonGroup';\n\n\ninterface State {\n  blockState: { [blockTitle: string]: boolean } \n}\n\ntype Action =\n  | { type: 'expand-all' | 'collapse-all' | 'reset-state' }\n  | { type: 'collapse-one' | 'expand-one' | 'collapse-others', payload: { blockKey: string } };\n\nexport interface SidebarProps {\n  stateKey: string\n  title: string | JSX.Element\n  blocks: SidebarBlockConfig[]\n\n  representsSelection?: boolean\n  /* Indicate via styling that sidebar is displaying details for a selected item. */\n\n  className?: string \n}\n\nfunction makeSidebar(\n  persistentReducer: PersistentStateReducerHook<State, Action>,\n) {\n  const Sidebar: React.FC<SidebarProps> =\n  function ({ title, stateKey, blocks, representsSelection, className }) {\n    const withOtherBlocksCollapsed = useCallback((blockKey: string) => {\n      return blocks.\n        map(b => ({ [b.key]: b.nonCollapsible !== true && b.key !== blockKey ? false : true })).\n        reduce((prev, curr) => ({ ...prev, ...curr }));\n    }, [blocks]);\n\n    const [ state, dispatch, stateLoaded ] = persistentReducer(\n      stateKey,\n      undefined,\n      undefined,\n      (prevState, action) => {\n        switch (action.type) {\n          case 'expand-all':\n            return { blockState: blocks.\n              map(b => ({ [b.key]: true })).\n              reduce((prev, curr) => ({ ...prev, ...curr })) };\n          case 'collapse-all':\n            return { blockState: blocks.\n              map(b => ({ [b.key]: b.nonCollapsible !== true ? false : true })).\n              reduce((prev, curr) => ({ ...prev, ...curr })) };\n          case 'reset-state':\n            return { blockState: blocks.\n              map(b => ({ [b.key]: b.collapsedByDefault === true ? false : true })).\n              reduce((prev, curr) => ({ ...prev, ...curr })) };\n          case 'expand-one':\n            return { blockState: { ...prevState.blockState, [action.payload.blockKey]: true } };\n          case 'collapse-one':\n            return { blockState: { ...prevState.blockState, [action.payload.blockKey]: false } };\n          case 'collapse-others':\n            return { blockState: withOtherBlocksCollapsed(action.payload.blockKey) };\n          default:\n            throw new Error(\"Unexpected sidebar state\");\n        }\n      },\n      {\n        blockState:\n          blocks.\n            map(b => ({ [b.key]: b.collapsedByDefault === true ? false : true })).\n            reduce((prev, curr) => ({ ...prev, ...curr })),\n      },\n      null);\n\n    function hasOthersCollapsed(blockKey: string): boolean {\n      // Using JSON.stringify for quick and dirty object structure comparison.\n      return JSON.stringify(withOtherBlocksCollapsed(blockKey)) === JSON.stringify(state.blockState);\n    }\n\n    const collapsibleBlocks = useMemo(\n      () => blocks.filter(block => block.nonCollapsible !== true),\n      [blocks]);\n\n    const hasCollapsibleBlocks = collapsibleBlocks.length > 0;\n\n    // Single blocks are styled so that they occupy the entire sidebar.\n    const isSingleBlock = blocks.length === 1;\n\n    return (\n      <div\n          css={css`display: flex; flex-flow: column nowrap;`}\n          className={`${Classes.ELEVATION_1} ${className ?? ''}`}>\n        <div css={css`\n              height: 24px; background: ${representsSelection ? Colors.BLUE2 : Colors.GRAY1};\n              color: white; display: flex; flex-flow: row nowrap; align-items: center;\n              overflow: hidden;\n              font-variation-settings: 'GRAD' 500;\n            `}>\n\n          <div css={css`\n                flex: 1;\n                padding: 5px 10px;\n                font-weight: bold; white-space: nowrap;\n                overflow: hidden; text-overflow: ellipsis;\n              `}>\n            {title}\n          </div>\n\n          {hasCollapsibleBlocks\n            ? <BlockStateButtonGroup>\n                <Button\n                  small\n                  title=\"Expand all blocks\"\n                  icon=\"expand-all\"\n                  onClick={() => dispatch({ type: 'expand-all' })}\n                />\n                <Button\n                  small\n                  title=\"Collapse all blocks\"\n                  icon=\"collapse-all\"\n                  onClick={() => dispatch({ type: 'collapse-all' })}\n                />\n                <Button\n                  small\n                  title=\"Restore default collapsed state\"\n                  icon=\"reset\"\n                  onClick={() => dispatch({ type: 'reset-state' })}\n                />\n              </BlockStateButtonGroup>\n            : null}\n        </div>\n        <div css={css`\n              flex: 1;\n              overflow-x: hidden;\n              overflow-y: auto;\n              background: ${Colors.LIGHT_GRAY1};\n              position: relative;\n            `}>\n          {stateLoaded\n            ? <>\n                {blocks.map((b, idx) =>\n                  <SidebarBlock\n                    key={idx}\n                    css={css`${isSingleBlock\n                      ? 'position: absolute; inset: 0;'\n                      : ''}`}\n                    expanded={isSingleBlock || b.nonCollapsible || state.blockState[b.key]}\n                    block={b}\n                    onCollapseOthers={\n                      !isSingleBlock &&\n                      collapsibleBlocks.filter(_b => _b.key !== b.key).length > 0 &&\n                      !hasOthersCollapsed(b.key)\n                        ? () => dispatch({ type: 'collapse-others', payload: { blockKey: b.key } })\n                        : undefined\n                    }\n                    onCollapse={!isSingleBlock && b.nonCollapsible !== true && state.blockState[b.key]\n                      ? () => dispatch({ type: 'collapse-one', payload: { blockKey: b.key } })\n                      : undefined}\n                    onExpand={!state.blockState[b.key] && b.nonCollapsible !== true\n                      ? () => dispatch({ type: 'expand-one', payload: { blockKey: b.key } })\n                      : undefined}\n                  />\n                )}\n                <div css={css`font-size: 40px; text-align: center; color: ${Colors.LIGHT_GRAY4}`}>— ❧ —</div>\n              </>\n            : null}\n        </div>\n      </div>\n    );\n  }\n\n  return Sidebar;\n}\n\n\nexport default makeSidebar;\n"]}

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

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { SuperSidebarConfig } from './types';
+interface SuperSidebarProps<SidebarID extends string> {
+    config: SuperSidebarConfig<SidebarID>;
+    sidebarIDs: readonly SidebarID[];
+    selectedSidebarID: SidebarID;
+    onSelectSidebar?: (id: SidebarID) => void;
+    className?: string;
+}
+declare const SuperSidebar: React.FC<SuperSidebarProps<any>>;
+export default SuperSidebar;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _context = require("../../context");
+
+var _Sidebar = _interopRequireDefault(require("../Sidebar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const SuperSidebar = function ({
+  config,
+  sidebarIDs,
+  selectedSidebarID,
+  onSelectSidebar,
+  className
+}) {
+  const {
+    usePersistentDatasetStateReducer
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const sidebarEls = (0, _react.useMemo)(() => Object.entries(config).map(([sid, sconf]) => {
+    const Sidebar = (0, _Sidebar.default)(usePersistentDatasetStateReducer);
+    return {
+      [sid]: (0, _react2.jsx)(Sidebar, {
+        css: (0, _react2.css)`z-index: 5`,
+        title: sconf.title,
+        stateKey: sid,
+        blocks: sconf.blocks
+      })
+    };
+  }).reduce((prev, curr) => Object.assign(Object.assign({}, prev), curr)), []);
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+          width: 250px; position: relative;
+          & > :first-child { position: absolute; inset: 0; }
+          background: ${_core.Colors.LIGHT_GRAY4};
+        `
+  }, sidebarEls[selectedSidebarID]), sidebarIDs.length > 1 ? (0, _react2.jsx)(_core.ButtonGroup, {
+    vertical: true,
+    className: className
+  }, sidebarIDs.map(sid => {
+    const Icon = config[sid].icon;
+    return (0, _react2.jsx)(SidebarButton, {
+      key: sid,
+      icon: (0, _react2.jsx)(Icon, null),
+      active: selectedSidebarID === sid,
+      onClick: onSelectSidebar ? () => onSelectSidebar(sid) : undefined,
+      disabled: !onSelectSidebar
+    });
+  })) : null);
+};
+
+var _default = SuperSidebar;
+exports.default = _default;
+const StyledSidebarButton = (0, _styled.default)(_core.Button)`
+  border-radius: 0 !important;
+`;
+
+const SidebarButton = function (props) {
+  return (0, _react2.jsx)(StyledSidebarButton, Object.assign({
+    minimal: true,
+    large: true
+  }, props));
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuperSidebar.js","sourceRoot":"","sources":["../../../src/widgets/TabbedWorkspace/SuperSidebar.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAe,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,YAAY,CAAC;AAWrC,MAAM,YAAY,GAClB,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE;IAC7E,MAAM,EAAE,gCAAgC,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAExE,MAAM,UAAU,GAAG,OAAO,CACxB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;QAC3B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnB,MAAM,OAAO,GAAG,WAAW,CAAC,gCAAgC,CAAC,CAAC;QAC9D,OAAO;YACL,CAAC,GAAG,CAAC,EACH,IAAC,OAAO,IACN,GAAG,EAAE,GAAG,CAAA,YAAY,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,GAAG,EACb,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB;SACL,CAAC;IACJ,CAAC,CAAC;QACF,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,GAAK,IAAI,EAAG,CAAgC,CAAC,EAChF,EAAE,CAAC,CAAC;IAEN,OAAO,CACL;QACE,aAAK,GAAG,EAAE,GAAG,CAAA;;;wBAGK,MAAM,CAAC,WAAW;SACjC,IACA,UAAU,CAAC,iBAAiB,CAAC,CAC1B;QACL,UAAU,CAAC,MAAM,GAAG,CAAC;YACpB,CAAC,CAAC,IAAC,WAAW,IAAC,QAAQ,QAAC,SAAS,EAAE,SAAS,IACvC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACpB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;gBAC9B,OAAO,IAAC,aAAa,IACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAC,IAAI,OAAG,EACd,MAAM,EAAE,iBAAiB,KAAK,GAAG,EACjC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EACjE,QAAQ,EAAE,CAAC,eAAe,GAC1B,CAAA;YACJ,CAAC,CAAC,CACU;YAChB,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAE5B,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEzC,CAAC;AAEF,MAAM,aAAa,GAA0B,UAAU,KAAK;IAC1D,OAAO,IAAC,mBAAmB,kBAAC,OAAO,QAAC,KAAK,UAAK,KAAK,EAAI,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useMemo } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Button, ButtonGroup, ButtonProps, Colors } from '@blueprintjs/core';\nimport styled from '@emotion/styled';\n\nimport { DatasetContext } from '../../context';\nimport makeSidebar from '../Sidebar';\nimport { SuperSidebarConfig } from './types';\n\n\ninterface SuperSidebarProps<SidebarID extends string> {\n  config: SuperSidebarConfig<SidebarID>\n  sidebarIDs: readonly SidebarID[]\n  selectedSidebarID: SidebarID\n  onSelectSidebar?: (id: SidebarID) => void \n  className?: string\n}\nconst SuperSidebar: React.FC<SuperSidebarProps<any>> =\nfunction ({ config, sidebarIDs, selectedSidebarID, onSelectSidebar, className }) {\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n\n  const sidebarEls = useMemo(\n    (() => Object.entries(config).\n      map(([sid, sconf]) => {\n        const Sidebar = makeSidebar(usePersistentDatasetStateReducer);\n        return {\n          [sid]:\n            <Sidebar\n              css={css`z-index: 5`}\n              title={sconf.title}\n              stateKey={sid}\n              blocks={sconf.blocks}\n            />\n        };\n      }).\n      reduce((prev, curr) => ({ ...prev, ...curr })) as Record<string, JSX.Element>),\n    []);\n\n  return (\n    <>\n      <div css={css`\n          width: 250px; position: relative;\n          & > :first-child { position: absolute; inset: 0; }\n          background: ${Colors.LIGHT_GRAY4};\n        `}>\n        {sidebarEls[selectedSidebarID]}\n      </div>\n      {sidebarIDs.length > 1\n        ? <ButtonGroup vertical className={className}>\n            {sidebarIDs.map(sid => {\n              const Icon = config[sid].icon;\n              return <SidebarButton\n                key={sid}\n                icon={<Icon />}\n                active={selectedSidebarID === sid}\n                onClick={onSelectSidebar ? () => onSelectSidebar(sid) : undefined}\n                disabled={!onSelectSidebar}\n              />\n            })}\n          </ButtonGroup>\n        : null}\n    </>\n  );\n};\n\nexport default SuperSidebar;\n\nconst StyledSidebarButton = styled(Button)`\n  border-radius: 0 !important;\n`;\n\nconst SidebarButton: React.FC<ButtonProps> = function (props) {\n  return <StyledSidebarButton minimal large {...props} />;\n};\n"]}

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import type { TabbedWorkspaceContext as TabbedWorkspaceContextSpec, ProtocolRegistry } from './types';
+export declare const TabbedWorkspaceContext: React.Context<TabbedWorkspaceContextSpec<any, any>>;
+export declare function makeContextProvider<Proto extends string, SidebarID extends string>(initialSidebarID: SidebarID, sidebarIDs: readonly SidebarID[], protocolConfiguration: ProtocolRegistry<Proto>): React.FC<TabbedWorkspaceContextProviderProps>;
+export interface TabbedWorkspaceContextProviderProps {
+    stateKey: string;
+    onFocusedTabChange?: (newFocusedTabURI: string | undefined) => void;
+}
+export declare const SPECIAL_TAB_IDX: Record<'new', number>;

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

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeContextProvider = makeContextProvider;
+exports.SPECIAL_TAB_IDX = exports.TabbedWorkspaceContext = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _context = require("../../context");
+
+/** @jsx jsx */
+const initialState = {
+  detailTabURIs: [],
+  focusedTabIdx: 0,
+  selectedSidebarID: ''
+};
+const TabbedWorkspaceContext = (0, _react.createContext)({
+  spawnTab: () => void 0,
+  protocolConfiguration: {},
+  state: initialState,
+  dispatch: () => void 0
+});
+exports.TabbedWorkspaceContext = TabbedWorkspaceContext;
+
+function makeContextProvider(initialSidebarID, sidebarIDs, protocolConfiguration) {
+  const initialState = {
+    detailTabURIs: [],
+    focusedTabIdx: SPECIAL_TAB_IDX.new,
+    selectedSidebarID: initialSidebarID
+  };
+
+  function reducer(prevState, action) {
+    switch (action.type) {
+      case 'focus-sidebar':
+        return Object.assign(Object.assign({}, prevState), {
+          selectedSidebarID: action.payload.id
+        });
+
+      case 'spawn-tab':
+        {
+          const detailTabURIs = [...prevState.detailTabURIs];
+          const existingTabIdx = detailTabURIs.indexOf(action.payload.uri);
+
+          if (existingTabIdx >= 0) {
+            return Object.assign(Object.assign({}, prevState), {
+              focusedTabIdx: existingTabIdx
+            });
+          } else {
+            const idxToInsertAt = prevState.focusedTabIdx >= 0 ? prevState.focusedTabIdx + 1 : 0;
+            detailTabURIs.splice(idxToInsertAt, 0, action.payload.uri);
+            return Object.assign(Object.assign({}, prevState), {
+              detailTabURIs,
+              focusedTabIdx: idxToInsertAt
+            });
+          }
+        }
+
+      case 'focus-tab':
+        return Object.assign(Object.assign({}, prevState), {
+          focusedTabIdx: action.payload.idx
+        });
+
+      case 'navigate-focused-tab':
+        const existingTabIdx = prevState.detailTabURIs.indexOf(action.payload.uri);
+
+        if (existingTabIdx >= 0) {
+          return Object.assign(Object.assign({}, prevState), {
+            focusedTabIdx: existingTabIdx
+          });
+        } else if (prevState.detailTabURIs[prevState.focusedTabIdx]) {
+          const detailTabURIs = [...prevState.detailTabURIs];
+          detailTabURIs[prevState.focusedTabIdx] = action.payload.uri;
+          return Object.assign(Object.assign({}, prevState), {
+            detailTabURIs
+          });
+        } else {
+          return prevState;
+        }
+
+      case 'close-tab':
+        {
+          const detailTabURIs = [...prevState.detailTabURIs];
+          const closedFocused = action.payload.idx === prevState.focusedTabIdx;
+          detailTabURIs.splice(action.payload.idx, 1);
+          const focusedTabIdx = closedFocused ? detailTabURIs.length > 0 // If a focused tab is closed and there are any tabs left, switch to previous tab
+          ? action.payload.idx > 0 ? action.payload.idx - 1 : 0 : SPECIAL_TAB_IDX.new : prevState.focusedTabIdx > action.payload.idx // If a tab before focused tab is closed, adjust focused index to maintain tab selection
+          ? prevState.focusedTabIdx - 1 : prevState.focusedTabIdx;
+          return Object.assign(Object.assign({}, prevState), {
+            detailTabURIs,
+            focusedTabIdx
+          });
+        }
+      // TODO: Reducer knows how to move tabs, but we want to hook up a nice drag-and-drop mechanism.
+
+      case 'move-tab':
+        {
+          const detailTabURIs = [...prevState.detailTabURIs];
+          const tab = detailTabURIs.splice(action.payload.sourceIdx, 1)[0];
+
+          if (tab) {
+            detailTabURIs.splice(action.payload.destinationIdx, 0, tab);
+          }
+
+          return Object.assign(Object.assign({}, prevState), {
+            detailTabURIs
+          });
+        }
+
+      default:
+        throw new Error("Invalid action");
+    }
+  }
+
+  function validateState(state) {
+    var _a;
+
+    return ((_a = state.detailTabURIs) === null || _a === void 0 ? void 0 : _a.map) !== undefined && typeof state.selectedSidebarID === 'string' && sidebarIDs.indexOf(state.selectedSidebarID) >= 0;
+  }
+
+  const TabbedWorkspaceContextProvider = function ({
+    stateKey,
+    onFocusedTabChange,
+    children
+  }) {
+    const {
+      usePersistentDatasetStateReducer
+    } = (0, _react.useContext)(_context.DatasetContext);
+    const [state, dispatch] = usePersistentDatasetStateReducer(stateKey, undefined, validateState, reducer, initialState, null);
+    const focusedTabURI = state.focusedTabIdx >= 0 ? state.detailTabURIs[state.focusedTabIdx] : undefined;
+    (0, _react.useEffect)(() => {
+      if (onFocusedTabChange) {
+        onFocusedTabChange(focusedTabURI);
+      }
+    }, [focusedTabURI]);
+    const ctx = {
+      spawnTab: uri => dispatch({
+        type: 'spawn-tab',
+        payload: {
+          uri
+        }
+      }),
+      navigateFocusedTab: uri => dispatch({
+        type: 'navigate-focused-tab',
+        payload: {
+          uri
+        }
+      }),
+      protocolConfiguration,
+      focusedTabURI,
+      state,
+      dispatch
+    };
+    return (0, _react2.jsx)(TabbedWorkspaceContext.Provider, {
+      value: ctx
+    }, children);
+  };
+
+  return TabbedWorkspaceContextProvider;
+}
+
+const SPECIAL_TAB_IDX = {
+  new: -2
+};
+exports.SPECIAL_TAB_IDX = SPECIAL_TAB_IDX;

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/widgets/TabbedWorkspace/context.tsx"],"names":[],"mappings":"AAAA,eAAe;AAEf,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,MAAM,YAAY,GAAc;IAC9B,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,CAAC;IAChB,iBAAiB,EAAE,EAAE;CACtB,CAAA;AAGD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAuC;IACxF,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACtB,qBAAqB,EAAE,EAAE;IACzB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACvB,CAAC,CAAC;AAGH,MAAM,UAAU,mBAAmB,CAEjC,gBAA2B,EAC3B,UAAgC,EAChC,qBAA8C;IAI9C,MAAM,YAAY,GAAqB;QACrC,aAAa,EAAE,EAAE;QACjB,aAAa,EAAE,eAAe,CAAC,GAAG;QAClC,iBAAiB,EAAE,gBAAgB;KACpC,CAAA;IAED,SAAS,OAAO,CAAC,SAA2B,EAAE,MAAyB;QACrE,QAAQ,MAAM,CAAC,IAAI,EAAE;YAEnB,KAAK,eAAe;gBAClB,uCACK,SAAS,KACZ,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,IACpC;YAEJ,KAAK,WAAW,CAAC,CAAC;gBAChB,MAAM,aAAa,GAAG,CAAE,GAAG,SAAS,CAAC,aAAa,CAAE,CAAC;gBACrD,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBACjE,IAAI,cAAc,IAAI,CAAC,EAAE;oBACvB,uCACK,SAAS,KACZ,aAAa,EAAE,cAAc,IAC7B;iBACH;qBAAM;oBACL,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,IAAI,CAAC;wBAChD,CAAC,CAAC,SAAS,CAAC,aAAa,GAAG,CAAC;wBAC7B,CAAC,CAAC,CAAC,CAAC;oBACN,aAAa,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBAC3D,uCACK,SAAS,KACZ,aAAa,EACb,aAAa,EAAE,aAAa,IAC5B;iBACH;aACF;YAED,KAAK,WAAW;gBACd,uCACK,SAAS,KACZ,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,IACjC;YAEJ,KAAK,sBAAsB;gBACzB,MAAM,cAAc,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBAC3E,IAAI,cAAc,IAAI,CAAC,EAAE;oBACvB,uCACK,SAAS,KACZ,aAAa,EAAE,cAAc,IAC7B;iBACH;qBAAM,IAAI,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE;oBAC3D,MAAM,aAAa,GAAG,CAAE,GAAG,SAAS,CAAC,aAAa,CAAE,CAAC;oBACrD,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC5D,uCACK,SAAS,KACZ,aAAa,IACb;iBACH;qBAAM;oBACL,OAAO,SAAS,CAAC;iBAClB;YAEH,KAAK,WAAW,CAAC,CAAC;gBAChB,MAAM,aAAa,GAAG,CAAE,GAAG,SAAS,CAAC,aAAa,CAAE,CAAC;gBACrD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,SAAS,CAAC,aAAa,CAAC;gBAErE,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBAE5C,MAAM,aAAa,GAAG,aAAa;oBACjC,CAAC,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;wBACxB,iFAAiF;wBACjF,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;4BACtB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;4BACxB,CAAC,CAAC,CAAC;wBACL,CAAC,CAAC,eAAe,CAAC,GAAG;oBACvB,CAAC,CAAC,SAAS,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG;wBAC5C,wFAAwF;wBACxF,CAAC,CAAC,SAAS,CAAC,aAAa,GAAG,CAAC;wBAC7B,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC;gBAE9B,uCACK,SAAS,KACZ,aAAa;oBACb,aAAa,IACb;aACH;YAED,+FAA+F;YAC/F,KAAK,UAAU,CAAC,CAAC;gBACf,MAAM,aAAa,GAAG,CAAE,GAAG,SAAS,CAAC,aAAa,CAAE,CAAC;gBACrD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACjE,IAAI,GAAG,EAAE;oBACP,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;iBAC7D;gBACD,uCACK,SAAS,KACZ,aAAa,IACb;aACH;YAED;gBACE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;SACrC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAA0B;;QAC/C,OAAO,CACL,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,GAAG,MAAK,SAAS;YACtC,OAAO,KAAK,CAAC,iBAAiB,KAAK,QAAQ;YAC3C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,iBAAwB,CAAC,IAAI,CAAC,CACxD,CAAC;IACJ,CAAC;IAED,MAAM,8BAA8B,GAEpC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE;QAElD,MAAM,EAAE,gCAAgC,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;QAExE,MAAM,CAAE,KAAK,EAAE,QAAQ,CAAE,GACxB,gCAAoG,CACnG,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,YAAY,EACZ,IAAI,CAAC,CAAC;QAER,MAAM,aAAa,GACjB,KAAK,CAAC,aAAa,IAAI,CAAC;YACtB,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC;YAC1C,CAAC,CAAC,SAAS,CAAC;QAEhB,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,kBAAkB,EAAE;gBACtB,kBAAkB,CAAC,aAAa,CAAC,CAAC;aACnC;QACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;QAEpB,MAAM,GAAG,GAAiD;YACxD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;YAClE,kBAAkB,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC;YACtF,qBAAqB;YACrB,aAAa;YACb,KAAK;YACL,QAAQ;SACT,CAAC;QAEF,OAAO,CACL,IAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,IACxC,QAAQ,CACuB,CACnC,CAAC;IAEJ,CAAC,CAAC;IAEF,OAAO,8BAA8B,CAAC;AACxC,CAAC;AASD,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,GAAG,EAAE,CAAC,CAAC;CACR,CAAC","sourcesContent":["/** @jsx jsx */\n\nimport React, { createContext, useContext, useEffect } from 'react';\nimport { jsx } from '@emotion/react';\nimport { DatasetContext } from '../../context';\nimport { PersistentStateReducerHook } from '../../usePersistentStateReducer';\nimport type { TabbedWorkspaceContext as TabbedWorkspaceContextSpec, Action, ProtocolRegistry, State } from './types';\n\n\nconst initialState: State<''> = {\n  detailTabURIs: [],\n  focusedTabIdx: 0,\n  selectedSidebarID: '',\n}\n\n\nexport const TabbedWorkspaceContext = createContext<TabbedWorkspaceContextSpec<any, any>>({\n  spawnTab: () => void 0,\n  protocolConfiguration: {},\n  state: initialState,\n  dispatch: () => void 0,\n});\n\n\nexport function makeContextProvider\n<Proto extends string, SidebarID extends string>(\n  initialSidebarID: SidebarID,\n  sidebarIDs: readonly SidebarID[],\n  protocolConfiguration: ProtocolRegistry<Proto>,\n):\nReact.FC<TabbedWorkspaceContextProviderProps> {\n\n  const initialState: State<SidebarID> = {\n    detailTabURIs: [],\n    focusedTabIdx: SPECIAL_TAB_IDX.new,\n    selectedSidebarID: initialSidebarID,\n  }\n\n  function reducer(prevState: State<SidebarID>, action: Action<SidebarID>): State<SidebarID> {\n    switch (action.type) {\n\n      case 'focus-sidebar':\n        return {\n          ...prevState,\n          selectedSidebarID: action.payload.id,\n        };\n\n      case 'spawn-tab': {\n        const detailTabURIs = [ ...prevState.detailTabURIs ];\n        const existingTabIdx = detailTabURIs.indexOf(action.payload.uri);\n        if (existingTabIdx >= 0) {\n          return {\n            ...prevState,\n            focusedTabIdx: existingTabIdx,\n          };\n        } else {\n          const idxToInsertAt = prevState.focusedTabIdx >= 0\n            ? prevState.focusedTabIdx + 1\n            : 0;\n          detailTabURIs.splice(idxToInsertAt, 0, action.payload.uri);\n          return {\n            ...prevState,\n            detailTabURIs,\n            focusedTabIdx: idxToInsertAt,\n          };\n        }\n      }\n\n      case 'focus-tab':\n        return {\n          ...prevState,\n          focusedTabIdx: action.payload.idx,\n        };\n\n      case 'navigate-focused-tab':\n        const existingTabIdx = prevState.detailTabURIs.indexOf(action.payload.uri);\n        if (existingTabIdx >= 0) {\n          return {\n            ...prevState,\n            focusedTabIdx: existingTabIdx,\n          };\n        } else if (prevState.detailTabURIs[prevState.focusedTabIdx]) {\n          const detailTabURIs = [ ...prevState.detailTabURIs ];\n          detailTabURIs[prevState.focusedTabIdx] = action.payload.uri;\n          return {\n            ...prevState,\n            detailTabURIs,\n          };\n        } else {\n          return prevState;\n        }\n\n      case 'close-tab': {\n        const detailTabURIs = [ ...prevState.detailTabURIs ];\n        const closedFocused = action.payload.idx === prevState.focusedTabIdx;\n\n        detailTabURIs.splice(action.payload.idx, 1);\n\n        const focusedTabIdx = closedFocused\n          ? detailTabURIs.length > 0\n            // If a focused tab is closed and there are any tabs left, switch to previous tab\n            ? action.payload.idx > 0\n              ? action.payload.idx - 1\n              : 0\n            : SPECIAL_TAB_IDX.new\n          : prevState.focusedTabIdx > action.payload.idx\n            // If a tab before focused tab is closed, adjust focused index to maintain tab selection\n            ? prevState.focusedTabIdx - 1\n            : prevState.focusedTabIdx;\n\n        return {\n          ...prevState,\n          detailTabURIs,\n          focusedTabIdx,\n        };\n      }\n\n      // TODO: Reducer knows how to move tabs, but we want to hook up a nice drag-and-drop mechanism.\n      case 'move-tab': {\n        const detailTabURIs = [ ...prevState.detailTabURIs ];\n        const tab = detailTabURIs.splice(action.payload.sourceIdx, 1)[0];\n        if (tab) {\n          detailTabURIs.splice(action.payload.destinationIdx, 0, tab);\n        }\n        return {\n          ...prevState,\n          detailTabURIs,\n        };\n      }\n\n      default:\n        throw new Error(\"Invalid action\");\n    }\n  }\n\n  function validateState(state: Partial<State<any>>): state is State<any> {\n    return (\n      state.detailTabURIs?.map !== undefined &&\n      typeof state.selectedSidebarID === 'string' &&\n      sidebarIDs.indexOf(state.selectedSidebarID as any) >= 0\n    );\n  }\n\n  const TabbedWorkspaceContextProvider:\n  React.FC<TabbedWorkspaceContextProviderProps> =\n  function ({ stateKey, onFocusedTabChange, children }) {\n\n    const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n\n    const [ state, dispatch ] =\n    (usePersistentDatasetStateReducer as PersistentStateReducerHook<State<SidebarID>, Action<SidebarID>>)(\n      stateKey,\n      undefined,\n      validateState,\n      reducer,\n      initialState,\n      null);\n\n    const focusedTabURI: string | undefined =\n      state.focusedTabIdx >= 0\n        ? state.detailTabURIs[state.focusedTabIdx]\n        : undefined;\n\n    useEffect(() => {\n      if (onFocusedTabChange) {\n        onFocusedTabChange(focusedTabURI);\n      }\n    }, [focusedTabURI]);\n\n    const ctx: TabbedWorkspaceContextSpec<Proto, SidebarID> = {\n      spawnTab: uri => dispatch({ type: 'spawn-tab', payload: { uri } }),\n      navigateFocusedTab: uri => dispatch({ type: 'navigate-focused-tab', payload: { uri }}),\n      protocolConfiguration,\n      focusedTabURI,\n      state,\n      dispatch,\n    };\n\n    return (\n      <TabbedWorkspaceContext.Provider value={ctx}>\n        {children}\n      </TabbedWorkspaceContext.Provider>\n    );\n\n  };\n\n  return TabbedWorkspaceContextProvider;\n}\n\n\nexport interface TabbedWorkspaceContextProviderProps {\n  stateKey: string\n  onFocusedTabChange?: (newFocusedTabURI: string | undefined) => void\n}\n\n\nexport const SPECIAL_TAB_IDX: Record<'new', number> = {\n  new: -2,\n};\n"]}

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

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+export declare const DetailTab: React.FC<{
+    uri: string;
+}>;
+export declare const DetailTabTitle: React.FC<{
+    uri: string;
+}>;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DetailTabTitle = exports.DetailTab = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _context = require("./context");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const DetailTab = function ({
+  uri
+}) {
+  const {
+    protocolConfiguration
+  } = (0, _react.useContext)(_context.TabbedWorkspaceContext);
+  const [proto, _path] = uri.split(':');
+  const protoConf = protocolConfiguration[proto];
+
+  if (protoConf) {
+    const View = protoConf.main;
+    return (0, _react2.jsx)(View, {
+      uri: _path
+    });
+  } else {
+    return (0, _react2.jsx)(_core.NonIdealState, {
+      icon: "heart-broken",
+      description: `Unknown protocol ${proto}`
+    });
+  }
+};
+
+exports.DetailTab = DetailTab;
+
+const DetailTabTitle = function ({
+  uri
+}) {
+  const {
+    protocolConfiguration
+  } = (0, _react.useContext)(_context.TabbedWorkspaceContext);
+  const [proto, _path] = uri.split(':');
+  const protoConf = protocolConfiguration[proto];
+
+  if (protoConf) {
+    const View = protoConf.title;
+    return (0, _react2.jsx)(View, {
+      uri: _path
+    });
+  } else {
+    return (0, _react2.jsx)(_react.default.Fragment, null, uri);
+  }
+};
+
+exports.DetailTabTitle = DetailTabTitle;

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../src/widgets/TabbedWorkspace/detail.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAGnD,MAAM,CAAC,MAAM,SAAS,GAA8B,UAAU,EAAE,GAAG,EAAE;IACnE,MAAM,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACrE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,SAAS,EAAE;QACb,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;QAC5B,OAAO,IAAC,IAAI,IAAC,GAAG,EAAE,KAAK,GAAI,CAAC;KAC7B;SAAM;QACL,OAAO,IAAC,aAAa,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,oBAAoB,KAAK,EAAE,GAAI,CAAA;KACvF;AACH,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,cAAc,GAA8B,UAAU,EAAE,GAAG,EAAE;IACxE,MAAM,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACrE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,SAAS,EAAE;QACb,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;QAC7B,OAAO,IAAC,IAAI,IAAC,GAAG,EAAE,KAAK,GAAI,CAAC;KAC7B;SAAM;QACL,OAAO,0BAAG,GAAG,CAAI,CAAC;KACnB;AACH,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext } from 'react';\nimport { jsx } from '@emotion/react';\nimport { NonIdealState } from '@blueprintjs/core';\nimport { TabbedWorkspaceContext } from './context';\n\n\nexport const DetailTab: React.FC<{ uri: string }> = function ({ uri }) {\n  const { protocolConfiguration } = useContext(TabbedWorkspaceContext);\n  const [proto, _path] = uri.split(':');\n  const protoConf = protocolConfiguration[proto];\n  if (protoConf) {\n    const View = protoConf.main;\n    return <View uri={_path} />;\n  } else {\n    return <NonIdealState icon=\"heart-broken\" description={`Unknown protocol ${proto}`} />\n  }\n};\n\n\nexport const DetailTabTitle: React.FC<{ uri: string }> = function ({ uri }) {\n  const { protocolConfiguration } = useContext(TabbedWorkspaceContext);\n  const [proto, _path] = uri.split(':');\n  const protoConf = protocolConfiguration[proto];\n  if (protoConf) {\n    const View = protoConf.title;\n    return <View uri={_path} />;\n  } else {\n    return <>{uri}</>;\n  }\n};\n\n"]}

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

@@ -0,0 +1,33 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { WorkspaceProps } from '../Workspace';
+import { SuperSidebarConfig } from './types';
+/**
+ * Wraps Workspace, adding tabbed GUI features.
+ * Use inside TabbedWorkspaceContextProvider.
+ */
+export interface TabbedWorkspaceProps<SidebarID extends string> {
+    /**
+     * Configuration for individual sidebars, keyed by internal sidebar ID.
+     * If there is more than one sidebar, sidebar selector is shown.
+     */
+    sidebarConfig: SuperSidebarConfig<SidebarID>;
+    /**
+     * Sidebar IDs as a list. This is used to order sidebars.
+     * TODO: Eliminate in favor of using weights or another way of ordering?
+     */
+    sidebarIDs: readonly SidebarID[];
+    /**
+     * “Home” view shown by default when there are no tabs
+     * or when explicitly invoked by the user.
+     */
+    newTabPrompt: JSX.Element;
+    /** Set global mode bar for the workspace. */
+    globalMode?: WorkspaceProps['globalMode'];
+    /** Set the status bar for the workspace. */
+    statusBar?: WorkspaceProps['statusBar'];
+    className?: string;
+}
+declare const TabbedWorkspace: React.VoidFunctionComponent<TabbedWorkspaceProps<any>>;
+export default TabbedWorkspace;