@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

package/dependencies-local/extension-kit/widgets/Sidebar/PropertyView.d.ts

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type InputGroupProps2, type HTMLSelectProps, Intent } from '@blueprintjs/core';
+interface PropertyViewProps {
+    label: JSX.Element | string;
+    title?: string;
+    tooltip?: JSX.Element | string;
+    tooltipIntent?: Intent;
+    tooltipClassName?: string;
+    className?: string;
+}
+declare const PropertyView: React.FC<PropertyViewProps>;
+interface TextInputProps {
+    value: string;
+    onChange?: (newValue: string) => void;
+    onConfirm?: () => void;
+    placeholder?: string;
+    inputGroupProps?: InputGroupProps2;
+    validationErrors?: string[];
+    title?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TextInput: React.FC<TextInputProps>;
+interface SelectProps extends HTMLSelectProps {
+}
+export declare const Select: React.FC<SelectProps>;
+export default PropertyView;

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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Select = exports.TextInput = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _popover = require("@blueprintjs/popover2");
+
+var _HelpTooltip = _interopRequireDefault(require("../HelpTooltip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const PropertyView = (0, _react.memo)(function ({
+  label,
+  title,
+  tooltip,
+  tooltipIntent,
+  tooltipClassName,
+  className,
+  children
+}) {
+  return (0, _react2.jsx)("div", {
+    className: className,
+    title: title,
+    css: (0, _react2.css)`
+          display: flex;
+          flex-flow: row nowrap;
+          align-items: flex-start;
+          font-size: 12px;
+          margin-bottom: 5px;
+        `
+  }, (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+            width: 40%;
+            padding-right: 10px;
+            text-align: right;
+            padding-top: 2px;
+            padding-bottom: 2px;
+            color: ${_core.Colors.GRAY1};
+          `
+  }, tooltip ? (0, _react2.jsx)(_HelpTooltip.default, {
+    content: tooltip,
+    intent: tooltipIntent,
+    tooltipProps: {
+      className: tooltipClassName
+    }
+  }) : null, " ", label), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+            width: 60%;
+            word-break: break-all;
+            line-height: 1.2;
+            padding-top: 3px;
+            padding-bottom: 2px;
+
+            .bp4-input-group .bp4-input {
+              margin-top: -5px;
+              margin-bottom: -2px;
+              font-size: unset;
+              line-height: unset;
+              border-radius: 0;
+              height: 18px;
+            }
+          `
+  }, children));
+});
+const TextInput = (0, _react.memo)(function ({
+  value,
+  placeholder,
+  onChange,
+  validationErrors,
+  inputGroupProps,
+  title,
+  className,
+  style
+}) {
+  const errs = validationErrors !== null && validationErrors !== void 0 ? validationErrors : [];
+  const invalid = errs.length > 0;
+  const handleChange = (0, _react.useCallback)(evt => onChange === null || onChange === void 0 ? void 0 : onChange(evt.currentTarget.value), [onChange]);
+  return (0, _react2.jsx)(_core.InputGroup, {
+    fill: true,
+    small: true,
+    disabled: !onChange,
+    value: value,
+    css: (0, _react2.css)`
+        ${invalid && onChange ? `.bp4-input {
+                background: mistyrose;
+                .bp4-dark & {
+                  background: ${_core.Colors.RED1};
+                  color: ${_core.Colors.WHITE};
+                }
+              }` : ''}
+      `,
+    placeholder: placeholder,
+    rightElement: invalid ? (0, _react2.jsx)(_popover.Tooltip2, {
+      position: "right",
+      intent: "danger",
+      minimal: true,
+      content: (0, _react2.jsx)(_core.UL, {
+        css: (0, _react2.css)`margin: 0;`
+      }, errs.map((err, idx) => (0, _react2.jsx)("li", {
+        key: idx
+      }, err)))
+    }, (0, _react2.jsx)(_core.Icon, {
+      icon: "warning-sign",
+      iconSize: 10,
+      intent: "danger",
+      css: (0, _react2.css)`margin-right: 5px; margin-bottom: 2.5px`
+    })) : undefined,
+    ...inputGroupProps,
+    onChange: onChange ? handleChange : undefined,
+    title: title,
+    className: className,
+    style: style
+  });
+});
+exports.TextInput = TextInput;
+const Select = (0, _react.memo)(function ({
+  value,
+  options,
+  onChange,
+  large,
+  minimal,
+  fill
+}) {
+  return (0, _react2.jsx)(_core.HTMLSelect, {
+    options: options,
+    onChange: onChange,
+    disabled: !onChange,
+    value: value,
+    large: large,
+    minimal: minimal,
+    fill: fill,
+    css: (0, _react2.css)`
+        margin-top: -2px;
+        & select {
+          height: 18px;
+          font-size: unset;
+        }
+        & .bp4-icon-double-caret-vertical {
+          top: 2px;
+        }
+      `
+  });
+});
+exports.Select = Select;
+var _default = PropertyView;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../src/widgets/Sidebar/PropertyView.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Colors, Icon, type InputGroupProps2, InputGroup, UL, HTMLSelect, type HTMLSelectProps, Intent } from '@blueprintjs/core';\nimport { Tooltip2 } from '@blueprintjs/popover2';\nimport HelpTooltip from '../HelpTooltip';\n\n\ninterface PropertyViewProps {\n  label: JSX.Element | string\n  title?: string\n  tooltip?: JSX.Element | string\n  tooltipIntent?: Intent\n  tooltipClassName?: string\n  className?: string \n}\nconst PropertyView: React.FC<PropertyViewProps> =\nmemo(function ({ label, title, tooltip, tooltipIntent, tooltipClassName, className, children }) {\n  return (\n    <div\n        className={className}\n        title={title}\n        css={css`\n          display: flex;\n          flex-flow: row nowrap;\n          align-items: flex-start;\n          font-size: 12px;\n          margin-bottom: 5px;\n        `}>\n      <div css={css`\n            width: 40%;\n            padding-right: 10px;\n            text-align: right;\n            padding-top: 2px;\n            padding-bottom: 2px;\n            color: ${Colors.GRAY1};\n          `}>\n        {tooltip\n          ? <HelpTooltip\n              content={tooltip}\n              intent={tooltipIntent}\n              tooltipProps={{ className: tooltipClassName }}\n            />\n          : null}\n        {\" \"}\n        {label}\n      </div>\n      <div css={css`\n            width: 60%;\n            word-break: break-all;\n            line-height: 1.2;\n            padding-top: 3px;\n            padding-bottom: 2px;\n\n            .bp4-input-group .bp4-input {\n              margin-top: -5px;\n              margin-bottom: -2px;\n              font-size: unset;\n              line-height: unset;\n              border-radius: 0;\n              height: 18px;\n            }\n          `}>\n        {children}\n      </div>\n    </div>\n  );\n});\n\n\ninterface TextInputProps {\n  value: string\n  onChange?: (newValue: string) => void\n  onConfirm?: () => void\n  placeholder?: string\n  inputGroupProps?: InputGroupProps2 \n  validationErrors?: string[]\n  title?: string\n  className?: string\n  style?: React.CSSProperties\n}\nexport const TextInput: React.FC<TextInputProps> =\nmemo(function ({ value, placeholder, onChange, validationErrors, inputGroupProps, title, className, style }) {\n  const errs = validationErrors ?? [];\n  const invalid = errs.length > 0;\n  const handleChange = useCallback(\n    ((evt: React.FormEvent<HTMLInputElement>) => onChange?.(evt.currentTarget.value)),\n    [onChange]);\n\n  return (\n    <InputGroup\n      fill\n      small\n      disabled={!onChange}\n      value={value}\n      css={css`\n        ${invalid && onChange\n          ? `.bp4-input {\n                background: mistyrose;\n                .bp4-dark & {\n                  background: ${Colors.RED1};\n                  color: ${Colors.WHITE};\n                }\n              }`\n          : ''}\n      `}\n      placeholder={placeholder}\n      rightElement={invalid\n        ? <Tooltip2\n              position=\"right\"\n              intent=\"danger\"\n              minimal\n              content={\n                <UL css={css`margin: 0;`}>\n                  {errs.map((err, idx) => <li key={idx}>{err}</li>)}\n                </UL>\n              }>\n            <Icon\n              icon=\"warning-sign\"\n              iconSize={10}\n              intent=\"danger\"\n              css={css`margin-right: 5px; margin-bottom: 2.5px`}\n            />\n          </Tooltip2>\n        : undefined}\n      {...inputGroupProps}\n      onChange={onChange ? handleChange : undefined}\n      title={title}\n      className={className}\n      style={style}\n    />\n  )\n});\n\ninterface SelectProps extends HTMLSelectProps {}\nexport const Select: React.FC<SelectProps> =\nmemo(function ({ value, options, onChange, large, minimal, fill }) {\n  return (\n    <HTMLSelect\n      options={options}\n      onChange={onChange}\n      disabled={!onChange}\n      value={value}\n      large={large}\n      minimal={minimal}\n      fill={fill}\n      css={css`\n        margin-top: -2px;\n        & select {\n          height: 18px;\n          font-size: unset;\n        }\n        & .bp4-icon-double-caret-vertical {\n          top: 2px;\n        }\n      `}\n    />\n  )\n});\n\n\nexport default PropertyView;\n"]}

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

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { PersistentStateReducerHook } from '../../usePersistentStateReducer';
+import { type SidebarBlockConfig } from './Block';
+interface State {
+    blockState: {
+        [blockTitle: string]: boolean;
+    };
+}
+declare type Action = {
+    type: 'expand-all' | 'collapse-all' | 'reset-state';
+} | {
+    type: 'collapse-one' | 'expand-one' | 'collapse-others';
+    payload: {
+        blockKey: string;
+    };
+};
+export interface SidebarProps {
+    stateKey: string;
+    title: string | JSX.Element;
+    blocks: SidebarBlockConfig[];
+    representsSelection?: boolean;
+    className?: string;
+}
+declare function makeSidebar(persistentReducer: PersistentStateReducerHook<State, Action>): React.FC<SidebarProps>;
+export default makeSidebar;

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

@@ -0,0 +1,197 @@
+"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 = (0, _react2.memo)(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) => ({ ...prev,
+        ...curr
+      }));
+    }, [blocks]);
+    const initialState = (0, _react2.useMemo)(() => ({
+      blockState: blocks.map(b => ({
+        [b.key]: b.collapsedByDefault === true ? false : true
+      })).reduce((prev, curr) => ({ ...prev,
+        ...curr
+      }))
+    }), [blocks]);
+    const [state, dispatch, stateLoaded] = persistentReducer(stateKey, undefined, undefined, (0, _react2.useCallback)((prevState, action) => {
+      switch (action.type) {
+        case 'expand-all':
+          return {
+            blockState: blocks.map(b => ({
+              [b.key]: true
+            })).reduce((prev, curr) => ({ ...prev,
+              ...curr
+            }))
+          };
+
+        case 'collapse-all':
+          return {
+            blockState: blocks.map(b => ({
+              [b.key]: b.nonCollapsible !== true ? false : true
+            })).reduce((prev, curr) => ({ ...prev,
+              ...curr
+            }))
+          };
+
+        case 'reset-state':
+          return {
+            blockState: blocks.map(b => ({
+              [b.key]: b.collapsedByDefault === true ? false : true
+            })).reduce((prev, curr) => ({ ...prev,
+              ...curr
+            }))
+          };
+
+        case 'expand-one':
+          return {
+            blockState: { ...prevState.blockState,
+              [action.payload.blockKey]: true
+            }
+          };
+
+        case 'collapse-one':
+          return {
+            blockState: { ...prevState.blockState,
+              [action.payload.blockKey]: false
+            }
+          };
+
+        case 'collapse-others':
+          return {
+            blockState: withOtherBlocksCollapsed(action.payload.blockKey)
+          };
+
+        default:
+          throw new Error("Unexpected sidebar state");
+      }
+    }, [blocks]), initialState, 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};
+              .bp4-dark & { background: ${representsSelection ? _core.Colors.BLUE1 : _core.Colors.DARK_GRAY3}; }
+              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;
+              position: relative;
+
+              background: ${_core.Colors.LIGHT_GRAY1};
+              .bp4-dark & { background: ${_core.Colors.DARK_GRAY3}; }
+            `
+    }, 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};
+                  .bp4-dark & { color: ${_core.Colors.GRAY2}; }
+                `
+    }, "\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, { memo, useMemo, useCallback } from 'react';\nimport type { PersistentStateReducerHook } from '../../usePersistentStateReducer';\nimport SidebarBlock, { type 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  memo(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 initialState: State = useMemo(() => ({\n      blockState:\n        blocks.\n          map(b => ({ [b.key]: b.collapsedByDefault === true ? false : true })).\n          reduce((prev, curr) => ({ ...prev, ...curr })),\n    }), [blocks]);\n\n    const [ state, dispatch, stateLoaded ] = persistentReducer(\n      stateKey,\n      undefined,\n      undefined,\n      useCallback((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      }, [blocks]),\n      initialState,\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;\n              background: ${representsSelection ? Colors.BLUE2 : Colors.GRAY1};\n              .bp4-dark & { background: ${representsSelection ? Colors.BLUE1 : Colors.DARK_GRAY3}; }\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              position: relative;\n\n              background: ${Colors.LIGHT_GRAY1};\n              .bp4-dark & { background: ${Colors.DARK_GRAY3}; }\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`\n                  font-size: 40px;\n                  text-align: center;\n                  color: ${Colors.LIGHT_GRAY4};\n                  .bp4-dark & { color: ${Colors.GRAY2}; }\n                `}>— ❧ —</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,29 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { SuperSidebarConfig } from './types';
+interface SuperSidebarProps<SidebarIDs extends Readonly<string[]>> {
+    config: SuperSidebarConfig<SidebarIDs>;
+    sidebarIDs: SidebarIDs;
+    selectedSidebarID: SidebarIDs[number];
+    onSelectSidebar?: (id: SidebarIDs[number]) => void;
+    width?: number;
+    maxWidth?: number;
+    minWidth?: number;
+    /**
+     * Ran when sidebar is resized, debounced.
+     * If not provided, resizing is not possible.
+     */
+    onResize?: (width: number) => void;
+    /**
+     * Normally depends on where sidebar is positioned relative to main content.
+     * Used for resize sensor icon.
+     * If not provided, resizing is not possible.
+     */
+    resizeSensorPosition?: 'left' | 'right';
+    className?: string;
+}
+declare function SuperSidebar_<SidebarIDs extends Readonly<string[]>>({ config, resizeSensorPosition, sidebarIDs, selectedSidebarID, onSelectSidebar, width, maxWidth, minWidth, onResize, className, }: SuperSidebarProps<SidebarIDs>): jsx.JSX.Element;
+declare const SuperSidebar: React.MemoExoticComponent<typeof SuperSidebar_>;
+export default SuperSidebar;

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _reactResizable = require("react-resizable");
+
+var _core = require("@blueprintjs/core");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _context = require("../../context");
+
+var _Sidebar = _interopRequireDefault(require("../Sidebar"));
+
+var _ErrorBoundary = _interopRequireDefault(require("../ErrorBoundary"));
+
+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 DEFAULT_MIN_WIDTH = 250;
+
+function SuperSidebar_({
+  config,
+  resizeSensorPosition,
+  sidebarIDs,
+  selectedSidebarID,
+  onSelectSidebar,
+  width,
+  maxWidth,
+  minWidth,
+  onResize,
+  className
+}) {
+  var _a, _b;
+
+  const {
+    usePersistentDatasetStateReducer
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const [resizedWidthPX, setResizedWidthPX] = (0, _react.useState)(undefined); // While undefined, we fall back to sidebar width stored in settings or default value.
+
+  const effectiveSidebarWidthPX = (_b = (_a = resizedWidthPX !== null && resizedWidthPX !== void 0 ? resizedWidthPX : width) !== null && _a !== void 0 ? _a : minWidth) !== null && _b !== void 0 ? _b : DEFAULT_MIN_WIDTH; // NOTE: Width changes must be debounced to avoid excess effect runs
+
+  (0, _react.useEffect)(() => {
+    if (onResize && resizedWidthPX && resizeSensorPosition) {
+      onResize(resizedWidthPX);
+    }
+  }, [onResize, resizedWidthPX, resizeSensorPosition]);
+  const sidebarEls = (0, _react.useMemo)(() => Object.entries(config).map(([sid, sconf]) => {
+    const Sidebar = (0, _Sidebar.default)(usePersistentDatasetStateReducer);
+    return {
+      [sid]: (0, _react2.jsx)(_ErrorBoundary.default, {
+        viewName: `Sidebar ${sconf.title}`
+      }, (0, _react2.jsx)(Sidebar, {
+        css: (0, _react2.css)`z-index: 19`,
+        // NOTE: ^ z-index must be more than 20 if we want to contain Blueprint’s overlay within tab panel
+        title: sconf.title,
+        stateKey: sid,
+        blocks: sconf.blocks
+      }))
+    };
+  }).reduce((prev, curr) => ({ ...prev,
+    ...curr
+  })), [config, usePersistentDatasetStateReducer]);
+  const buttons = (0, _react.useMemo)(() => sidebarIDs.length > 1 ? (0, _react2.jsx)(_core.ButtonGroup, {
+    vertical: true
+  }, 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, [selectedSidebarID, sidebarIDs.join(','), onSelectSidebar]);
+  const currentSidebar = (0, _react.useMemo)(() => (0, _react2.jsx)(_reactResizable.Resizable, {
+    minConstraints: [minWidth !== null && minWidth !== void 0 ? minWidth : DEFAULT_MIN_WIDTH, Infinity],
+    maxConstraints: [maxWidth !== null && maxWidth !== void 0 ? maxWidth : 600, Infinity],
+    width: effectiveSidebarWidthPX,
+    className: className,
+    axis: 'x',
+    // Grid means we store nice round values and also debounce the event
+    draggableOpts: {
+      grid: [50, 50]
+    },
+    resizeHandles: onResize ? resizeSensorPosition === 'right' ? ['se'] : ['sw'] : [],
+    handle: onResize && resizeSensorPosition ? (0, _react2.jsx)("div", {
+      className: `
+                react-resizable-handle
+                react-resizable-handle-${resizeSensorPosition === 'right' ? 'se' : 'sw'}
+              `,
+      style: {
+        zIndex: 21
+      }
+    }) : undefined,
+    onResize: onResize && resizeSensorPosition ? (_, {
+      size
+    }) => setResizedWidthPX(size.width) : undefined
+  }, (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`
+          width: ${effectiveSidebarWidthPX}px;
+          position: relative;
+          & > :first-child { position: absolute; inset: 0; }
+        `
+  }, sidebarEls[selectedSidebarID])), [selectedSidebarID, effectiveSidebarWidthPX, sidebarEls, onResize, resizeSensorPosition, setResizedWidthPX, minWidth, maxWidth, DEFAULT_MIN_WIDTH, className]);
+  return (0, _react2.jsx)(_react.default.Fragment, null, currentSidebar, buttons);
+}
+
+;
+const SuperSidebar = (0, _react.memo)(SuperSidebar_);
+var _default = SuperSidebar;
+exports.default = _default;
+const StyledSidebarButton = (0, _styled.default)(_core.Button)`
+  border-radius: 0 !important;
+`;
+const SidebarButton = (0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(StyledSidebarButton, {
+    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,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,YAAY,CAAC;AACrC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAK7C,MAAM,iBAAiB,GAAG,GAAG,CAAC;AA4B9B,SAAS,aAAa,CAAyC,EAC7D,MAAM,EAAE,oBAAoB,EAAE,UAAU,EAAE,iBAAiB,EAC3D,eAAe,EACf,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EACnC,SAAS,GACqB;;IAC9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACxE,MAAM,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACtF,sFAAsF;IAEtF,MAAM,uBAAuB,GAAG,MAAA,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,KAAK,mCAAI,QAAQ,mCAAI,iBAAiB,CAAC;IAEzF,oEAAoE;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,cAAc,IAAI,oBAAoB,EAAE;YACtD,QAAQ,CAAC,cAAc,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,OAAO,CACxB,CAAC,GAAG,EAAE,CAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAA4B;QACvD,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,aAAa,IAAC,QAAQ,EAAE,WAAW,KAAK,CAAC,KAAK,EAAE;gBAC/C,IAAC,OAAO,IACN,GAAG,EAAE,GAAG,CAAA,aAAa;oBACrB,kGAAkG;oBAClG,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,GAAG,EACb,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACY;SACnB,CAAC;IACJ,CAAC,CAAC;QACF,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EACjD,CAAC,MAAM,EAAE,gCAAgC,CAAC,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAuB,OAAO,CAAC,GAAG,EAAE,CAAC,CAChD,UAAU,CAAC,MAAM,GAAG,CAAC;QACnB,CAAC,CAAC,IAAC,WAAW,IAAC,QAAQ,UAClB,UAAU,CAAC,GAAG,CAAC,CAAC,GAAuB,EAAE,EAAE;YAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YAC9B,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;QACJ,CAAC,CAAC,CACU;QAChB,CAAC,CAAC,IAAI,CACT,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IAG/D,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CACnC,IAAC,SAAS,IACN,cAAc,EAAE,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,iBAAiB,EAAE,QAAQ,CAAC,EACzD,cAAc,EAAE,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,GAAG,EAAE,QAAQ,CAAC,EAC3C,KAAK,EAAE,uBAAuB,EAC9B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,GAAG;QACR,oEAAoE;QACpE,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EACjC,aAAa,EAAE,QAAQ;YACrB,CAAC,CAAC,oBAAoB,KAAK,OAAO;gBAChC,CAAC,CAAC,CAAC,IAAI,CAAC;gBACR,CAAC,CAAC,CAAC,IAAI,CAAC;YACV,CAAC,CAAC,EAAE,EACN,MAAM,EAAE,QAAQ,IAAI,oBAAoB;YACtC,CAAC,CAAC,aACE,SAAS,EAAE;;yCAEgB,oBAAoB,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;eACxE,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GACrB;YACJ,CAAC,CAAC,SAAS,EACb,QAAQ,EAAE,QAAQ,IAAI,oBAAoB;YACxC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;YAChD,CAAC,CAAC,SAAS;QACf,aAAK,GAAG,EAAE,GAAG,CAAA;mBACA,uBAAuB;;;SAGjC,IACA,UAAU,CAAC,iBAAiB,CAAC,CAC1B,CACI,CACb,EAAE;QACD,iBAAiB;QACjB,uBAAuB;QACvB,UAAU;QACV,QAAQ;QACR,oBAAoB;QACpB,iBAAiB;QACjB,QAAQ;QACR,QAAQ;QACR,iBAAiB;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO,CACL;QACG,cAAc;QACd,OAAO,CACP,CACJ,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;AAEzC,eAAe,YAAY,CAAC;AAE5B,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEzC,CAAC;AAEF,MAAM,aAAa,GAA0B,IAAI,CAAC,UAAU,KAAK;IAC/D,OAAO,IAAC,mBAAmB,IAAC,OAAO,QAAC,KAAK,WAAK,KAAK,GAAI,CAAC;AAC1D,CAAC,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo, useState, useContext, useMemo, useEffect } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Resizable } from 'react-resizable';\nimport { Button, ButtonGroup, ButtonProps } from '@blueprintjs/core';\nimport styled from '@emotion/styled';\n\nimport { DatasetContext } from '../../context';\nimport makeSidebar from '../Sidebar';\nimport ErrorBoundary from '../ErrorBoundary';\nimport type { SuperSidebarConfig } from './types';\nimport type { Entries } from '../../util';\n\n\nconst DEFAULT_MIN_WIDTH = 250;\n\n\ninterface SuperSidebarProps<SidebarIDs extends Readonly<string[]>> {\n  config: SuperSidebarConfig<SidebarIDs>\n  sidebarIDs: SidebarIDs\n  selectedSidebarID: SidebarIDs[number]\n  onSelectSidebar?: (id: SidebarIDs[number]) => void \n\n  width?: number\n  maxWidth?: number\n  minWidth?: number\n\n  /**\n   * Ran when sidebar is resized, debounced.\n   * If not provided, resizing is not possible.\n   */\n  onResize?: (width: number) => void\n\n  /**\n   * Normally depends on where sidebar is positioned relative to main content.\n   * Used for resize sensor icon.\n   * If not provided, resizing is not possible.\n   */\n  resizeSensorPosition?: 'left' | 'right'\n\n  className?: string\n}\nfunction SuperSidebar_<SidebarIDs extends Readonly<string[]>> ({\n  config, resizeSensorPosition, sidebarIDs, selectedSidebarID,\n  onSelectSidebar,\n  width, maxWidth, minWidth, onResize,\n  className,\n}: SuperSidebarProps<SidebarIDs>) {\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n  const [ resizedWidthPX, setResizedWidthPX ] = useState<number | undefined>(undefined);\n  // While undefined, we fall back to sidebar width stored in settings or default value.\n\n  const effectiveSidebarWidthPX = resizedWidthPX ?? width ?? minWidth ?? DEFAULT_MIN_WIDTH;\n\n  // NOTE: Width changes must be debounced to avoid excess effect runs\n  useEffect(() => {\n    if (onResize && resizedWidthPX && resizeSensorPosition) {\n      onResize(resizedWidthPX);\n    }\n  }, [onResize, resizedWidthPX, resizeSensorPosition]);\n\n  const sidebarEls = useMemo(\n    (() => (Object.entries(config) as Entries<typeof config>).\n      map(([sid, sconf]) => {\n        const Sidebar = makeSidebar(usePersistentDatasetStateReducer);\n        return {\n          [sid]:\n            <ErrorBoundary viewName={`Sidebar ${sconf.title}`}>\n              <Sidebar\n                css={css`z-index: 19`}\n                // NOTE: ^ z-index must be more than 20 if we want to contain Blueprint’s overlay within tab panel\n                title={sconf.title}\n                stateKey={sid}\n                blocks={sconf.blocks}\n              />\n            </ErrorBoundary>\n        };\n      }).\n      reduce((prev, curr) => ({ ...prev, ...curr }))),\n    [config, usePersistentDatasetStateReducer]);\n\n  const buttons: JSX.Element | null = useMemo(() => (\n    sidebarIDs.length > 1\n      ? <ButtonGroup vertical>\n          {sidebarIDs.map((sid: SidebarIDs[number]) => {\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  ), [selectedSidebarID, sidebarIDs.join(','), onSelectSidebar]);\n\n\n  const currentSidebar = useMemo(() => (\n    <Resizable\n        minConstraints={[minWidth ?? DEFAULT_MIN_WIDTH, Infinity]}\n        maxConstraints={[maxWidth ?? 600, Infinity]}\n        width={effectiveSidebarWidthPX}\n        className={className}\n        axis='x'\n        // Grid means we store nice round values and also debounce the event\n        draggableOpts={{ grid: [50, 50] }}\n        resizeHandles={onResize\n          ? resizeSensorPosition === 'right'\n            ? ['se']\n            : ['sw']\n          : []}\n        handle={onResize && resizeSensorPosition\n          ? <div\n              className={`\n                react-resizable-handle\n                react-resizable-handle-${resizeSensorPosition === 'right' ? 'se' : 'sw'}\n              `}\n              style={{ zIndex: 21 }}\n            />\n          : undefined}\n        onResize={onResize && resizeSensorPosition\n          ? (_, { size }) => setResizedWidthPX(size.width)\n          : undefined}>\n      <div css={css`\n          width: ${effectiveSidebarWidthPX}px;\n          position: relative;\n          & > :first-child { position: absolute; inset: 0; }\n        `}>\n        {sidebarEls[selectedSidebarID]}\n      </div>\n    </Resizable>\n  ), [\n    selectedSidebarID,\n    effectiveSidebarWidthPX,\n    sidebarEls,\n    onResize,\n    resizeSensorPosition,\n    setResizedWidthPX,\n    minWidth,\n    maxWidth,\n    DEFAULT_MIN_WIDTH,\n    className,\n  ]);\n\n  return (\n    <>\n      {currentSidebar}\n      {buttons}\n    </>\n  );\n};\n\nconst SuperSidebar = memo(SuperSidebar_);\n\nexport default SuperSidebar;\n\nconst StyledSidebarButton = styled(Button)`\n  border-radius: 0 !important;\n`;\n\nconst SidebarButton: React.FC<ButtonProps> = memo(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 SPECIAL_TAB_IDX: Record<'new', number>;
+export declare const TabbedWorkspaceContext: React.Context<TabbedWorkspaceContextSpec<any, any>>;
+export declare function makeContextProvider<Proto extends string, SidebarIDs extends Readonly<string[]> = []>(initialSidebarID: SidebarIDs['length'] extends 0 ? undefined : SidebarIDs[number], sidebarIDs: SidebarIDs, protocolConfiguration: ProtocolRegistry<Proto>): React.FC<TabbedWorkspaceContextProviderProps>;
+export interface TabbedWorkspaceContextProviderProps {
+    stateKey: string;
+    onFocusedTabChange?: (newFocusedTabURI: string | undefined) => void;
+}