@riboseinc/paneron-registry-kit 2.2.58 → 2.2.60

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WrappableDL = exports.DLEntry = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+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; }
+
+/**
+ * Definition list.
+ * Nest wrappers (like divs) with dt and dd within
+ * (`DLEntry` can be used to save time).
+ * NOTE: Wrappers are required. Only one DD per DT is allowed.
+ *
+ * Doesn’t work in narrow containers if DT and/or DD is too long,
+ * since DT and DD always begin on the same line.
+ */
+const DL = _styled.default.dl`
+  margin: 0;
+  padding: 0;
+  > * {
+    display: flex;
+    flex-flow: row nowrap;
+    > dt {
+      font-weight: bold;
+      margin-right: .5em;
+    }
+    > dd {
+      margin: 0;
+    }
+  }
+`;
+/**
+ * For use with `DL`.
+ * Specify
+ */
+
+const DLEntry = function ({
+  term,
+  definition,
+  style,
+  className,
+  dtStyle,
+  dtClassName,
+  ddStyle,
+  ddClassName
+}) {
+  const DT = (0, _react.useCallback)(t => _react.default.createElement("dt", {
+    className: dtClassName,
+    style: dtStyle
+  }, t), [dtClassName, dtStyle]);
+  const DD = (0, _react.useCallback)(d => _react.default.createElement("dd", {
+    className: ddClassName,
+    style: ddStyle
+  }, d), [dtClassName, dtStyle]);
+  const terms = (0, _react.useMemo)(() => Array.isArray(term) ? term : [term], [term]);
+  const definitions = (0, _react.useMemo)(() => Array.isArray(definition) ? definition : [definition], [definition]);
+  return _react.default.createElement("div", {
+    className: className,
+    style: style
+  }, terms.map(DT), definitions.map(DD));
+};
+/**
+ * Definition list where DT and DD can start on separate lines.
+ *
+ * Doesn’t work well for generic listings where it’s important
+ * for a nested object to always start to the right of key
+ * (never wrap to below).
+ */
+
+
+exports.DLEntry = DLEntry;
+const WrappableDL = (0, _styled.default)(DL)`
+  > * {
+    flex-flow: row wrap;
+  }
+`;
+exports.WrappableDL = WrappableDL;
+var _default = DL;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"DL.js","sourceRoot":"","sources":["../../src/widgets/DL.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC;;;;;;;;GAQG;AACH,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;CAcnB,CAAC;AAGF;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GASf,UAAU,EACb,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,GACrB;IAEC,MAAM,EAAE,GAAG,WAAW,CACpB,CAAC,CAAC,CAAuB,EAAE,EAAE,CAC3B,4BAAI,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,IAAG,CAAC,CAAM,CAAC,EACvD,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,MAAM,EAAE,GAAG,WAAW,CACpB,CAAC,CAAC,CAAuB,EAAE,EAAE,CAC3B,4BAAI,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,IAAG,CAAC,CAAM,CAAC,EACvD,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,MAAM,KAAK,GAA6B,OAAO,CAC7C,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EACX,CAAC,IAAI,CAAC,CAAC,CAAC;IAEV,MAAM,WAAW,GAA6B,OAAO,CACnD,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9B,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,EACjB,CAAC,UAAU,CAAC,CAAC,CAAC;IAEhB,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QAC3C,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACb,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAChB,CAAA;AACR,CAAC,CAAC;AAGF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;;;;CAIpC,CAAC;AAEF,eAAe,EAAE,CAAC","sourcesContent":["import React, { useMemo, useCallback } from 'react';\nimport styled from '@emotion/styled';\n\n\n/**\n * Definition list.\n * Nest wrappers (like divs) with dt and dd within\n * (`DLEntry` can be used to save time).\n * NOTE: Wrappers are required. Only one DD per DT is allowed.\n *\n * Doesn’t work in narrow containers if DT and/or DD is too long,\n * since DT and DD always begin on the same line.\n */\nconst DL = styled.dl`\n  margin: 0;\n  padding: 0;\n  > * {\n    display: flex;\n    flex-flow: row nowrap;\n    > dt {\n      font-weight: bold;\n      margin-right: .5em;\n    }\n    > dd {\n      margin: 0;\n    }\n  }\n`;\n\n\n/**\n * For use with `DL`.\n * Specify\n */\nexport const DLEntry: React.VoidFunctionComponent<{\n  term: JSX.Element | JSX.Element[] | string | string[]\n  definition: JSX.Element | JSX.Element[] | string | string[]\n  style?: React.CSSProperties\n  className?: string\n  dtStyle?: React.CSSProperties\n  dtClassName?: string\n  ddStyle?: React.CSSProperties\n  ddClassName?: string\n}> = function ({\n  term, definition,\n  style, className,\n  dtStyle, dtClassName,\n  ddStyle, ddClassName,\n}) {\n\n  const DT = useCallback(\n    ((t: string | JSX.Element) =>\n      <dt className={dtClassName} style={dtStyle}>{t}</dt>),\n    [dtClassName, dtStyle]);\n\n  const DD = useCallback(\n    ((d: string | JSX.Element) =>\n      <dd className={ddClassName} style={ddStyle}>{d}</dd>),\n    [dtClassName, dtStyle]);\n\n  const terms: (JSX.Element | string)[] = useMemo(\n    (() => Array.isArray(term)\n      ? term\n      : [term]),\n    [term]);\n\n  const definitions: (JSX.Element | string)[] = useMemo(\n    (() => Array.isArray(definition)\n      ? definition\n      : [definition]),\n    [definition]);\n\n  return <div className={className} style={style}>\n    {terms.map(DT)}\n    {definitions.map(DD)}\n  </div>\n};\n\n\n/**\n * Definition list where DT and DD can start on separate lines.\n *\n * Doesn’t work well for generic listings where it’s important\n * for a nested object to always start to the right of key\n * (never wrap to below).\n */\nexport const WrappableDL = styled(DL)`\n  > * {\n    flex-flow: row wrap;\n  }\n`;\n\nexport default DL;\n"]}

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

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+declare class ErrorBoundary extends React.Component<{
+    viewName?: string;
+    inline?: boolean;
+}, {
+    error?: string;
+}> {
+    constructor(props: {
+        viewName?: string;
+        inline?: boolean;
+    });
+    componentDidCatch(error: Error, info: any): void;
+    render(): React.ReactNode;
+}
+export default ErrorBoundary;

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _ErrorState = _interopRequireDefault(require("./ErrorState"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+class ErrorBoundary extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: undefined
+    };
+  }
+
+  componentDidCatch(error, info) {
+    console.error("Error rendering view", this.props.viewName, error, info);
+    this.setState({
+      error: `${error.name}: ${error.message}`
+    });
+  }
+
+  render() {
+    if (this.state.error !== undefined) {
+      return (0, _react2.jsx)(_ErrorState.default, {
+        inline: this.props.inline,
+        viewName: this.props.viewName,
+        technicalDetails: this.state.error
+      });
+    }
+
+    return this.props.children;
+  }
+
+}
+
+var _default = ErrorBoundary;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/widgets/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,aAAc,SAAQ,KAAK,CAAC,SAAwE;IACxG,YAAY,KAA8C;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IACpC,CAAC;IACD,iBAAiB,CAAC,KAAY,EAAE,IAAS;QACvC,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACxE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IACD,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAClC,OAAO,IAAC,UAAU,IAChB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAClC,CAAC;SACJ;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAGD,eAAe,aAAa,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport ErrorState from './ErrorState';\n\n\nclass ErrorBoundary extends React.Component<{ viewName?: string; inline?: boolean; }, { error?: string; }> {\n  constructor(props: { viewName?: string; inline?: boolean }) {\n    super(props);\n    this.state = { error: undefined };\n  }\n  componentDidCatch(error: Error, info: any) {\n    console.error(\"Error rendering view\", this.props.viewName, error, info);\n    this.setState({ error: `${error.name}: ${error.message}` });\n  }\n  render() {\n    if (this.state.error !== undefined) {\n      return <ErrorState\n        inline={this.props.inline}\n        viewName={this.props.viewName}\n        technicalDetails={this.state.error}\n      />;\n    }\n    return this.props.children;\n  }\n}\n\n\nexport default ErrorBoundary;\n"]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ErrorStateProps {
+    inline?: boolean;
+    technicalDetails?: string | JSX.Element;
+    error?: string;
+    viewName?: string;
+    className?: string;
+}
+export declare const ErrorState: React.FC<ErrorStateProps>;
+export default ErrorState;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ErrorState = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ErrorState = function ({
+  inline,
+  technicalDetails,
+  error,
+  viewName,
+  className
+}) {
+  if (inline) {
+    return _react.default.createElement("span", {
+      title: error,
+      className: className
+    }, "[failed to render ", viewName !== null && viewName !== void 0 ? viewName : 'view', "]");
+  } else {
+    return _react.default.createElement(_core.NonIdealState, {
+      icon: "heart-broken",
+      title: "Ouch",
+      className: className,
+      description: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_core.Callout, {
+        style: {
+          textAlign: 'left'
+        },
+        intent: "primary"
+      }, _react.default.createElement("p", null, "We encountered an error in ", viewName || 'a', ".", _react.default.createElement("br", null), "In some cases reloading or reopening Paneron should address this, but please let us know if this repeats.", _react.default.createElement("br", null), "A likely cause is an engineering oversight where a component of an extension or Paneron host application could enter a state that was not accounted for.")), technicalDetails || error ? _react.default.createElement(_core.Callout, {
+        style: {
+          textAlign: 'left',
+          transform: 'scale(0.9)'
+        },
+        title: "Technical details"
+      }, technicalDetails, error ? _react.default.createElement("pre", {
+        style: {
+          overflow: 'auto',
+          paddingBottom: '1em'
+        }
+      }, error || 'error information is unavailable') : null) : null)
+    });
+  }
+};
+
+exports.ErrorState = ErrorState;
+var _default = ErrorState;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","sourceRoot":"","sources":["../../src/widgets/ErrorState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAY3D,MAAM,CAAC,MAAM,UAAU,GAA8B,UAAU,EAC7D,MAAM,EACN,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,GACV;IACC,IAAI,MAAM,EAAE;QACV,OAAO,8BAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;kCAC1B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM;gBAChC,CAAC;KACT;SAAM;QACL,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE;gBACX,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,MAAM,EAAC,SAAS;oBACrD;;wBAC8B,QAAQ,IAAI,GAAG;;wBAC3C,+BAAM;;wBAGN,+BAAM;mLAIJ,CACI;gBACT,gBAAgB,IAAI,KAAK;oBACxB,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,mBAAmB;wBACtF,gBAAgB;wBAChB,KAAK;4BACJ,CAAC,CAAC,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,IACnD,KAAK,IAAI,kCAAkC,CACxC;4BACR,CAAC,CAAC,IAAI,CACF;oBACV,CAAC,CAAC,IAAI,CACP,GAAI,CACV,CAAC;KACH;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport { Callout, NonIdealState } from '@blueprintjs/core';\n\n\n// TODO: Give suggestions to resolve (move from dataset view)\nexport interface ErrorStateProps {\n  inline?: boolean;\n  technicalDetails?: string | JSX.Element;\n  error?: string;\n  viewName?: string;\n  className?: string;\n}\n\nexport const ErrorState: React.FC<ErrorStateProps> = function ({\n  inline,\n  technicalDetails,\n  error,\n  viewName,\n  className,\n}) {\n  if (inline) {\n    return <span title={error} className={className}>\n      [failed to render {viewName ?? 'view'}]\n    </span>;\n  } else {\n    return (\n      <NonIdealState\n        icon=\"heart-broken\"\n        title=\"Ouch\"\n        className={className}\n        description={<>\n          <Callout style={{ textAlign: 'left' }} intent=\"primary\">\n            <p>\n              We encountered an error in {viewName || 'a'}.\n              <br />\n              In some cases reloading or reopening Paneron should address this,\n              but please let us know if this repeats.\n              <br />\n              A likely cause is an engineering oversight\n              where a component of an extension or Paneron host application\n              could enter a state that was not accounted for.\n            </p>\n          </Callout>\n          {technicalDetails || error\n            ? <Callout style={{ textAlign: 'left', transform: 'scale(0.9)' }} title=\"Technical details\">\n                {technicalDetails}\n                {error\n                  ? <pre style={{ overflow: 'auto', paddingBottom: '1em' }}>\n                      {error || 'error information is unavailable'}\n                    </pre>\n                  : null}\n            </Callout>\n            : null}\n        </>} />\n    );\n  }\n};\n\nexport default ErrorState;\n"]}

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

