@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ItemCount = void 0;
+
+var _core = require("@blueprintjs/core");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ICON_PROPS = {
+  iconSize: 10
+};
+const SPINNER_PROPS = {
+  size: 10
+};
+
+const ItemCount = function ({
+  progress,
+  onRefresh,
+  descriptiveName,
+  totalCount,
+  className
+}) {
+  var _a, _b;
+
+  let statusIcon;
+
+  if (progress) {
+    if (progress.loaded || progress.total) {
+      const progressValue = Math.floor(100 / (progress.total || 100) * (progress.loaded || 0.5)) / 100;
+      statusIcon = (0, _react.jsx)(_core.Spinner, { ...SPINNER_PROPS,
+        value: progressValue
+      });
+    } else {
+      statusIcon = (0, _react.jsx)(_core.Spinner, { ...SPINNER_PROPS
+      });
+    }
+  } else if (onRefresh) {
+    statusIcon = (0, _react.jsx)(_core.Icon, { ...ICON_PROPS,
+      icon: "refresh",
+      onClick: onRefresh,
+      title: "Click to refresh"
+    });
+  } else {
+    statusIcon = (0, _react.jsx)(_core.Icon, { ...ICON_PROPS,
+      icon: "symbol-circle"
+    });
+  }
+
+  let progressDescription;
+
+  if (progress) {
+    progressDescription = (0, _react.jsx)(_react2.default.Fragment, null, progress.phase, progress.loaded || progress.total ? (0, _react.jsx)("span", null, ": ", (0, _react.jsx)("code", null, (_a = progress.loaded) !== null && _a !== void 0 ? _a : '?'), " of ", (0, _react.jsx)("code", null, (_b = progress.total) !== null && _b !== void 0 ? _b : '?'), "\u2026") : (0, _react.jsx)(_react2.default.Fragment, null, "\u2026"));
+  } else {
+    progressDescription = null;
+  }
+
+  return (0, _react.jsx)("div", {
+    css: (0, _react.css)`display: flex; flex-flow: row nowrap; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`,
+    className: className
+  }, (0, _react.jsx)("div", {
+    css: (0, _react.css)`margin-right: .5rem;`
+  }, statusIcon), (0, _react.jsx)("div", null, "Showing ", totalCount, " ", descriptiveName ? descriptiveName.plural : 'items'), progressDescription ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`text-transform: capitalize`
+  }, ". ", progressDescription) : null);
+};
+
+exports.ItemCount = ItemCount;
+var _default = ItemCount;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCount.js","sourceRoot":"","sources":["../../src/widgets/ItemCount.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,EAAE;CACT,CAAC;AAUF,MAAM,CAAC,MAAM,SAAS,GACtB,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE;;IAEvE,IAAI,UAAuB,CAAC;IAC5B,IAAI,QAAQ,EAAE;QACZ,IAAI,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,EAAE;YACrC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;YACjG,UAAU,GAAG,IAAC,OAAO,OAAK,aAAa,EAAE,KAAK,EAAE,aAAa,GAAI,CAAC;SACnE;aAAM;YACL,UAAU,GAAG,IAAC,OAAO,OAAK,aAAa,GAAI,CAAC;SAC7C;KACF;SAAM,IAAI,SAAS,EAAE;QACpB,UAAU,GAAG,IAAC,IAAI,OAAK,UAAU,EAAE,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,kBAAkB,GAAG,CAAC;KACnG;SAAM;QACL,UAAU,GAAG,IAAC,IAAI,OAAK,UAAU,EAAE,IAAI,EAAC,eAAe,GAAG,CAAC;KAC5D;IAED,IAAI,mBAAuC,CAAC;IAC5C,IAAI,QAAQ,EAAE;QACZ,mBAAmB,GAAG;YACnB,QAAQ,CAAC,KAAK;YACd,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK;gBAChC,CAAC,CAAC;;oBAAQ,kBAAO,MAAA,QAAQ,CAAC,MAAM,mCAAI,GAAG,CAAQ;;oBAAI,kBAAO,MAAA,QAAQ,CAAC,KAAK,mCAAI,GAAG,CAAQ;6BAAQ;gBAC/F,CAAC,CAAC,mCAAM,CACT,CAAC;KACL;SAAM;QACL,mBAAmB,GAAG,IAAI,CAAC;KAC5B;IAED,OAAO,CACL,aAAK,GAAG,EAAE,GAAG,CAAA,4HAA4H,EAAE,SAAS,EAAE,SAAS;QAC7J,aAAK,GAAG,EAAE,GAAG,CAAA,sBAAsB,IAChC,UAAU,CACP;QAEN;;YACW,UAAU;;YAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CACpE;QAEL,mBAAmB,CAAC,CAAC,CAAC,aAAK,GAAG,EAAE,GAAG,CAAA,4BAA4B;;YAAK,mBAAmB,CAAO,CAAC,CAAC,CAAC,IAAI,CAClG,CACP,CAAC;AAEJ,CAAC,CAAA;AAED,eAAe,SAAS,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { Icon, Spinner } from '@blueprintjs/core';\nimport { jsx, css } from '@emotion/react';\nimport React from 'react';\n\n\nconst ICON_PROPS = {\n  iconSize: 10,\n};\n\nconst SPINNER_PROPS = {\n  size: 10,\n};\n\n\nexport interface ItemCountProps {\n  totalCount: number\n  descriptiveName?: { singular: string, plural: string }\n  progress?: { phase: string, loaded?: number, total?: number } \n  onRefresh?: () => void\n  className?: string\n}\nexport const ItemCount: React.FC<ItemCountProps> =\nfunction ({ progress, onRefresh, descriptiveName, totalCount, className }) {\n\n  let statusIcon: JSX.Element;\n  if (progress) {\n    if (progress.loaded || progress.total) {\n      const progressValue = Math.floor(100 / (progress.total || 100) * (progress.loaded || 0.5)) / 100;\n      statusIcon = <Spinner {...SPINNER_PROPS} value={progressValue} />;\n    } else {\n      statusIcon = <Spinner {...SPINNER_PROPS} />;\n    }\n  } else if (onRefresh) {\n    statusIcon = <Icon {...ICON_PROPS} icon=\"refresh\" onClick={onRefresh} title=\"Click to refresh\" />;\n  } else {\n    statusIcon = <Icon {...ICON_PROPS} icon=\"symbol-circle\" />;\n  }\n\n  let progressDescription: JSX.Element | null;\n  if (progress) {\n    progressDescription = <>\n      {progress.phase}\n      {progress.loaded || progress.total\n        ? <span>: <code>{progress.loaded ?? '?'}</code> of <code>{progress.total ?? '?'}</code>…</span>\n        : <>…</>}\n    </>;\n  } else {\n    progressDescription = null;\n  }\n\n  return (\n    <div css={css`display: flex; flex-flow: row nowrap; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`} className={className}>\n      <div css={css`margin-right: .5rem;`}>\n        {statusIcon}\n      </div>\n\n      <div>\n        Showing {totalCount} {descriptiveName ? descriptiveName.plural : 'items'}\n      </div>\n\n      {progressDescription ? <div css={css`text-transform: capitalize`}>. {progressDescription}</div> : null}\n    </div>\n  );\n\n}\n\nexport default ItemCount;\n"]}

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

