@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

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, { memo, useContext, useCallback, 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 as BaseTabs, type IconName } from '@blueprintjs/core';\n\nimport Workspace, { type WorkspaceProps } from '../Workspace';\nimport type { SuperSidebarConfig } from './types';\nimport { SPECIAL_TAB_IDX, TabbedWorkspaceContext } from './context';\nimport { DetailTab, DetailTabTitle } from './detail';\nimport SuperSidebar from './SuperSidebar';\n\n\nconst DEFAULT_TAB_TITLE = '(unnamed tab)';\n\n\n/**\n * Wraps Workspace, adding tabbed GUI features.\n * Use inside TabbedWorkspaceContextProvider.\n */\nexport interface TabbedWorkspaceProps<SidebarIDs extends Readonly<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: SidebarIDs['length'] extends 0\n    ? undefined\n    : SuperSidebarConfig<SidebarIDs>\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: SidebarIDs\n\n  /**\n   * @deprecated use `defaultTabPrompt`\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  /**\n   * View shown by default when there are no tabs\n   * or when explicitly navigated to by the user.\n   *\n   * If not provided, some tab must be spawned programmatically\n   * or user will see nothing.\n   */\n  defaultTab?: {\n    panel: JSX.Element\n    title?: JSX.Element | string\n    icon?: IconName\n  }\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  sidebarWidth?: number\n\n  sidebarPosition?: WorkspaceProps['sidebarPosition']\n\n  /** If not provided, sidebar cannot be resized. */\n  onSidebarResize?: (newWidth: number) => void\n\n  className?: string\n}\n\nconst TabbedWorkspace = memo(TabbedWorkspace_);\n\nfunction TabbedWorkspace_<SidebarIDs extends Readonly<string[]> = []> ({\n  sidebarConfig,\n  sidebarIDs,\n  newTabPrompt: defaultTabLegacy,\n  defaultTab,\n  globalMode,\n  statusBar,\n\n  sidebarWidth,\n  sidebarPosition,\n  onSidebarResize,\n\n  className,\n}: TabbedWorkspaceProps<SidebarIDs>) {\n  const { state, dispatch, protocolConfiguration, focusedTabURI } = useContext(TabbedWorkspaceContext);\n  const focusedTabRef = useRef<HTMLDivElement>(null);\n  const [title, setTitle] = useState<string>(DEFAULT_TAB_TITLE);\n  const paneHasTitle = title !== DEFAULT_TAB_TITLE;\n\n  useEffect(() => {\n    let cancelled = false;\n    if (!focusedTabURI) {\n      setTitle(DEFAULT_TAB_TITLE);\n      return;\n    }\n    (async () => {\n      if (focusedTabURI) {\n        const [proto, path] = focusedTabURI.split(':');\n        const title = await protocolConfiguration[proto]?.plainTitle?.(path);\n\n        if (cancelled) { return; }\n\n        if (title) {\n          setTitle(title);\n        } else {\n          setTitle(DEFAULT_TAB_TITLE);\n        }\n      }\n    })();\n\n    return function cleanUp() { cancelled = true; }\n  }, [focusedTabURI]);\n\n  useEffect(() => {\n    if (state.focusedTabIdx >= 0) {\n      focusedTabRef.current?.scrollIntoView();\n    }\n  }, [state.focusedTabIdx]);\n\n  const sidebar = useMemo(() => {\n    if (sidebarIDs.length > 0 && sidebarConfig !== undefined) {\n      return <SuperSidebar\n        config={sidebarConfig as SuperSidebarConfig<SidebarIDs>}\n        sidebarIDs={sidebarIDs}\n        width={sidebarWidth}\n        onResize={onSidebarResize}\n        resizeSensorPosition={\n          //Resize sensor is on the side where main content is,\n          //i.e. opposite of where sidebar is relative to main content.\n          sidebarPosition === 'left' ? 'right' : 'left'}\n        minWidth={250}\n        maxWidth={600}\n        selectedSidebarID={state.selectedSidebarID ?? sidebarIDs[0]}\n        onSelectSidebar={sidebarIDs.length > 1\n          ? id => dispatch({ type: 'focus-sidebar', payload: { id } })\n          : undefined}\n      />\n    } else {\n      return undefined;\n    }\n  }, [\n    sidebarIDs.length > 0,\n    sidebarIDs.toString(),\n    state.selectedSidebarID,\n    dispatch,\n    sidebarWidth,\n    onSidebarResize,\n    sidebarPosition,\n    sidebarConfig,\n  ]);\n\n  const tabPanes: Map<string, [JSX.Element, JSX.Element]> = useMemo(() => {\n    return (state.detailTabURIs ?? []).\n      map(uri => [\n        uri,\n        [<DetailTab uri={uri} />, <DetailTabTitle uri={uri} />],\n      ] as [string, [JSX.Element, JSX.Element]]).\n      reduce(\n        ((prev, curr) => prev.set(curr[0], curr[1])),\n        new Map() as Map<string, [JSX.Element, JSX.Element]>,\n      );\n  }, [(state.detailTabURIs ?? []).slice().sort().toString()]);\n\n  const tabTitles: Map<string, JSX.Element> = useMemo(() => {\n    return (state.detailTabURIs ?? []).\n      map((uri, idx) => [\n        uri,\n        <div\n            css={css`height: 24px;`}\n            ref={idx === state.focusedTabIdx ? focusedTabRef : undefined}>\n          <TabTitleButton\n              interactive={idx !== state.focusedTabIdx}\n              minimal={idx !== state.focusedTabIdx}\n              title={uri}\n              onRemove={(evt: React.MouseEvent) => {\n                dispatch({ type: 'close-tab', payload: { idx }});\n                evt.stopPropagation();\n              }}>\n            {tabPanes.get(uri)?.[1] ?? DEFAULT_TAB_TITLE}\n          </TabTitleButton>\n        </div>,\n      ] as [string, JSX.Element]).\n      reduce(\n        ((prev, curr) => prev.set(curr[0], curr[1])),\n        new Map() as Map<string, JSX.Element>,\n      );\n  }, [state.focusedTabIdx, tabPanes, dispatch, focusedTabRef.current]);\n\n  const homeTab = useMemo(() => ((defaultTab || defaultTabLegacy)\n    ? <Tab\n          id={SPECIAL_TAB_IDX.new}\n          title={\n            <TabTitleButton\n                minimal={state.focusedTabIdx !== SPECIAL_TAB_IDX.new}\n                icon={defaultTab?.icon ?? 'home'}>\n              {defaultTab?.title ?? \"Home\"}\n            </TabTitleButton>\n          }\n          panel={defaultTab?.panel ?? defaultTabLegacy}\n        />\n    : null\n  ), [state.focusedTabIdx === SPECIAL_TAB_IDX.new, defaultTab, defaultTabLegacy]);\n\n  const handleSelectedTabChange = useCallback((idx: number, oldIdx: number) => dispatch({\n    type: 'focus-tab',\n    payload: { idx },\n  }), [dispatch]);\n\n  return (\n    <Workspace\n        sidebar={sidebar}\n        sidebarPosition={sidebarPosition}\n        globalMode={globalMode}\n        statusBar={statusBar}\n        className={className}>\n      <Tabs\n          id=\"detailTabs\"\n          renderActiveTabPanelOnly\n          selectedTabId={state.focusedTabIdx}\n          onChange={handleSelectedTabChange}>\n\n        {paneHasTitle\n          ? <Helmet>\n              <title>{title}</title>\n            </Helmet>\n          : null}\n\n        {homeTab}\n\n        {(state.detailTabURIs ?? []).map((uri, idx) =>\n          <Tab\n            id={idx}\n            key={uri}\n            panel={tabPanes.get(uri)?.[0]}\n            title={tabTitles.get(uri)}\n          />\n        )}\n      </Tabs>\n    </Workspace>\n  );\n};\n\n\nconst Tabs = styled(BaseTabs)`\n  background: ${Colors.LIGHT_GRAY2};\n  .bp4-dark & { background: ${Colors.GRAY1}; }\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    .bp4-dark & { background: ${Colors.DARK_GRAY3}; }\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\n  .bp4-tab-indicator { display: none; }\n\n  /* Tab header. */\n  .bp4-tab {\n    line-height: unset;\n    position: unset;\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 400px;\n\n    &.pinned-tab {\n      position: sticky;\n      left: 0;\n      z-index: 1;\n      box-shadow: 0 0 0 1px rgb(17 20 24 / 10%), 0 1px 1px rgb(17 20 24 / 20%), 0 2px 6px rgb(17 20 24 / 20%) !important;\n      background-color: ${Colors.LIGHT_GRAY3} !important;\n      .bp4-dark & { background: ${Colors.DARK_GRAY3} !important; }\n    }\n  }\n\n  /* Tab contents. */\n  .bp4-tab-panel {\n    flex: 1;\n    margin: 0;\n    padding: 5px;\n    position: relative;\n    background: ${Colors.LIGHT_GRAY3};\n    .bp4-dark & { background: ${Colors.DARK_GRAY3}; }\n  }\n`;\n\n\n// NOTE: Minimal is set when it’s *not* selected\nconst TabTitleButton = styled(Tag)`\n  border-radius: 0;\n  height: 24px;\n  padding: 0 8px;\n  box-shadow: unset;\n\n  color: ${({ minimal }) => minimal ? Colors.WHITE : Colors.BLACK} !important;\n  ${({ minimal }) => minimal ? '' : `background: ${Colors.LIGHT_GRAY3}`} !important;\n  /* NOTE: Selected item’s background must sync with tab-panel background. */\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  .bp4-dark & {\n    color: ${({ minimal }) => minimal ? Colors.LIGHT_GRAY2 : Colors.WHITE} !important;\n    ${({ minimal }) => minimal ? '' : `background: ${Colors.DARK_GRAY3}`} !important;\n\n    .bp4-tag-remove {\n      color: ${({ minimal }) => minimal ? Colors.LIGHT_GRAY2 : Colors.WHITE} !important;\n    }\n  }\n`;\n\n\nexport default TabbedWorkspace;\n"]}

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

@@ -0,0 +1,102 @@
+import type React from 'react';
+import type { SidebarBlockConfig } from '../Sidebar/Block';
+export declare type URIDetailView = React.VoidFunctionComponent<{
+    uri: string;
+}>;
+export interface ProtocolConfig {
+    main: URIDetailView;
+    title: URIDetailView;
+    /**
+     * Provides plain-text title.
+     *
+     * @deprecated do not use.
+     * For window titles, put <Helmet> within relevant tab component.
+     */
+    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<SidebarIDs extends Readonly<string[]>> = {
+    [sidebarID in SidebarIDs[number]]: 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;
+    /** Open a new tab with specified URI next to the focused one. */
+    spawnTab: (uri: string, opts?: {
+        atIdx?: number;
+    }) => void;
+    /** Despawns tab with given URI. */
+    closeTabWithURI: (uri: string) => void;
+    protocolConfiguration: ProtocolRegistry<Proto>;
+    state: State<SidebarID>;
+    dispatch: React.Dispatch<Action<SidebarID>>;
+};
+/** Current state of tabs and sidebars in the workspace. */
+export interface State<SidebarID extends string> {
+    /**
+     * Tabs, according to the order
+     * (would be left-to-right in LTR, currently the only direction supported).
+     */
+    detailTabURIs: Readonly<string[]>;
+    /** Selected tab index in `detailTabURIs`. */
+    focusedTabIdx: number;
+    /**
+     * Selected sidebar ID
+     * (see `TabbedWorkspaceProps['sidebarConfig']`, sidebar configuration
+     * is not part of state (though maybe it should be?)).
+     */
+    selectedSidebarID?: SidebarID;
+}
+export declare type Action<SidebarID extends string> = {
+    type: 'spawn-tab';
+    payload: {
+        /**
+         * If specified, tab will be spawned at this index.
+         * Every tab at index >= atIdx will be shifted to the right,
+         * increasing index by 1.
+         */
+        atIdx?: number;
+        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: 'close-tab-with-uri';
+    payload: {
+        uri: string;
+    };
+} | {
+    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 type { SidebarBlockConfig } from '../Sidebar/Block';\n\n\n// Detail view protocols\n\nexport type URIDetailView = React.VoidFunctionComponent<{ uri: string }>;\n\nexport interface ProtocolConfig {\n  main: URIDetailView\n  title: URIDetailView\n\n  /**\n   * Provides plain-text title.\n   *\n   * @deprecated do not use.\n   * For window titles, put <Helmet> within relevant tab component.\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<SidebarIDs extends Readonly<string[]>> =\n  { [sidebarID in SidebarIDs[number]]: SidebarConfig };\n  // Would be nice to disallow empty list, but this causes problems:\n  // SidebarIDs['length'] extends 0\n  //   ? never\n  //   : { [sidebarID in SidebarIDs[number]]: 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  /** Open a new tab with specified URI next to the focused one. */\n  spawnTab: (uri: string, opts?: { atIdx?: number }) => void\n\n  /** Despawns tab with given URI. */\n  closeTabWithURI: (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\n/** Current state of tabs and sidebars in the workspace. */\nexport interface State<SidebarID extends string> {\n  /**\n   * Tabs, according to the order\n   * (would be left-to-right in LTR, currently the only direction supported).\n   */\n  detailTabURIs: Readonly<string[]>\n\n  /** Selected tab index in `detailTabURIs`. */\n  focusedTabIdx: number\n\n  /**\n   * Selected sidebar ID\n   * (see `TabbedWorkspaceProps['sidebarConfig']`, sidebar configuration\n   * is not part of state (though maybe it should be?)).\n   */\n  selectedSidebarID?: SidebarID\n}\n\nexport type Action<SidebarID extends string> =\n  | {\n      type: 'spawn-tab';\n      payload: {\n        /**\n         * If specified, tab will be spawned at this index.\n         * Every tab at index >= atIdx will be shifted to the right,\n         * increasing index by 1.\n         */\n        atIdx?: number\n        uri: string\n      }\n    }\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: 'close-tab-with-uri'; payload: { uri: string } }\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,40 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type TagProps } from '@blueprintjs/core';
+/**
+ * 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;
+    sidebarPosition?: 'left' | 'right';
+    /** Global mode bar. Use sparingly. */
+    globalMode?: {
+        content: JSX.Element;
+        intent?: TagProps["intent"];
+        icon?: TagProps["icon"];
+        minimal?: TagProps["minimal"];
+        style?: React.CSSProperties;
+        action?: JSX.Element;
+        onClick?: () => void;
+    };
+    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,96 @@
+"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");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Workspace = (0, _react2.memo)(function ({
+  globalMode,
+  toolbar,
+  sidebar,
+  sidebarPosition,
+  statusBar,
+  className,
+  style,
+  children
+}) {
+  var _a;
+
+  return (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+          display: flex;
+          flex-flow: column nowrap;
+          overflow: hidden;
+          background: ${_core.Colors.LIGHT_GRAY2};
+          .bp4-dark & { background: ${_core.Colors.DARK_GRAY2}; color: ${_core.Colors.LIGHT_GRAY4}; }
+          /*margin-top: ${globalMode ? '0' : '-20px'};*/
+          margin-top: 0;
+        `,
+    className: className,
+    style: style
+  }, globalMode ? (0, _react.jsx)(Bar, {
+    css: (0, _react.css)`
+                position: relative;
+                opacity: ${globalMode ? '1' : '0'};
+                transition: opacity .8s;
+              `,
+    interactive: globalMode.onClick !== undefined,
+    onClick: globalMode.onClick,
+    icon: globalMode.icon,
+    style: globalMode.style,
+    minimal: globalMode.minimal,
+    rightIcon: globalMode.action,
+    intent: globalMode.intent
+  }, globalMode.content || ' ') : null, (0, _react.jsx)("div", {
+    css: (0, _react.css)`flex: 1; display: flex; flex-flow: ${sidebarPosition === 'left' ? 'row-reverse' : 'row'} nowrap; overflow: hidden;`
+  }, (0, _react.jsx)("div", {
+    css: (0, _react.css)`flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`
+  }, toolbar ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+                    display: flex; flex-flow: row nowrap; align-items: center;
+                    background: ${_core.Colors.LIGHT_GRAY3};
+                    .bp4-dark & { background: ${_core.Colors.GRAY3}; color: ${_core.Colors.LIGHT_GRAY4}; }
+                    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};
+              .bp4-dark & {
+                background: ${_core.Colors.DARK_GRAY1};
+                color: ${_core.Colors.LIGHT_GRAY2};
+              }
+          `
+  }, (_a = statusBar.content) !== null && _a !== void 0 ? _a : 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,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAkCxE,MAAM,SAAS,GAA6B,IAAI,CAAC,UAAU,EACzD,UAAU,EACV,OAAO,EACP,OAAO,EACP,eAAe,EACf,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,GACT;;IACC,OAAO,CACL,aACI,GAAG,EAAE,GAAG,CAAA;;;;wBAIQ,MAAM,CAAC,WAAW;sCACJ,MAAM,CAAC,UAAU,YAAY,MAAM,CAAC,WAAW;0BAC3D,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;;SAE3C,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QACb,UAAU;YACT,CAAC,CAAC,IAAC,GAAG,IACA,GAAG,EAAE,GAAG,CAAA;;2BAEK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;eAElC,EACD,WAAW,EAAE,UAAU,CAAC,OAAO,KAAK,SAAS,EAC7C,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,MAAM,EAC5B,MAAM,EAAE,UAAU,CAAC,MAAM,IAC1B,UAAU,CAAC,OAAO,IAAI,GAAG,CACtB;YACR,CAAC,CAAC,IAAI;QACR,aAAK,GAAG,EAAE,GAAG,CAAA,sCAAsC,eAAe,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,4BAA4B;YAC/H,aAAK,GAAG,EAAE,GAAG,CAAA,qEAAqE;gBAE/E,OAAO;oBACN,CAAC,CAAC,aACI,GAAG,EAAE,GAAG,CAAA;;kCAEQ,MAAM,CAAC,WAAW;gDACJ,MAAM,CAAC,KAAK,YAAY,MAAM,CAAC,WAAW;;;;mBAIvE,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,IACF,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,GAAG,EAAE,GAAG,CAAA;;;;4BAIQ,MAAM,CAAC,WAAW;uBACvB,MAAM,CAAC,KAAK;;8BAEL,MAAM,CAAC,UAAU;yBACtB,MAAM,CAAC,WAAW;;WAEhC,IACE,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,CAAC,CAAA;AAEF,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, { memo } from 'react';\nimport { Classes, Colors, type TagProps, Tag } from '@blueprintjs/core';\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  sidebarPosition?: 'left' | 'right'\n\n  /** Global mode bar. Use sparingly. */\n  globalMode?: {\n    content: JSX.Element\n    intent?: TagProps[\"intent\"]\n    icon?: TagProps[\"icon\"]\n    minimal?: TagProps[\"minimal\"]\n    style?: React.CSSProperties\n    action?: JSX.Element\n    onClick?: () => void\n  }\n\n  // These may be obsolete.\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> = memo(function ({\n  globalMode,\n  toolbar,\n  sidebar,\n  sidebarPosition,\n  statusBar,\n  className,\n  style,\n  children,\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          .bp4-dark & { background: ${Colors.DARK_GRAY2}; color: ${Colors.LIGHT_GRAY4}; }\n          /*margin-top: ${globalMode ? '0' : '-20px'};*/\n          margin-top: 0;\n        `}\n        className={className}\n        style={style}>\n      {globalMode\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              style={globalMode.style}\n              minimal={globalMode.minimal}\n              rightIcon={globalMode.action}\n              intent={globalMode.intent}>\n            {globalMode.content || ' '}\n          </Bar>\n        : null}\n      <div css={css`flex: 1; display: flex; flex-flow: ${sidebarPosition === 'left' ? 'row-reverse' : 'row'} nowrap; overflow: hidden;`}>\n        <div css={css`flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`}>\n\n          {toolbar\n            ? <div\n                  css={css`\n                    display: flex; flex-flow: row nowrap; align-items: center;\n                    background: ${Colors.LIGHT_GRAY3};\n                    .bp4-dark & { background: ${Colors.GRAY3}; color: ${Colors.LIGHT_GRAY4}; }\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\n            className={Classes.ELEVATION_2}\n            css={css`\n              display: flex;\n              flex-flow: row nowrap;\n              align-items: stretch;\n              background: ${Colors.LIGHT_GRAY1};\n              color: ${Colors.GRAY2};\n              .bp4-dark & {\n                background: ${Colors.DARK_GRAY1};\n                color: ${Colors.LIGHT_GRAY2};\n              }\n          `}>\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,60 @@
+"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)`
+          width: 100%;
+          border-style: solid;
+          border-color: ${_core.Colors.LIGHT_GRAY4};
+          .bp4-dark & {
+            border-color: ${_core.Colors.DARK_GRAY4};
+          }
+        `,
+    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;;;0BAGU,MAAM,CAAC,WAAW;;4BAEhB,MAAM,CAAC,UAAU;;SAEpC,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          width: 100%;\n          border-style: solid;\n          border-color: ${Colors.LIGHT_GRAY4};\n          .bp4-dark & {\n            border-color: ${Colors.DARK_GRAY4};\n          }\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>>;

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

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Panel = exports.PanelContext = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+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 PanelContext = _react2.default.createContext({
+  state: {},
+  setState: () => {}
+});
+
+exports.PanelContext = PanelContext;
+
+const Panel = _react2.default.forwardRef(function Panel({
+  contentsRef,
+  className,
+  collapsedClassName,
+  titleBarClassName,
+  contentsClassName,
+  title,
+  TitleComponent,
+  TitleComponentSecondary,
+  iconCollapsed,
+  iconExpanded,
+  isCollapsible,
+  isCollapsedByDefault,
+  children
+}, wrapperRef) {
+  const [isCollapsed, setCollapsedState] = (0, _react2.useState)(isCollapsedByDefault || false);
+  const [panelState, setPanelState] = (0, _react2.useState)({});
+
+  function onCollapse() {
+    setCollapsedState(true);
+  }
+
+  function onExpand() {
+    setCollapsedState(false);
+  }
+
+  const _contentsRef = (0, _react2.useRef)(null);
+
+  (0, _react2.useEffect)(() => {
+    if (contentsRef && _contentsRef.current) {
+      contentsRef(_contentsRef.current);
+    }
+  });
+  const toggleIcon = isCollapsed ? iconCollapsed || 'caret-right' : iconExpanded || 'caret-down';
+  return (0, _react.jsx)("div", {
+    ref: wrapperRef,
+    css: (0, _react.css)`
+          display: flex;
+          flex-flow: column nowrap;
+          overflow: hidden;
+          min-height: ${titleBarHeight};
+
+          .bp4-form-group {
+            padding: 0 .25rem;
+            padding-bottom: .25rem;
+            margin-bottom: 0;
+
+            &:first-child {
+              padding-top: .25rem;
+            }
+
+            .bp4-label {
+              margin-bottom: 0;
+            }
+
+            &.bp4-inline {
+              padding-right: .5rem;
+            }
+          }
+
+          ${!isCollapsed ? (0, _react.css)`
+              min-height: $titleBarHeight * 2;
+            ` : ''}
+        `,
+    className: `
+          ${_core.Classes.ELEVATION_1}
+          ${className || ''}
+          ${isCollapsible && isCollapsed ? collapsedClassName : ''}
+        `
+  }, (0, _react.jsx)(PanelContext.Provider, {
+    value: {
+      state: panelState,
+      setState: setPanelState
+    }
+  }, title || TitleComponent || isCollapsible ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+                  transition: background-color ${transition1};
+                  background: ${_core.Colors.LIGHT_GRAY3};
+                  text-transform: uppercase;
+                  font-size: 80%;
+                  font-weight: bold;
+                  letter-spacing: -.01em;
+                  color: $pt-text-color-muted;
+
+                  height: ${titleBarHeight};
+                  flex-shrink: 0;
+
+                  padding-left: ${gridSize / 2}px;
+                  padding-right: ${gridSize / 2}px;
+
+                  display: flex;
+                  flex-flow: row nowrap;
+                  align-items: center;
+
+                  ${isCollapsible ? (0, _react.css)`
+                        .trigger-icon {
+                          transition: opacity $transition1;
+                          opacity: .5;
+                        }
+
+                        &:hover {
+                          background-color: ${_core.Colors.LIGHT_GRAY2};
+                          box-shadow: $pt-elevation-shadow-1;
+
+                          .trigger-icon {
+                            opacity: 1;
+                          }
+                        }
+                        ` : ''}
+                  }
+                `,
+    className: titleBarClassName,
+    onClick: isCollapsible === true && isCollapsed === false ? onCollapse : onExpand
+  }, isCollapsible ? (0, _react.jsx)(_core.Icon, {
+    className: "trigger-icon",
+    icon: isCollapsible ? toggleIcon : 'blank'
+  }) : null, title || TitleComponent ? (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("span", {
+    css: (0, _react.css)`flex: 1; margin-left: ${gridSize / 2}px;`
+  }, TitleComponent ? (0, _react.jsx)(TitleComponent, {
+    isCollapsed: isCollapsed
+  }) : title), (0, _react.jsx)("span", null, TitleComponentSecondary ? (0, _react.jsx)(TitleComponentSecondary, {
+    isCollapsed: isCollapsed
+  }) : null)) : null) : null, isCollapsible && isCollapsed ? null : (0, _react.jsx)("div", {
+    ref: _contentsRef,
+    css: (0, _react.css)`
+                  overflow-y: auto;
+                  overflow-x: hidden;
+                  padding: .25rem;
+                  background: ${_core.Colors.LIGHT_GRAY3};
+
+                  ${isCollapsible && isCollapsed ? (0, _react.css)`
+                        display: none;
+                      ` : ''}
+                `,
+    className: contentsClassName
+  }, children)));
+});
+
+exports.Panel = Panel;
+const transition1 = `.2s linear`;
+const titleBarHeight = `1.5rem`;
+const gridSize = 20;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/panels/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useState, useEffect, useRef } from 'react';\nimport { IconName } from '@blueprintjs/icons';\nimport { Classes, Colors, Icon } from '@blueprintjs/core';\n\n\nexport const PanelContext =\n  React.createContext<{ state: any, setState: (opts: any) => void }>\n  ({ state: {}, setState: () => {} });\n\n\nexport interface PanelProps {\n  contentsRef?: (el: HTMLDivElement) => void,\n\n  title?: string\n  TitleComponent?: React.FC<{ isCollapsed?: boolean }>\n  TitleComponentSecondary?: React.FC<{ isCollapsed?: boolean }>\n\n  children: React.ReactNode\n\n  isCollapsible?: true\n  isCollapsedByDefault?: true\n\n  className?: string\n  collapsedClassName?: string\n  titleBarClassName?: string\n  contentsClassName?: string\n\n  iconCollapsed?: IconName\n  iconExpanded?: IconName\n}\nexport const Panel = React.forwardRef<HTMLDivElement, PanelProps>(function Panel({\n    contentsRef,\n    className, collapsedClassName,\n    titleBarClassName,\n    contentsClassName,\n\n    title, TitleComponent, TitleComponentSecondary,\n    iconCollapsed, iconExpanded,\n    isCollapsible, isCollapsedByDefault,\n    children }, wrapperRef) {\n\n  const [isCollapsed, setCollapsedState] =\n    useState<boolean>(isCollapsedByDefault || false);\n\n  const [panelState, setPanelState] = useState<object>({});\n\n  function onCollapse() {\n    setCollapsedState(true);\n  }\n  function onExpand() {\n    setCollapsedState(false);\n  }\n\n  const _contentsRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (contentsRef && _contentsRef.current) {\n      contentsRef(_contentsRef.current);\n    }\n  });\n\n  const toggleIcon: IconName = isCollapsed\n    ? (iconCollapsed || 'caret-right')\n    : (iconExpanded || 'caret-down');\n\n  return (\n    <div\n        ref={wrapperRef}\n        css={css`\n          display: flex;\n          flex-flow: column nowrap;\n          overflow: hidden;\n          min-height: ${titleBarHeight};\n\n          .bp4-form-group {\n            padding: 0 .25rem;\n            padding-bottom: .25rem;\n            margin-bottom: 0;\n\n            &:first-child {\n              padding-top: .25rem;\n            }\n\n            .bp4-label {\n              margin-bottom: 0;\n            }\n\n            &.bp4-inline {\n              padding-right: .5rem;\n            }\n          }\n\n          ${!isCollapsed\n            ? css`\n              min-height: $titleBarHeight * 2;\n            `\n            : ''}\n        `}\n\n        className={`\n          ${Classes.ELEVATION_1}\n          ${className || ''}\n          ${isCollapsible && isCollapsed ? collapsedClassName : ''}\n        `}>\n\n      <PanelContext.Provider value={{\n          state: panelState,\n          setState: setPanelState,\n        }}>\n\n        {title || TitleComponent || isCollapsible\n          ? <div\n                css={css`\n                  transition: background-color ${transition1};\n                  background: ${Colors.LIGHT_GRAY3};\n                  text-transform: uppercase;\n                  font-size: 80%;\n                  font-weight: bold;\n                  letter-spacing: -.01em;\n                  color: $pt-text-color-muted;\n\n                  height: ${titleBarHeight};\n                  flex-shrink: 0;\n\n                  padding-left: ${gridSize / 2}px;\n                  padding-right: ${gridSize / 2}px;\n\n                  display: flex;\n                  flex-flow: row nowrap;\n                  align-items: center;\n\n                  ${isCollapsible\n                    ? css`\n                        .trigger-icon {\n                          transition: opacity $transition1;\n                          opacity: .5;\n                        }\n\n                        &:hover {\n                          background-color: ${Colors.LIGHT_GRAY2};\n                          box-shadow: $pt-elevation-shadow-1;\n\n                          .trigger-icon {\n                            opacity: 1;\n                          }\n                        }\n                        `\n                    : ''}\n                  }\n                `}\n                className={titleBarClassName}\n                onClick={(isCollapsible === true && isCollapsed === false)\n                  ? onCollapse\n                  : onExpand}>\n\n              {isCollapsible\n                ? <Icon\n                    className=\"trigger-icon\"\n                    icon={isCollapsible ? toggleIcon : 'blank'}\n                  />\n                : null}\n\n              {title || TitleComponent\n                ? <>\n                    <span css={css`flex: 1; margin-left: ${gridSize / 2}px;`}>\n                      {TitleComponent\n                        ? <TitleComponent isCollapsed={isCollapsed} />\n                        : title}\n                    </span>\n                    <span>\n                      {TitleComponentSecondary\n                        ? <TitleComponentSecondary isCollapsed={isCollapsed} />\n                        : null}\n                    </span>\n                  </>\n                : null}\n            </div>\n          : null}\n\n        {isCollapsible && isCollapsed\n          ? null\n          : <div\n                ref={_contentsRef}\n                css={css`\n                  overflow-y: auto;\n                  overflow-x: hidden;\n                  padding: .25rem;\n                  background: ${Colors.LIGHT_GRAY3};\n\n                  ${isCollapsible && isCollapsed\n                    ? css`\n                        display: none;\n                      `\n                    : ''}\n                `}\n                className={contentsClassName}>\n              {children}\n            </div>}\n\n      </PanelContext.Provider>\n    </div>\n  );\n});\n\n\nconst transition1 = `.2s linear`;\nconst titleBarHeight = `1.5rem`;\nconst gridSize = 20;\n"]}

package/dist/common.d.ts

@@ -0,0 +1 @@
+export declare const REGISTER_METADATA_FILENAME = "/register.yaml";

package/dist/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,gBAAgB,CAAC","sourcesContent":["export const REGISTER_METADATA_FILENAME = '/register.yaml';\n"]}