@@ -0,0 +1,41 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { IconProps } from '@blueprintjs/core';
+export interface GridData<P extends Record<string, any> = Record<never, never>> {
+    items: string[][];
+    selectedItem: string | null;
+    selectItem: (ref: string | null, extraData?: unknown) => void;
+    openItem?: (ref: string) => void;
+    cellWidth: number;
+    cellHeight: number;
+    padding: number;
+    extraData: P;
+}
+declare type ItemDataGetter<P extends Record<string, any> = Record<never, never>> = (width: number) => GridData<P> | null;
+export interface CellProps<P extends Record<string, any> = Record<never, never>> {
+    itemRef: string;
+    isSelected: boolean;
+    onSelect?: (extraData?: unknown) => void;
+    onOpen?: () => void;
+    padding: number;
+    extraData: P;
+}
+declare function makeGrid<P extends Record<string, any> = Record<never, never>>(CellContents: React.FC<CellProps<P>>): React.FC<{
+    getGridData: ItemDataGetter<P>;
+    className?: string;
+}>;
+interface LabelledGridIconProps {
+    isSelected: boolean;
+    onSelect?: () => void;
+    onOpen?: () => void;
+    contentClassName?: string;
+    entityType?: {
+        iconProps?: IconProps;
+        name: string;
+    };
+    padding: number;
+    className?: string;
+}
+export declare const LabelledGridIcon: React.FC<LabelledGridIconProps>;
+export default makeGrid;

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

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LabelledGridIcon = void 0;
+
+var _throttleDebounce = require("throttle-debounce");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(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 }; }
+
+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 COMPACT = false;
+
+function makeGrid(CellContents) {
+  function getGridIndex(items, ref) {
+    const rowIndex = items.findIndex(row => row.indexOf(ref) >= 0);
+
+    if (rowIndex >= 0) {
+      const row = items[rowIndex];
+      const columnIndex = row.indexOf(ref);
+
+      if (columnIndex >= 0) {
+        return {
+          rowIndex,
+          columnIndex
+        };
+      }
+    }
+
+    return null;
+  }
+
+  const Cell = _react2.default.memo(function ({
+    columnIndex,
+    rowIndex,
+    data,
+    style
+  }) {
+    var _a;
+
+    const _data = data;
+    const ref = (_a = _data.items[rowIndex]) === null || _a === void 0 ? void 0 : _a[columnIndex];
+    const isSelected = _data.selectedItem === ref;
+
+    if (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)(CellContents, {
+        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 gridDataCache = null;
+
+  function maybeScrollToItem(gridEl) {
+    if (gridDataCache !== null) {
+      const {
+        selectedItem,
+        items
+      } = gridDataCache;
+
+      if (selectedItem !== null) {
+        const idx = getGridIndex(items, selectedItem);
+
+        if (idx) {
+          gridEl.scrollToItem({
+            align: 'smart',
+            ...idx
+          });
+        } else {
+          console.warn("Grid: couldn’t find row/column index of the selected item to jump to it", selectedItem);
+        }
+      }
+    }
+  }
+
+  const maybeScrollToItemDebounced = (0, _throttleDebounce.debounce)(100, maybeScrollToItem);
+  return ({
+    getGridData,
+    className
+  }) => {
+    const gridRef = (0, _react2.useRef)(null);
+    (0, _react2.useEffect)(() => {
+      const updateListHeight = () => gridRef.current ? maybeScrollToItemDebounced(gridRef.current) : void 0;
+
+      window.addEventListener('resize', updateListHeight);
+      updateListHeight();
+      return function cleanup() {
+        window.removeEventListener('resize', updateListHeight);
+      };
+    }, [getGridData, gridRef.current]);
+    return (0, _react.jsx)(_reactVirtualizedAutoSizer.default, {
+      className: className
+    }, ({
+      width,
+      height
+    }) => {
+      var _a;
+
+      const gridData = getGridData(width);
+      gridDataCache = gridData;
+
+      if (gridData) {
+        const columnCount = ((_a = gridData.items[0]) !== null && _a !== void 0 ? _a : []).length;
+        const rowCount = gridData.items.length;
+        return (0, _react.jsx)(_reactWindow.FixedSizeGrid, {
+          ref: gridRef,
+          width: width,
+          height: height,
+          columnCount: columnCount,
+          columnWidth: gridData.cellWidth,
+          rowCount: rowCount,
+          rowHeight: gridData.cellHeight,
+          itemKey: ({
+            columnIndex,
+            rowIndex
+          }) => {
+            var _a;
+
+            const itemRef = (_a = gridData.items[rowIndex]) === null || _a === void 0 ? void 0 : _a[columnIndex];
+            return itemRef !== null && itemRef !== void 0 ? itemRef : `${columnIndex}-${rowIndex}`;
+          },
+          itemData: gridData
+        }, Cell);
+      } else {
+        return null;
+      }
+    });
+  };
+}
+
+const LabelledGridIcon = function ({
+  isSelected,
+  onSelect,
+  onOpen,
+  padding,
+  contentClassName,
+  entityType,
+  className,
+  children
+}) {
+  const hPad = Math.floor(padding / 2);
+  const qPad = Math.floor(padding / 4);
+  return (0, _react.jsx)("div", {
+    onClick: onSelect,
+    onDoubleClick: onOpen,
+    className: className,
+    css: (0, _react.css)`
+          position: absolute;
+          ${COMPACT ? 'inset: 0' : 'inset: 5px'};
+          ${!COMPACT ? 'border-radius: 5px' : ''};
+          ${!isSelected || !COMPACT ? `box-shadow: 1px 1px 0 ${_core.Colors.LIGHT_GRAY5} inset, -1px -1px 0 ${_core.Colors.LIGHT_GRAY1} inset;` : ''}
+          overflow: hidden;
+          cursor: default;
+          z-index: ${isSelected ? 2 : 1};
+          display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: flex-start;
+          background: ${isSelected ? `linear-gradient(345deg, ${_core.Colors.LIGHT_GRAY3}, white)` : _core.Colors.LIGHT_GRAY5};`
+  }, entityType ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+              z-index: 3; font-size: 85%; line-height: 1.4; margin: 1px 1px 0 1px;
+              padding: ${qPad - 1}px ${padding}px ${qPad}px ${padding}px;
+              background: ${isSelected ? _core.Colors.BLUE2 : _core.Colors.LIGHT_GRAY3};
+              ${!COMPACT ? 'border-radius: 5px 5px 0 0' : ''}
+              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)`margin-right: ${hPad}px; position: relative; top: -2px;`,
+    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%; padding: ${hPad}px ${padding}px;`,
+    className: contentClassName
+  }, children));
+};
+
+exports.LabelledGridIcon = LabelledGridIcon;
+var _default = makeGrid;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/widgets/Grid.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, { ComponentType, useEffect, useRef } from 'react';\nimport { FixedSizeGrid as Grid, GridChildComponentProps, areEqual } from 'react-window';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { Colors, Icon, IconProps } from '@blueprintjs/core';\n\n\nconst COMPACT = false;\n\nexport interface GridData<P extends Record<string, any> = Record<never, never>> {\n  items: string[][] // items chunked into rows\n  selectedItem: string | null\n  selectItem: (ref: string | null, extraData?: unknown) => void\n  openItem?: (ref: string) => void\n  cellWidth: number\n  cellHeight: number\n  padding: number\n  extraData: P\n}\n\ntype ItemDataGetter<P extends Record<string, any> = Record<never, never>> = (width: number) => GridData<P> | null\n\nexport interface CellProps<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\nfunction makeGrid<P extends Record<string, any> = Record<never, never>>\n(CellContents: React.FC<CellProps<P>>):\nReact.FC<{ getGridData: ItemDataGetter<P>, className?: string }> {\n\n  function getGridIndex(items: string[][], ref: string): { columnIndex: number, rowIndex: number } | null {\n    const rowIndex = items.findIndex(row => row.indexOf(ref) >= 0);\n    if (rowIndex >= 0) {\n      const row = items[rowIndex];\n      const columnIndex = row.indexOf(ref);\n      if (columnIndex >= 0) {\n        return { rowIndex, columnIndex };\n      }\n    }\n    return null;\n  }\n\n  const Cell: ComponentType<GridChildComponentProps> =\n  React.memo(function ({ columnIndex, rowIndex, data, style }) {\n    const _data: GridData<P> = data;\n    const ref = _data.items[rowIndex]?.[columnIndex];\n    const isSelected = _data.selectedItem === ref;\n    if (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          <CellContents\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 gridDataCache: GridData<P> | null = null;\n\n  function maybeScrollToItem(gridEl: Grid) {\n    if (gridDataCache !== null) {\n      const { selectedItem, items } = gridDataCache;\n      if (selectedItem !== null) {\n        const idx = getGridIndex(items, selectedItem);\n        if (idx) {\n          gridEl.scrollToItem({ align: 'smart', ...idx });\n        } else {\n          console.warn(\"Grid: 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 ({ getGridData, className }) => {\n    const gridRef = useRef<Grid>(null);\n\n    useEffect(() => {\n      const updateListHeight = () => gridRef.current\n        ? maybeScrollToItemDebounced(gridRef.current)\n        : void 0;\n      window.addEventListener('resize', updateListHeight);\n      updateListHeight();\n      return function cleanup() {\n        window.removeEventListener('resize', updateListHeight);\n      }\n    }, [getGridData, gridRef.current]);\n\n    return (\n      <AutoSizer className={className}>\n        {({ width, height }) => {\n          const gridData = getGridData(width);\n          gridDataCache = gridData;\n          if (gridData) {\n            const columnCount = (gridData.items[0] ?? []).length;\n            const rowCount = gridData.items.length;\n            return (\n              <Grid\n                  ref={gridRef}\n                  width={width}\n                  height={height}\n                  columnCount={columnCount}\n                  columnWidth={gridData.cellWidth}\n                  rowCount={rowCount}\n                  rowHeight={gridData.cellHeight}\n                  itemKey={({ columnIndex, rowIndex }) => {\n                    const itemRef = gridData.items[rowIndex]?.[columnIndex];\n                    return itemRef ?? `${columnIndex}-${rowIndex}`;\n                  }}\n                  itemData={gridData}>\n                {Cell}\n              </Grid>\n            );\n          } else {\n            return null;\n          }\n        }}\n      </AutoSizer>\n    );\n  };\n}\n\n\ninterface LabelledGridIconProps {\n  isSelected: boolean\n  onSelect?: () => void\n  onOpen?: () => void\n  contentClassName?: string\n  entityType?: {\n    iconProps?: IconProps\n    name: string\n  }\n  padding: number \n  className?: string\n}\n\nexport const LabelledGridIcon: React.FC<LabelledGridIconProps> =\nfunction ({ isSelected, onSelect, onOpen, padding, contentClassName, entityType, className, children }) {\n  const hPad = Math.floor(padding / 2);\n  const qPad = Math.floor(padding / 4);\n  return (\n    <div\n        onClick={onSelect}\n        onDoubleClick={onOpen}\n        className={className}\n        css={css`\n          position: absolute;\n          ${COMPACT ? 'inset: 0' : 'inset: 5px'};\n          ${!COMPACT ? 'border-radius: 5px' : ''};\n          ${!isSelected || !COMPACT\n            ? `box-shadow: 1px 1px 0 ${Colors.LIGHT_GRAY5} inset, -1px -1px 0 ${Colors.LIGHT_GRAY1} inset;`\n            : ''}\n          overflow: hidden;\n          cursor: default;\n          z-index: ${isSelected ? 2 : 1};\n          display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: flex-start;\n          background: ${isSelected ? `linear-gradient(345deg, ${Colors.LIGHT_GRAY3}, white)` : Colors.LIGHT_GRAY5};`}>\n      {entityType\n        ? <div css={css`\n              z-index: 3; font-size: 85%; line-height: 1.4; margin: 1px 1px 0 1px;\n              padding: ${qPad - 1}px ${padding}px ${qPad}px ${padding}px;\n              background: ${isSelected ? Colors.BLUE2 : Colors.LIGHT_GRAY3};\n              ${!COMPACT ? 'border-radius: 5px 5px 0 0' : ''}\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`margin-right: ${hPad}px; position: relative; top: -2px;`}\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`z-index: 2; flex: 1; font-size: 90%; padding: ${hPad}px ${padding}px;`}\n          className={contentClassName}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\n\nexport default makeGrid;\n"]}

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

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type Tooltip2Props } from '@blueprintjs/popover2';
+import { IconName, IconSize, Intent } from '@blueprintjs/core';
+export interface HelpTooltipProps {
+    content: JSX.Element | string;
+    /** Applies to both icon and tooltip. */
+    intent?: Intent;
+    /** Icon, if unspecified then default “help” question mark icon is used. */
+    icon?: IconName;
+    /** Default: 12. */
+    iconSize?: IconSize;
+    tooltipProps?: Partial<Tooltip2Props>;
+}
+/** Info icon with a customized BP3 tooltip. */
+declare const HelpTooltip: React.VoidFunctionComponent<HelpTooltipProps>;
+export default HelpTooltip;

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _popover = require("@blueprintjs/popover2");
+
+var _core = require("@blueprintjs/core");
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+
+/** Info icon with a customized BP3 tooltip. */
+const HelpTooltip = (0, _react.memo)(function ({
+  content: tooltip,
+  icon,
+  intent,
+  iconSize,
+  tooltipProps
+}) {
+  const handleRenderTarget = (0, _react.useCallback)(({
+    ref,
+    isOpen,
+    ...targetProps
+  }) => (0, _react2.jsx)("span", { ...targetProps,
+    css: (0, _react2.css)`
+          display: inline !important /* BP4 overrides it to block in a few niche scenarios. */;
+          padding: .15em;
+          margin: -.15em;
+          transition: opacity .2s linear;
+          ${isOpen ? 'opacity: 1;' : 'opacity: .3;'}
+        `,
+    ref: ref
+  }, (0, _react2.jsx)(_core.Icon, {
+    icon: icon !== null && icon !== void 0 ? icon : 'help',
+    intent: intent,
+    css: (0, _react2.css)`margin-bottom: 1px;`,
+    size: iconSize !== null && iconSize !== void 0 ? iconSize : 12
+  })), []);
+  return (0, _react2.jsx)(_react2.ClassNames, null, ({
+    css: css2,
+    cx
+  }) => (0, _react2.jsx)(_popover.Tooltip2, {
+    popoverClassName: `${css2`
+              margin: 10px;
+
+              .bp4-popover2-content {
+                font-size: 90%;
+                max-width: 500px;
+              }
+            `}`,
+    hoverCloseDelay: 600,
+    hoverOpenDelay: 600,
+    interactionKind: _popover.Popover2InteractionKind.HOVER,
+    intent: intent,
+    ...tooltipProps,
+    css: (0, _react2.css)`
+              cursor: help;
+            `,
+    renderTarget: handleRenderTarget,
+    content: tooltip
+  }));
+});
+var _default = HelpTooltip;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTooltip.js","sourceRoot":"","sources":["../../src/widgets/HelpTooltip.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAc,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAA8B,MAAM,mBAAmB,CAAC;AAkBrE,+CAA+C;AAC/C,MAAM,WAAW,GACjB,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE;IACvE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAC3E,iBACQ,WAAW,EACf,GAAG,EAAE,GAAG,CAAA;;;;;YAKJ,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;SAC1C,EACD,GAAG,EAAE,GAAG;QACV,IAAC,IAAI,IACH,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,EACpB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,CAAA,qBAAqB,EAC7B,IAAI,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,GACpB,CACG,CACR,CAAC,EAAE,EAAE,CAAC,CAAC;IAER,OAAO,CACL,IAAC,UAAU,QACR,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CACtB,IAAC,QAAQ,IACL,gBAAgB,EAAE,GAAG,IAAI,CAAA;;;;;;;aAOxB,EAAE,EACH,eAAe,EAAE,GAAG,EACpB,cAAc,EAAE,GAAG,EACnB,eAAe,EAAE,uBAAuB,CAAC,KAAK,EAC9C,MAAM,EAAE,MAAM,KACV,YAAY,EAChB,GAAG,EAAE,GAAG,CAAA;;aAEP,EACD,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAE,OAAO,GACT,CACZ,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAGH,eAAe,WAAW,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo, useCallback } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport { Popover2InteractionKind, Tooltip2, type Tooltip2Props } from '@blueprintjs/popover2';\nimport { Icon, IconName, IconSize, Intent } from '@blueprintjs/core';\n\n\nexport interface HelpTooltipProps {\n  content: JSX.Element | string\n\n  /** Applies to both icon and tooltip. */\n  intent?: Intent\n\n  /** Icon, if unspecified then default “help” question mark icon is used. */\n  icon?: IconName\n\n  /** Default: 12. */\n  iconSize?: IconSize\n\n  tooltipProps?: Partial<Tooltip2Props>\n}\n\n/** Info icon with a customized BP3 tooltip. */\nconst HelpTooltip: React.VoidFunctionComponent<HelpTooltipProps> =\nmemo(function ({ content: tooltip, icon, intent, iconSize, tooltipProps }) {\n  const handleRenderTarget = useCallback((({ ref, isOpen, ...targetProps }) => (\n    <span\n        {...targetProps}\n        css={css`\n          display: inline !important /* BP4 overrides it to block in a few niche scenarios. */;\n          padding: .15em;\n          margin: -.15em;\n          transition: opacity .2s linear;\n          ${isOpen ? 'opacity: 1;' : 'opacity: .3;'}\n        `}\n        ref={ref}>\n      <Icon\n        icon={icon ?? 'help'}\n        intent={intent}\n        css={css`margin-bottom: 1px;`}\n        size={iconSize ?? 12}\n      />\n    </span>\n  )), []);\n\n  return (\n    <ClassNames>\n      {({ css: css2, cx }) => (\n        <Tooltip2\n            popoverClassName={`${css2`\n              margin: 10px;\n\n              .bp4-popover2-content {\n                font-size: 90%;\n                max-width: 500px;\n              }\n            `}`}\n            hoverCloseDelay={600}\n            hoverOpenDelay={600}\n            interactionKind={Popover2InteractionKind.HOVER}\n            intent={intent}\n            {...tooltipProps}\n            css={css`\n              cursor: help;\n            `}\n            renderTarget={handleRenderTarget}\n            content={tooltip}>\n        </Tooltip2>\n      )}\n    </ClassNames>\n  );\n});\n\n\nexport default HelpTooltip;\n"]}

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

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+export interface ItemCountProps {
+    totalCount: number;
+    descriptiveName?: {
+        singular: string;
+        plural: string;
+    };
+    progress?: {
+        phase: string;
+        loaded?: number;
+        total?: number;
+    };
+    onRefresh?: () => void;
+    className?: string;
+}
+export declare const ItemCount: React.FC<ItemCountProps>;
+export default ItemCount;