@@ -0,0 +1,41 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type IconProps } from '@blueprintjs/core';
+export interface ListData<P extends Record<string, any> = Record<never, never>> {
+    items: string[];
+    selectedItem: string | null;
+    selectItem: (ref: string | null, extraData?: unknown) => void;
+    openItem?: (ref: string) => void;
+    itemHeight: number;
+    padding: number;
+    extraData: P;
+}
+declare type ItemDataGetter<P extends Record<string, any> = Record<never, never>> = () => ListData<P> | null;
+export interface ItemProps<P extends Record<string, any> = Record<never, never>> {
+    itemRef: string;
+    isSelected: boolean;
+    onSelect?: (extraData?: unknown) => void;
+    onOpen?: () => void;
+    padding: number;
+    extraData: P;
+}
+export interface ListProps<P extends Record<string, any> = Record<never, never>> {
+    getListData: ItemDataGetter<P>;
+    className?: string;
+}
+declare function makeList<P extends Record<string, any> = Record<never, never>>(ItemContents: React.FC<ItemProps<P>>): React.FC<ListProps<P>>;
+interface LabelledListIconProps {
+    isSelected: boolean;
+    onSelect?: () => void;
+    onOpen?: () => void;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+    entityType?: {
+        iconProps?: IconProps;
+        name: string;
+    };
+    className?: string;
+}
+export declare const LabelledListIcon: React.FC<LabelledListIconProps>;
+export default makeList;

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

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LabelledListIcon = void 0;
+
+var _throttleDebounce = require("throttle-debounce");
+
+var _react = require("@emotion/react");
+
+var _react2 = require("react");
+
+var _reactWindow = require("react-window");
+
+var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
+
+var _core = require("@blueprintjs/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const COMPACT = false;
+
+function makeList(ItemContents) {
+  function getListIndex(items, ref) {
+    const index = items.indexOf(ref);
+
+    if (index >= 0) {
+      return {
+        index
+      };
+    }
+
+    return null;
+  }
+
+  const Item = (0, _react2.memo)(function ({
+    index,
+    data,
+    style
+  }) {
+    var _a;
+
+    const _data = data;
+    const ref = (_a = _data === null || _data === void 0 ? void 0 : _data.items) === null || _a === void 0 ? void 0 : _a[index];
+
+    if (ref) {
+      const isSelected = _data.selectedItem === ref;
+      return (0, _react.jsx)("div", {
+        css: (0, _react.css)`
+              position: relative;
+              transition: box-shadow .25s linear;
+              ${!COMPACT ? 'border: 1px solid transparent' : ''};
+              ${isSelected ? COMPACT ? 'box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); z-index: 3;' : 'border-color: silver; border-style: dotted;' : ''};
+            `,
+        style: style
+      }, (0, _react.jsx)(ItemContents, {
+        isSelected: isSelected,
+        onSelect: extraData => _data.selectItem(ref, extraData),
+        onOpen: _data.openItem ? () => _data.openItem(ref) : undefined,
+        padding: _data.padding,
+        extraData: _data.extraData,
+        itemRef: ref
+      }));
+    } else {
+      return null;
+    }
+  }, _reactWindow.areEqual);
+  let listDataCache = null;
+
+  function maybeScrollToItem(listEl) {
+    if (listDataCache !== null) {
+      const {
+        selectedItem,
+        items
+      } = listDataCache;
+
+      if (selectedItem !== null) {
+        const result = getListIndex(items, selectedItem);
+
+        if ((result === null || result === void 0 ? void 0 : result.index) !== undefined) {
+          listEl.scrollToItem(result.index, 'smart');
+        } else {
+          console.warn("List: couldn’t find row/column index of the selected item to jump to it", selectedItem);
+        }
+      }
+    }
+  }
+
+  const maybeScrollToItemDebounced = (0, _throttleDebounce.debounce)(100, maybeScrollToItem);
+  return (0, _react2.memo)(function ItemList({
+    getListData,
+    className
+  }) {
+    const ref = (0, _react2.useRef)(null);
+    const listData = (0, _react2.useMemo)(getListData, [getListData]);
+    listDataCache = listData;
+    (0, _react2.useEffect)(() => {
+      const updateListHeight = () => ref.current ? maybeScrollToItemDebounced(ref.current) : void 0;
+
+      window.addEventListener('resize', updateListHeight);
+      updateListHeight();
+      return function cleanup() {
+        window.removeEventListener('resize', updateListHeight);
+      };
+    }, [listData === null || listData === void 0 ? void 0 : listData.items, listData === null || listData === void 0 ? void 0 : listData.selectedItem, ref.current]);
+    return (0, _react.jsx)(_reactVirtualizedAutoSizer.default, {
+      className: className
+    }, (0, _react2.useCallback)(({
+      width,
+      height
+    }) => {
+      if (listData) {
+        const itemCount = listData.items.length;
+        return (0, _react.jsx)(_reactWindow.FixedSizeList, {
+          ref: ref,
+          width: width,
+          height: height,
+          itemCount: itemCount,
+          itemSize: listData === null || listData === void 0 ? void 0 : listData.itemHeight,
+          itemKey: index => {
+            var _a;
+
+            const itemRef = (_a = listData === null || listData === void 0 ? void 0 : listData.items) === null || _a === void 0 ? void 0 : _a[index];
+            return itemRef !== null && itemRef !== void 0 ? itemRef : `${index}`;
+          },
+          itemData: listData
+        }, Item);
+      } else {
+        return null;
+      }
+    }, [listData, ref.current]));
+  });
+}
+
+const LabelledListIcon = (0, _react2.memo)(function ({
+  isSelected,
+  onSelect,
+  onOpen,
+  contentClassName,
+  contentStyle,
+  entityType,
+  className,
+  children
+}) {
+  return (0, _react.jsx)("div", {
+    onClick: onSelect,
+    onDoubleClick: onOpen,
+    className: className,
+    css: (0, _react.css)`
+          position: absolute;
+          inset: 0;
+          overflow: hidden;
+          cursor: default;
+          z-index: ${isSelected ? 2 : 1};
+          display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: flex-start;
+          background: ${isSelected ? `linear-gradient(345deg, ${_core.Colors.LIGHT_GRAY3}, ${_core.Colors.WHITE})` : _core.Colors.LIGHT_GRAY5};
+          ${!isSelected ? `box-shadow: 1px 1px 0 ${_core.Colors.LIGHT_GRAY5} inset, -1px -1px 0 ${_core.Colors.LIGHT_GRAY1} inset;` : ''}
+          .bp4-dark & {
+            background: ${isSelected ? `linear-gradient(345deg, ${_core.Colors.DARK_GRAY4}, ${_core.Colors.BLACK})` : _core.Colors.DARK_GRAY5};
+            ${!isSelected ? `box-shadow: 1px 1px 0 ${_core.Colors.DARK_GRAY5} inset, -1px -1px 0 ${_core.Colors.DARK_GRAY3} inset;` : ''}
+          }
+        `
+  }, entityType ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+              z-index: 3; font-size: 85%; line-height: 1.4;
+              ${isSelected ? `
+                    background: ${_core.Colors.BLUE2};
+                    color: ${_core.Colors.LIGHT_GRAY4};
+                    .bp4-dark & {
+                      background: ${_core.Colors.BLUE1};
+                    }
+                  ` : `
+                    color: ${_core.Colors.GRAY1};
+                    .bp4-dark & {
+                      color: ${_core.Colors.GRAY2};
+                    }
+                  `}
+              padding: 10px 5px;
+              margin-right: 5px;
+              letter-spacing: -0.03em;
+              white-space: nowrap;
+              ${isSelected ? 'font-variation-settings: \'GRAD\' 600;' : ''};
+              color: ${isSelected ? _core.Colors.LIGHT_GRAY4 : _core.Colors.GRAY1};`
+  }, entityType.iconProps ? (0, _react.jsx)(_core.Icon, {
+    iconSize: 10,
+    css: (0, _react.css)`position: relative; top: -2px; margin-right: 2.5px;`,
+    color: isSelected ? 'white' : _core.Colors.GRAY2,
+    intent: isSelected ? 'primary' : undefined,
+    ...entityType.iconProps
+  }) : null, entityType.name) : null, (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+            z-index: 2;
+            flex: 1;
+            font-size: 90%;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            padding: 0 5px;
+          `,
+    className: contentClassName,
+    style: contentStyle
+  }, children));
+});
+exports.LabelledListIcon = LabelledListIcon;
+var _default = makeList;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/widgets/List.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { debounce } from 'throttle-debounce';\nimport { jsx, css } from '@emotion/react';\nimport React, { type ComponentType, memo, useEffect, useRef, useCallback, useMemo } from 'react';\nimport { FixedSizeList as List, type ListChildComponentProps, areEqual } from 'react-window';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { Colors, Icon, type IconProps } from '@blueprintjs/core';\n\n\nconst COMPACT = false;\n\nexport interface ListData<P extends Record<string, any> = Record<never, never>> {\n  items: string[]\n  selectedItem: string | null\n  selectItem: (ref: string | null, extraData?: unknown) => void\n  openItem?: (ref: string) => void\n  itemHeight: number\n  padding: number\n  extraData: P\n}\n\ntype ItemDataGetter<P extends Record<string, any> = Record<never, never>> = () => ListData<P> | null\n\nexport interface ItemProps<P extends Record<string, any> = Record<never, never>> {\n  itemRef: string\n  isSelected: boolean\n  onSelect?: (extraData?: unknown) => void\n  onOpen?: () => void\n  padding: number \n  extraData: P\n}\n\nexport interface ListProps<P extends Record<string, any> = Record<never, never>> {\n  getListData: ItemDataGetter<P>\n  className?: string\n}\n\nfunction makeList<P extends Record<string, any> = Record<never, never>>\n(ItemContents: React.FC<ItemProps<P>>):\nReact.FC<ListProps<P>> {\n\n  function getListIndex(items: string[], ref: string): { index: number } | null {\n    const index = items.indexOf(ref);\n    if (index >= 0) {\n      return { index };\n    }\n    return null;\n  }\n\n  const Item: ComponentType<ListChildComponentProps> =\n  memo(function ({ index, data, style }) {\n    const _data: ListData<P> = data;\n    const ref = _data?.items?.[index];\n    if (ref) {\n      const isSelected = _data.selectedItem === ref;\n      return (\n        <div\n            css={css`\n              position: relative;\n              transition: box-shadow .25s linear;\n              ${!COMPACT ? 'border: 1px solid transparent' : ''};\n              ${isSelected\n                ? COMPACT\n                  ? 'box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); z-index: 3;'\n                  : 'border-color: silver; border-style: dotted;'\n                : ''};\n            `}\n            style={style}>\n          <ItemContents\n            isSelected={isSelected}\n            onSelect={(extraData) => _data.selectItem(ref, extraData)}\n            onOpen={_data.openItem ? () => _data.openItem!(ref) : undefined}\n            padding={_data.padding}\n            extraData={_data.extraData as P}\n            itemRef={ref} />\n        </div>\n      );\n    } else {\n      return null;\n    }\n  }, areEqual);\n\n  let listDataCache: ListData<P> | null = null;\n\n  function maybeScrollToItem(listEl: List) {\n    if (listDataCache !== null) {\n      const { selectedItem, items } = listDataCache;\n      if (selectedItem !== null) {\n        const result = getListIndex(items, selectedItem);\n        if (result?.index !== undefined) {\n          listEl.scrollToItem(result.index, 'smart');\n        } else {\n          console.warn(\"List: couldn’t find row/column index of the selected item to jump to it\", selectedItem);\n        }\n      }\n    }\n  }\n  const maybeScrollToItemDebounced = debounce(100, maybeScrollToItem);\n\n  return memo(function ItemList({ getListData, className }) {\n    const ref = useRef<List>(null);\n\n    const listData = useMemo(getListData, [getListData]);\n    listDataCache = listData;\n\n    useEffect(() => {\n      const updateListHeight = () => ref.current\n        ? maybeScrollToItemDebounced(ref.current)\n        : void 0;\n      window.addEventListener('resize', updateListHeight);\n      updateListHeight();\n      return function cleanup() {\n        window.removeEventListener('resize', updateListHeight);\n      }\n    }, [listData?.items, listData?.selectedItem, ref.current]);\n\n    return (\n      <AutoSizer className={className}>\n        {useCallback(({ width, height }) => {\n          if (listData) {\n            const itemCount = listData.items.length;\n            return (\n              <List\n                  ref={ref}\n                  width={width}\n                  height={height}\n                  itemCount={itemCount}\n                  itemSize={listData?.itemHeight}\n                  itemKey={(index) => {\n                    const itemRef = listData?.items?.[index];\n                    return itemRef ?? `${index}`;\n                  }}\n                  itemData={listData}>\n                {Item}\n              </List>\n            );\n          } else {\n            return null;\n          }\n        }, [listData, ref.current])}\n      </AutoSizer>\n    );\n  });\n}\n\n\ninterface LabelledListIconProps {\n  isSelected: boolean\n  onSelect?: () => void\n  onOpen?: () => void\n  contentClassName?: string\n  contentStyle?: React.CSSProperties\n  entityType?: {\n    iconProps?: IconProps\n    name: string\n  }\n  className?: string\n}\n\nexport const LabelledListIcon: React.FC<LabelledListIconProps> =\nmemo(function ({ isSelected, onSelect, onOpen, contentClassName, contentStyle, entityType, className, children }) {\n  return (\n    <div\n        onClick={onSelect}\n        onDoubleClick={onOpen}\n        className={className}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow: hidden;\n          cursor: default;\n          z-index: ${isSelected ? 2 : 1};\n          display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: flex-start;\n          background: ${isSelected ? `linear-gradient(345deg, ${Colors.LIGHT_GRAY3}, ${Colors.WHITE})` : Colors.LIGHT_GRAY5};\n          ${!isSelected\n            ? `box-shadow: 1px 1px 0 ${Colors.LIGHT_GRAY5} inset, -1px -1px 0 ${Colors.LIGHT_GRAY1} inset;`\n            : ''}\n          .bp4-dark & {\n            background: ${isSelected ? `linear-gradient(345deg, ${Colors.DARK_GRAY4}, ${Colors.BLACK})` : Colors.DARK_GRAY5};\n            ${!isSelected\n              ? `box-shadow: 1px 1px 0 ${Colors.DARK_GRAY5} inset, -1px -1px 0 ${Colors.DARK_GRAY3} inset;`\n              : ''}\n          }\n        `}>\n      {entityType\n        ? <div css={css`\n              z-index: 3; font-size: 85%; line-height: 1.4;\n              ${isSelected\n                ? `\n                    background: ${Colors.BLUE2};\n                    color: ${Colors.LIGHT_GRAY4};\n                    .bp4-dark & {\n                      background: ${Colors.BLUE1};\n                    }\n                  `\n                : `\n                    color: ${Colors.GRAY1};\n                    .bp4-dark & {\n                      color: ${Colors.GRAY2};\n                    }\n                  `}\n              padding: 10px 5px;\n              margin-right: 5px;\n              letter-spacing: -0.03em;\n              white-space: nowrap;\n              ${isSelected ? 'font-variation-settings: \\'GRAD\\' 600;' : ''};\n              color: ${isSelected ? Colors.LIGHT_GRAY4 : Colors.GRAY1};`}>\n            {entityType.iconProps\n              ? <Icon\n                  iconSize={10}\n                  css={css`position: relative; top: -2px; margin-right: 2.5px;`}\n                  color={isSelected ? 'white' : Colors.GRAY2}\n                  intent={isSelected ? 'primary' : undefined}\n                  {...entityType.iconProps}\n                />\n              : null}\n            {entityType.name}\n          </div>\n        : null}\n      <div\n          css={css`\n            z-index: 2;\n            flex: 1;\n            font-size: 90%;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            padding: 0 5px;\n          `}\n          className={contentClassName}\n          style={contentStyle}>\n        {children}\n      </div>\n    </div>\n  );\n});\n\n\nexport default makeList;\n"]}

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

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { IconName } from '@blueprintjs/core';
+export interface NavbarProps {
+    breadcrumbs: BreadcrumbProps[];
+    hideBackForwardNav?: true;
+    onGoBack?: () => void;
+    onGoForward?: () => void;
+    className?: string;
+}
+export declare const Navbar: React.FC<NavbarProps>;
+export default Navbar;
+interface BreadcrumbProps {
+    label: JSX.Element;
+    onNavigate?: () => void;
+    icon?: IconName;
+    className?: string;
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumb = exports.default = exports.Navbar = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Navbar = function ({
+  breadcrumbs,
+  onGoBack,
+  onGoForward,
+  hideBackForwardNav,
+  className
+}) {
+  return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
+    className: className,
+    css: (0, _react.css)`
+            box-sizing: border-box;
+            display: flex; flex-flow: row nowrap; align-items: center;
+            font-size: 80%; line-height: 0;
+          `
+  }, breadcrumbs.map((crumb, idx) => (0, _react.jsx)(_react2.default.Fragment, {
+    key: idx
+  }, (0, _react.jsx)(Breadcrumb, { ...crumb
+  }), idx !== breadcrumbs.length - 1 ? (0, _react.jsx)(_core.Icon, {
+    icon: "chevron-right",
+    iconSize: 10,
+    key: idx
+  }) : null))), !hideBackForwardNav ? (0, _react.jsx)(_core.ButtonGroup, null, (0, _react.jsx)(_core.Button, {
+    disabled: !onGoBack,
+    icon: "arrow-left",
+    title: "Back"
+  }), (0, _react.jsx)(_core.Button, {
+    disabled: !onGoForward,
+    icon: "arrow-right",
+    title: "Forward"
+  })) : null);
+};
+
+exports.Navbar = Navbar;
+var _default = Navbar;
+exports.default = _default;
+
+const Breadcrumb = function ({
+  className,
+  label,
+  icon,
+  onNavigate
+}) {
+  return (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+          padding: 0 10px;
+          display: flex;
+          flex-flow: row nowrap;
+          align-items: center;
+          ${onNavigate ? 'cursor: pointer;' : ''}
+        `,
+    onClick: onNavigate,
+    className: className
+  }, icon ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`margin-right: .5rem;`
+  }, icon) : null, label);
+};
+
+exports.Breadcrumb = Breadcrumb;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/widgets/Navbar.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,WAAW,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAUxE,MAAM,CAAC,MAAM,MAAM,GACnB,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE;IAC7E,OAAO,CACL;QACE,aACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,CAAA;;;;WAIL,IACF,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAC9B,IAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG;YACtB,IAAC,UAAU,OAAK,KAAK,GAAI;YACxB,GAAG,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC;gBAC7B,CAAC,CAAC,IAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI;gBACvD,CAAC,CAAC,IAAI,CACO,CAClB,CACG;QACL,CAAC,kBAAkB;YAClB,CAAC,CAAC,IAAC,WAAW;gBACV,IAAC,MAAM,IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,GAAG;gBAC9D,IAAC,MAAM,IAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,GAAG,CACzD;YAChB,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC;AAUtB,MAAM,CAAC,MAAM,UAAU,GAA8B,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE;IACnG,OAAO,CACL,aACE,GAAG,EAAE,GAAG,CAAA;;;;;YAKF,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;SACvC,EACH,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,SAAS;QAEnB,IAAI;YACH,CAAC,CAAC,aAAK,GAAG,EAAE,GAAG,CAAA,sBAAsB,IAClC,IAAI,CACD;YACN,CAAC,CAAC,IAAI;QAEP,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React from 'react';\nimport { Button, ButtonGroup, Icon, IconName } from '@blueprintjs/core';\n\nexport interface NavbarProps {\n  breadcrumbs: BreadcrumbProps[];\n  hideBackForwardNav?: true;\n  onGoBack?: () => void;\n  onGoForward?: () => void;\n  className?: string\n}\n\nexport const Navbar: React.FC<NavbarProps> =\nfunction ({ breadcrumbs, onGoBack, onGoForward, hideBackForwardNav, className }) {\n  return (\n    <>\n      <div\n        className={className}\n        css={css`\n            box-sizing: border-box;\n            display: flex; flex-flow: row nowrap; align-items: center;\n            font-size: 80%; line-height: 0;\n          `}>\n        {breadcrumbs.map((crumb, idx) =>\n          <React.Fragment key={idx}>\n            <Breadcrumb {...crumb} />\n            {idx !== breadcrumbs.length - 1\n              ? <Icon icon=\"chevron-right\" iconSize={10} key={idx} />\n              : null}\n          </React.Fragment>\n        )}\n      </div>\n      {!hideBackForwardNav\n        ? <ButtonGroup>\n            <Button disabled={!onGoBack} icon=\"arrow-left\" title=\"Back\" />\n            <Button disabled={!onGoForward} icon=\"arrow-right\" title=\"Forward\" />\n          </ButtonGroup>\n        : null}\n    </>\n  );\n};\n\nexport default Navbar;\n\n\ninterface BreadcrumbProps {\n  label: JSX.Element;\n  onNavigate?: () => void;\n  icon?: IconName;\n  className?: string;\n}\n\nexport const Breadcrumb: React.FC<BreadcrumbProps> = function ({ className, label, icon, onNavigate }) {\n  return (\n    <div\n      css={css`\n          padding: 0 10px;\n          display: flex;\n          flex-flow: row nowrap;\n          align-items: center;\n          ${onNavigate ? 'cursor: pointer;' : ''}\n        `}\n      onClick={onNavigate}\n      className={className}>\n\n      {icon\n        ? <div css={css`margin-right: .5rem;`}>\n          {icon}\n        </div>\n        : null}\n\n      {label}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type ButtonProps } from '@blueprintjs/core';
+export interface NavProps {
+    breadcrumbs: JSX.Element[];
+    anchor: 'end' | 'start';
+    className?: string;
+}
+/**
+ * Simple navbar.
+ */
+declare const Navbar: React.FC<NavProps>;
+export declare const NavbarButton: React.FC<ButtonProps & {
+    title?: string;
+}>;
+export default Navbar;

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NavbarButton = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+
+/**
+ * Simple navbar.
+ */
+const Navbar = function ({
+  breadcrumbs,
+  anchor,
+  children,
+  className
+}) {
+  const padding = anchor === 'end' ? '25px' : '15px';
+  const breadcrumbsWithSeparators = (0, _react2.useMemo)(() => {
+    const b = [...breadcrumbs];
+
+    if (anchor === 'start') {
+      b.reverse();
+    }
+
+    return b.map((bc, idx) => (0, _react.jsx)(_react2.default.Fragment, {
+      key: idx
+    }, idx !== 0 ? (0, _react.jsx)(BreadcrumbSeparator, {
+      icon: anchor === 'end' ? "chevron-left" : "chevron-right",
+      iconSize: 10
+    }) : null, bc));
+  }, [anchor, breadcrumbs]);
+  return (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+          display: flex; flex-flow: row nowrap; align-items: stretch;
+          font-size: 80%;
+          box-sizing: border-box;
+          line-height: 0;
+          padding: 0 ${padding};
+          transition: width 1s linear;
+          background: linear-gradient(to bottom, ${_core.Colors.LIGHT_GRAY5}, ${_core.Colors.LIGHT_GRAY3});
+          .bp4-dark & {
+            background: linear-gradient(to bottom, ${_core.Colors.DARK_GRAY5}, ${_core.Colors.DARK_GRAY3});
+          }
+          justify-content: ${anchor === 'end' ? 'flex-end' : 'flex-start'};
+          transform: skew(-45deg);
+        `,
+    className: `${className !== null && className !== void 0 ? className : ''}`
+  }, breadcrumbsWithSeparators, (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+          ${anchor === 'start' ? (0, _react.css)`position: absolute; right: ${padding};` : ''}
+          `
+  }, children));
+};
+
+const BreadcrumbSeparator = (0, _styled.default)(_core.Icon)`
+  transform: skew(45deg);
+  align-self: center;
+`;
+
+const NavbarButton = function (props) {
+  return (0, _react.jsx)(_core.Button, {
+    small: true,
+    minimal: true,
+    css: (0, _react.css)`
+      transform: skew(45deg);
+      border-radius: 0;
+      .bp4-icon {
+        transform: scale(0.7);
+      }
+    `,
+    ...props
+  });
+};
+
+exports.NavbarButton = NavbarButton;
+var _default = Navbar;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar2.js","sourceRoot":"","sources":["../../src/widgets/Navbar2.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAoB,MAAM,mBAAmB,CAAC;AAU3E;;GAEG;AACH,MAAM,MAAM,GAAuB,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE;IACvF,MAAM,OAAO,GAAG,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnD,MAAM,yBAAyB,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7C,MAAM,CAAC,GAAG,CAAE,GAAG,WAAW,CAAE,CAAC;QAE7B,IAAI,MAAM,KAAK,OAAO,EAAE;YAAE,CAAC,CAAC,OAAO,EAAE,CAAC;SAAE;QAExC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CACvB,IAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG;YACrB,GAAG,KAAK,CAAC;gBACR,CAAC,CAAC,IAAC,mBAAmB,IAClB,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EACzD,QAAQ,EAAE,EAAE,GACZ;gBACJ,CAAC,CAAC,IAAI;YACP,EAAE,CACY,CAClB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,aACI,GAAG,EAAE,GAAG,CAAA;;;;;uBAKO,OAAO;;mDAEqB,MAAM,CAAC,WAAW,KAAK,MAAM,CAAC,WAAW;;qDAEvC,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU;;6BAE/D,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;;SAEhE,EACD,SAAS,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE;QAEhC,yBAAyB;QAE1B,aAAK,GAAG,EAAE,GAAG,CAAA;YACP,MAAM,KAAK,OAAO;gBAClB,CAAC,CAAC,GAAG,CAAA,8BAA8B,OAAO,GAAG;gBAC7C,CAAC,CAAC,EAAE;WACL,IACF,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;CAGvC,CAAC;AAGF,MAAM,CAAC,MAAM,YAAY,GAA+C,UAAU,KAAK;IACrF,OAAO,IAAC,MAAM,IACZ,KAAK,QACL,OAAO,QACP,GAAG,EAAE,GAAG,CAAA;;;;;;KAMP,KACG,KAAK,GACT,CAAC;AACL,CAAC,CAAC;AAGF,eAAe,MAAM,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport styled from '@emotion/styled';\nimport { jsx, css } from '@emotion/react';\nimport React, { useMemo } from 'react';\nimport { Colors, Icon, Button, type ButtonProps } from '@blueprintjs/core';\n\n\nexport interface NavProps {\n  breadcrumbs: JSX.Element[]\n  anchor: 'end' | 'start'\n  className?: string\n}\n\n\n/**\n * Simple navbar.\n */\nconst Navbar: React.FC<NavProps> = function ({ breadcrumbs, anchor, children, className }) {\n  const padding = anchor === 'end' ? '25px' : '15px';\n\n  const breadcrumbsWithSeparators = useMemo(() => {\n\n    const b = [ ...breadcrumbs ];\n\n    if (anchor === 'start') { b.reverse(); }\n\n    return b.map((bc, idx) =>\n      <React.Fragment key={idx}>\n        {idx !== 0\n          ? <BreadcrumbSeparator\n              icon={anchor === 'end' ? \"chevron-left\" : \"chevron-right\"}\n              iconSize={10}\n            />\n          : null}\n        {bc}\n      </React.Fragment>\n    );\n  }, [anchor, breadcrumbs]);\n\n  return (\n    <div\n        css={css`\n          display: flex; flex-flow: row nowrap; align-items: stretch;\n          font-size: 80%;\n          box-sizing: border-box;\n          line-height: 0;\n          padding: 0 ${padding};\n          transition: width 1s linear;\n          background: linear-gradient(to bottom, ${Colors.LIGHT_GRAY5}, ${Colors.LIGHT_GRAY3});\n          .bp4-dark & {\n            background: linear-gradient(to bottom, ${Colors.DARK_GRAY5}, ${Colors.DARK_GRAY3});\n          }\n          justify-content: ${anchor === 'end' ? 'flex-end' : 'flex-start'};\n          transform: skew(-45deg);\n        `}\n        className={`${className ?? ''}`}>\n\n      {breadcrumbsWithSeparators}\n\n      <div css={css`\n          ${anchor === 'start'\n            ? css`position: absolute; right: ${padding};`\n            : ''}\n          `}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\n\nconst BreadcrumbSeparator = styled(Icon)`\n  transform: skew(45deg);\n  align-self: center;\n`;\n\n\nexport const NavbarButton: React.FC<ButtonProps & { title?: string }> = function (props) {\n  return <Button\n    small\n    minimal\n    css={css`\n      transform: skew(45deg);\n      border-radius: 0;\n      .bp4-icon {\n        transform: scale(0.7);\n      }\n    `}\n    {...props}\n  />;\n};\n\n\nexport default Navbar;\n"]}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { OperationOptions } from './types';
+export interface ContextSpec {
+    /**
+     * If there is any operation marked “blocking” in progress.
+     */
+    isBusy: boolean;
+    /**
+     * Takes a verb and a function that performs some action.
+     * Returns a wrapper function that calls the given async action function
+     * and updates the status in GUI.
+     */
+    performOperation: <P extends unknown[], R>(gerund: string, func: (...args: P) => Promise<R>, opts?: OperationOptions) => (...args: P) => Promise<R>;
+}
+export declare const INITIAL_CONTEXT: ContextSpec;
+declare const OperationQueueContext: React.Context<ContextSpec>;
+export default OperationQueueContext;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.INITIAL_CONTEXT = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const INITIAL_CONTEXT = {
+  isBusy: false,
+  performOperation: (_, f) => f
+};
+exports.INITIAL_CONTEXT = INITIAL_CONTEXT;
+
+const OperationQueueContext = _react.default.createContext(INITIAL_CONTEXT);
+
+var _default = OperationQueueContext;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/widgets/OperationQueue/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,MAAM,CAAC,MAAM,eAAe,GAAgB;IAC1C,MAAM,EAAE,KAAK;IACb,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;CAC9B,CAAA;AAGD,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAc,eAAe,CAAC,CAAC;AAChF,eAAe,qBAAqB,CAAC","sourcesContent":["import React from 'react';\nimport type { OperationOptions } from './types';\n\n\nexport interface ContextSpec {\n  /**\n   * If there is any operation marked “blocking” in progress.\n   */\n  isBusy: boolean;\n\n  /**\n   * Takes a verb and a function that performs some action.\n   * Returns a wrapper function that calls the given async action function\n   * and updates the status in GUI.\n   */\n  performOperation: <P extends unknown[], R>(\n    gerund: string,\n    func: (...args: P) => Promise<R>,\n    opts?: OperationOptions,\n  ) => (...args: P) => Promise<R>;\n}\n\n\nexport const INITIAL_CONTEXT: ContextSpec = {\n  isBusy: false,\n  performOperation: (_, f) => f,\n}\n\n\nconst OperationQueueContext = React.createContext<ContextSpec>(INITIAL_CONTEXT);\nexport default OperationQueueContext;\n"]}

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

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+/**
+ * Handles singleton, app-global operation queue context.
+ */
+declare const OperationQueueContextProvider: React.FC<Record<never, never>>;
+export default OperationQueueContextProvider;