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

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

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = makeSearchResultList;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _List = _interopRequireWildcard(require("./List"));
+
+var _context = require("../context");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+function makeSearchResultList(InnerItemView, getEntityInfoForObjectPath) {
+  const IndexedListItem = function ({
+    onSelect,
+    onOpen,
+    extraData,
+    itemRef: listItemRef
+  }) {
+    const {
+      useObjectPathFromFilteredIndex,
+      useObjectData
+    } = (0, _react.useContext)(_context.DatasetContext);
+    let position;
+
+    try {
+      position = parseInt(listItemRef, 10);
+    } catch (e) {
+      position = 0;
+    }
+
+    const filteredObjectResp = useObjectPathFromFilteredIndex({
+      indexID: extraData.indexID,
+      position
+    });
+    const objPath = filteredObjectResp.value.objectPath;
+    const stringItemDescription = objPath ? `item at ${objPath}` : `item #${listItemRef}`;
+    const fallbackView = (0, _react2.jsx)("span", {
+      css: (0, _react2.css)`opacity: .4`
+    }, stringItemDescription);
+    const objectDataResp = useObjectData({
+      objectPaths: objPath ? [objPath] : []
+    });
+    let isUpdating = filteredObjectResp.isUpdating;
+    let itemView;
+
+    if (objPath.trim() !== '') {
+      try {
+        const objData = objectDataResp.value.data[objPath];
+        isUpdating = isUpdating || objectDataResp.isUpdating;
+
+        if (objData) {
+          itemView = (0, _react2.jsx)(InnerItemView, {
+            objectData: objData,
+            objectPath: objPath
+          });
+        } else {
+          itemView = fallbackView;
+        }
+      } catch (e) {
+        itemView = fallbackView;
+      }
+    } else {
+      itemView = fallbackView;
+    }
+
+    return (0, _react2.jsx)(_List.LabelledListIcon, {
+      isSelected: objPath !== '' && extraData.selectedItemPath === objPath,
+      onSelect: onSelect,
+      onOpen: onOpen,
+      contentClassName: isUpdating ? _core.Classes.SKELETON : undefined,
+      entityType: getEntityInfoForObjectPath(objPath)
+    }, itemView);
+  };
+
+  const List = (0, _List.default)(IndexedListItem);
+
+  const SearchResultList = function ({
+    queryExpression,
+    selectedItemPath,
+    onSelectItem,
+    onOpenItem,
+    keyExpression,
+    className
+  }) {
+    var _a;
+
+    const {
+      useFilteredIndex,
+      useIndexDescription,
+      getFilteredIndexPosition,
+      getObjectPathFromFilteredIndex
+    } = (0, _react.useContext)(_context.DatasetContext);
+    const [selectedIndexPos, selectIndexPos] = (0, _react.useState)(null);
+    const indexReq = useFilteredIndex({
+      queryExpression,
+      keyExpression: keyExpression ? `return ${keyExpression}` : undefined
+    });
+    const indexID = (_a = indexReq.value.indexID) !== null && _a !== void 0 ? _a : '';
+    const indexDescReq = useIndexDescription({
+      indexID
+    });
+    const itemCount = indexDescReq.value.status.objectCount; //const indexProgress = indexDescReq.value.status.progress;
+
+    (0, _react.useEffect)(() => {
+      if (selectedItemPath !== null && indexID !== '') {
+        getFilteredIndexPosition({
+          indexID,
+          objectPath: selectedItemPath
+        }).then(({
+          position
+        }) => {
+          if (selectedIndexPos !== position && position !== null) {
+            selectIndexPos(`${position}`);
+          }
+        });
+      }
+    }, [selectedItemPath, indexID]);
+
+    function selectItemByPosition(pos) {
+      try {
+        const position = parseInt(pos, 10);
+        getObjectPathFromFilteredIndex({
+          indexID,
+          position
+        }).then(({
+          objectPath
+        }) => {
+          if (objectPath !== selectedItemPath) {
+            onSelectItem(objectPath);
+          }
+        });
+      } catch (e) {
+        console.error("Unable to select item by position");
+      }
+    }
+
+    const extraData = {
+      indexID,
+      selectedItemPath
+    };
+
+    function getListData() {
+      if (indexID) {
+        const stubs = [...new Array(itemCount)].map((_, idx) => `${idx}`);
+        return {
+          items: stubs,
+          selectedItem: selectedIndexPos,
+          selectItem: pos => {
+            selectIndexPos(pos);
+
+            if (pos) {
+              selectItemByPosition(pos);
+            } else {
+              onSelectItem(null);
+            }
+          },
+          openItem: onOpenItem ? async pos => {
+            try {
+              const position = parseInt(pos, 10);
+              const itemPath = (await getObjectPathFromFilteredIndex({
+                indexID,
+                position
+              })).objectPath;
+
+              if (itemPath) {
+                onOpenItem(itemPath);
+              }
+            } catch (e) {
+              console.error("Unable to open item");
+            }
+          } : undefined,
+          itemHeight: 24,
+          padding: 0,
+          extraData
+        };
+      } else {
+        return null;
+      }
+    }
+
+    return (0, _react2.jsx)(List, {
+      className: className,
+      getListData: getListData
+    });
+  };
+
+  return SearchResultList;
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../src/widgets/SearchResultList.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useEffect, useState } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Classes, IconProps } from '@blueprintjs/core';\n\nimport makeList, { ItemProps, LabelledListIcon, ListData } from './List';\nimport { DatasetContext } from '../context';\n\n\nexport interface SearchResultListData {\n  indexID: string;\n  selectedItemPath: string | null;\n}\n\ninterface SearchResultListProps {\n  queryExpression: string;\n  selectedItemPath: string | null;\n  onSelectItem: (itemPath: string | null) => void;\n  onOpenItem?: (itemPath: string) => void;\n  keyExpression?: string;\n  className?: string;\n}\n\n\nexport default function makeSearchResultList\n<ObjectData extends Record<string, any>>(\n  InnerItemView: React.FC<{ objectData: ObjectData, objectPath: string }>,\n  getEntityInfoForObjectPath: (objPath: string) => { name: string, iconProps: IconProps },\n):\nReact.FC<SearchResultListProps> {\n\n  const IndexedListItem: React.FC<ItemProps<SearchResultListData>> =\n  function ({ onSelect, onOpen, extraData, itemRef: listItemRef }) {\n    const { useObjectPathFromFilteredIndex, useObjectData } = useContext(DatasetContext);\n\n    let position: number;\n    try {\n      position = parseInt(listItemRef, 10);\n    } catch (e) {\n      position = 0;\n    }\n    const filteredObjectResp = useObjectPathFromFilteredIndex({\n      indexID: extraData.indexID,\n      position,\n    });\n    const objPath = filteredObjectResp.value.objectPath;\n\n    const stringItemDescription = objPath ? `item at ${objPath}` : `item #${listItemRef}`;\n\n    const fallbackView = <span css={css`opacity: .4`}>{stringItemDescription}</span>;\n\n    const objectDataResp = useObjectData({\n      objectPaths: objPath ? [objPath] : [],\n    });\n\n    let isUpdating: boolean = filteredObjectResp.isUpdating;\n    let itemView: JSX.Element;\n\n    if (objPath.trim() !== '') {\n      try {\n        const objData = objectDataResp.value.data[objPath] as ObjectData | null;\n        isUpdating = isUpdating || objectDataResp.isUpdating;\n        if (objData) {\n          itemView = <InnerItemView objectData={objData} objectPath={objPath} />\n        } else {\n          itemView = fallbackView;\n        }\n      } catch (e) {\n        itemView = fallbackView;\n      }\n    } else {\n      itemView = fallbackView;\n    }\n\n\n    return (\n      <LabelledListIcon\n          isSelected={objPath !== '' && extraData.selectedItemPath === objPath}\n          onSelect={onSelect}\n          onOpen={onOpen}\n          contentClassName={isUpdating ? Classes.SKELETON : undefined}\n          entityType={getEntityInfoForObjectPath(objPath)}>\n        {itemView}\n      </LabelledListIcon>\n    );\n  };\n\n  const List = makeList<SearchResultListData>(IndexedListItem);\n\n  const SearchResultList: React.FC<SearchResultListProps> =\n  function ({ queryExpression, selectedItemPath, onSelectItem, onOpenItem, keyExpression, className }) {\n    const {\n      useFilteredIndex, useIndexDescription, getFilteredIndexPosition, getObjectPathFromFilteredIndex,\n    } = useContext(DatasetContext);\n\n    const [selectedIndexPos, selectIndexPos] = useState<string | null>(null);\n\n    const indexReq = useFilteredIndex({\n      queryExpression,\n      keyExpression: keyExpression\n        ? `return ${keyExpression}`\n        : undefined,\n    });\n    const indexID: string = indexReq.value.indexID ?? '';\n\n    const indexDescReq = useIndexDescription({ indexID });\n    const itemCount = indexDescReq.value.status.objectCount;\n    //const indexProgress = indexDescReq.value.status.progress;\n    useEffect(() => {\n      if (selectedItemPath !== null && indexID !== '') {\n        getFilteredIndexPosition({ indexID, objectPath: selectedItemPath }).\n          then(({ position }) => {\n            if (selectedIndexPos !== position && position !== null) {\n              selectIndexPos(`${position}`);\n            }\n          });\n      }\n    }, [selectedItemPath, indexID]);\n\n    function selectItemByPosition(pos: string) {\n      try {\n        const position = parseInt(pos, 10);\n        getObjectPathFromFilteredIndex({ indexID, position }).then(({ objectPath }) => {\n          if (objectPath !== selectedItemPath) {\n            onSelectItem(objectPath);\n          }\n        });\n      } catch (e) {\n        console.error(\"Unable to select item by position\");\n      }\n    }\n\n    const extraData: SearchResultListData = {\n      indexID,\n      selectedItemPath,\n    };\n\n    function getListData(): ListData<SearchResultListData> | null {\n      if (indexID) {\n        const stubs: string[] = [...new Array(itemCount)].map((_, idx) => `${idx}`);\n        return {\n          items: stubs,\n          selectedItem: selectedIndexPos,\n          selectItem: (pos) => {\n            selectIndexPos(pos);\n            if (pos) {\n              selectItemByPosition(pos);\n            } else {\n              onSelectItem(null);\n            }\n          },\n          openItem: onOpenItem\n            ? async (pos) => {\n                try {\n                  const position = parseInt(pos, 10);\n                  const itemPath = (await getObjectPathFromFilteredIndex({ indexID, position })).objectPath;\n                  if (itemPath) {\n                    onOpenItem(itemPath);\n                  }\n                } catch (e) {\n                  console.error(\"Unable to open item\");\n                }\n              }\n            : undefined,\n          itemHeight: 24,\n          padding: 0,\n          extraData,\n        };\n      } else {\n        return null;\n      }\n    }\n\n    return <List\n      className={className}\n      getListData={getListData} />;\n  };\n\n  return SearchResultList;\n}\n"]}

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

@@ -0,0 +1,21 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+export interface SidebarBlockConfig {
+    key: string;
+    title: string | JSX.Element;
+    content: JSX.Element;
+    nonCollapsible?: boolean;
+    collapsedByDefault?: boolean;
+    height?: number;
+}
+interface SidebarBlockProps {
+    block: SidebarBlockConfig;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    onCollapseOthers?: () => void;
+    expanded?: boolean;
+    className?: string;
+}
+declare const SidebarBlock: React.FC<SidebarBlockProps>;
+export default SidebarBlock;

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@blueprintjs/core");
+
+var _react = require("@emotion/react");
+
+var _BlockStateButtonGroup = _interopRequireDefault(require("./BlockStateButtonGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const SidebarBlock = function ({
+  expanded,
+  onExpand,
+  onCollapse,
+  onCollapseOthers,
+  block,
+  className
+}) {
+  return (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+          display: flex; flex-flow: column nowrap; background: ${_core.Colors.LIGHT_GRAY2};
+        `,
+    className: `${block.nonCollapsible !== true ? _core.Classes.ELEVATION_1 : undefined} ${className !== null && className !== void 0 ? className : ''}`
+  }, (0, _react.jsx)("div", {
+    onClick: () => {
+      expanded ? onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse() : onExpand === null || onExpand === void 0 ? void 0 : onExpand();
+    },
+    css: (0, _react.css)`
+            height: 24px; overflow: hidden; background: linear-gradient(to top, ${_core.Colors.LIGHT_GRAY2}, ${_core.Colors.LIGHT_GRAY3});
+            display: flex; flex-flow: row nowrap; align-items: center;
+            font-variation-settings: 'GRAD' 600, 'opsz' 20;
+            color: ${_core.Colors.GRAY2};
+            text-shadow: 1px 1px 1px ${_core.Colors.LIGHT_GRAY5};
+          `
+  }, (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+              flex: 1;
+              font-size: 90%;
+              padding: 5px 10px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            `
+  }, block.title), onCollapse || onExpand || onCollapseOthers ? (0, _react.jsx)(_BlockStateButtonGroup.default, null, onCollapseOthers ? (0, _react.jsx)(_core.Button, {
+    minimal: true,
+    small: true,
+    icon: 'vertical-distribution',
+    title: "Collapse other blocks",
+    onClick: evt => {
+      evt.stopPropagation();
+      onCollapseOthers();
+    }
+  }) : null, onCollapse ? (0, _react.jsx)(_core.Button, {
+    minimal: true,
+    small: true,
+    icon: 'collapse-all',
+    title: "Collapse this block",
+    onClick: evt => {
+      evt.stopPropagation();
+      onCollapse();
+    }
+  }) : null, onExpand ? (0, _react.jsx)(_core.Button, {
+    minimal: true,
+    small: true,
+    icon: 'expand-all',
+    title: "Expand this block",
+    onClick: evt => {
+      evt.stopPropagation();
+      onExpand();
+    }
+  }) : null) : null), expanded ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+                overflow-x: hidden; overflow-y: auto;
+                padding: 5px;
+                position: relative;
+                ${block.height ? `height: ${block.height}px;` : ''}
+                background: ${_core.Colors.LIGHT_GRAY4};
+                flex: 1 1 auto;
+                line-height: 1.4;
+                font-size: 90%;
+              `
+  }, block.content) : null);
+};
+
+var _default = SidebarBlock;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../src/widgets/Sidebar/Block.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAwB5D,MAAM,YAAY,GAClB,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;IAC9E,OAAO,CACL,aAAK,GAAG,EAAE,GAAG,CAAA;iEACgD,MAAM,CAAC,WAAW;SAC1E,EACD,SAAS,EAAE,GAAG,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE;QACpG,aACI,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,CAAA;kFACgE,MAAM,CAAC,WAAW,KAAK,MAAM,CAAC,WAAW;;;qBAGtG,MAAM,CAAC,KAAK;uCACM,MAAM,CAAC,WAAW;WAC9C;YACH,aACI,GAAG,EAAE,GAAG,CAAA;;;;;;;aAOP,IACF,KAAK,CAAC,KAAK,CACR;YACL,UAAU,IAAI,QAAQ,IAAI,gBAAgB;gBACzC,CAAC,CAAC,IAAC,qBAAqB;oBACnB,gBAAgB;wBACf,CAAC,CAAC,IAAC,MAAM,IACL,OAAO,QACP,KAAK,QACL,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAA,CAAC,CAAC,GAAI;wBACvE,CAAC,CAAC,IAAI;oBACP,UAAU;wBACT,CAAC,CAAC,IAAC,MAAM,IACL,OAAO,QACP,KAAK,QACL,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,UAAU,EAAE,CAAA,CAAC,CAAC,GAAI;wBACjE,CAAC,CAAC,IAAI;oBACP,QAAQ;wBACP,CAAC,CAAC,IAAC,MAAM,IACL,OAAO,QACP,KAAK,QACL,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC,GAAI;wBAC7D,CAAC,CAAC,IAAI,CACY;gBAC1B,CAAC,CAAC,IAAI,CACJ;QACL,QAAQ;YACP,CAAC,CAAC,aAAK,GAAG,EAAE,GAAG,CAAA;;;;kBAIL,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,EAAG;8BACrC,MAAM,CAAC,WAAW;;;;eAIjC,IACF,KAAK,CAAC,OAAO,CACV;YACR,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAA;AAGD,eAAe,YAAY,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { Button, Classes, Colors } from '@blueprintjs/core';\nimport { jsx, css } from '@emotion/react';\nimport BlockStateButtonGroup from './BlockStateButtonGroup';\nimport React from 'react';\n\n\nexport interface SidebarBlockConfig {\n  key: string\n  title: string | JSX.Element\n  content: JSX.Element\n  nonCollapsible?: boolean\n  collapsedByDefault?: boolean\n  height?: number // Height in pixels.\n}\n\n\ninterface SidebarBlockProps {\n  block: SidebarBlockConfig\n  onExpand?: () => void\n  onCollapse?: () => void\n  onCollapseOthers?: () => void\n  expanded?: boolean\n  className?: string\n}\n\n\nconst SidebarBlock: React.FC<SidebarBlockProps> =\nfunction ({ expanded, onExpand, onCollapse, onCollapseOthers, block, className }) {\n  return (\n    <div css={css`\n          display: flex; flex-flow: column nowrap; background: ${Colors.LIGHT_GRAY2};\n        `}\n        className={`${block.nonCollapsible !== true ? Classes.ELEVATION_1 : undefined} ${className ?? ''}`}>\n      <div\n          onClick={() => { expanded ? onCollapse?.() : onExpand?.() }}\n          css={css`\n            height: 24px; overflow: hidden; background: linear-gradient(to top, ${Colors.LIGHT_GRAY2}, ${Colors.LIGHT_GRAY3});\n            display: flex; flex-flow: row nowrap; align-items: center;\n            font-variation-settings: 'GRAD' 600, 'opsz' 20;\n            color: ${Colors.GRAY2};\n            text-shadow: 1px 1px 1px ${Colors.LIGHT_GRAY5};\n          `}>\n        <div\n            css={css`\n              flex: 1;\n              font-size: 90%;\n              padding: 5px 10px;\n              white-space: nowrap;\n              overflow: hidden;\n              text-overflow: ellipsis;\n            `}>\n          {block.title}\n        </div>\n        {onCollapse || onExpand || onCollapseOthers\n          ? <BlockStateButtonGroup>\n              {onCollapseOthers\n                ? <Button\n                    minimal\n                    small\n                    icon='vertical-distribution'\n                    title=\"Collapse other blocks\"\n                    onClick={(evt) => { evt.stopPropagation(); onCollapseOthers() }} />\n                : null}\n              {onCollapse\n                ? <Button\n                    minimal\n                    small\n                    icon='collapse-all'\n                    title=\"Collapse this block\"\n                    onClick={(evt) => { evt.stopPropagation(); onCollapse() }} />\n                : null}\n              {onExpand\n                ? <Button\n                    minimal\n                    small\n                    icon='expand-all'\n                    title=\"Expand this block\"\n                    onClick={(evt) => { evt.stopPropagation(); onExpand() }} />\n                  : null}\n            </BlockStateButtonGroup>\n          : null}\n      </div>\n      {expanded\n        ? <div css={css`\n                overflow-x: hidden; overflow-y: auto;\n                padding: 5px;\n                position: relative;\n                ${block.height ? `height: ${block.height}px;` : '' }\n                background: ${Colors.LIGHT_GRAY4};\n                flex: 1 1 auto;\n                line-height: 1.4;\n                font-size: 90%;\n              `}>\n            {block.content}\n          </div>\n        : null}\n    </div>\n  );\n}\n\n\nexport default SidebarBlock;\n"]}

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

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { ButtonGroupProps } from '@blueprintjs/core';
+declare const BlockStateButtonGroup: React.FC<ButtonGroupProps>;
+export default BlockStateButtonGroup;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const BlockStateButtonGroup = function (props) {
+  return (0, _react.jsx)(_core.ButtonGroup, Object.assign({
+    css: (0, _react.css)`opacity: 0.5; transform: scale(0.8) translateX(-2px); transform-origin: right;`
+  }, props));
+};
+
+var _default = BlockStateButtonGroup;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStateButtonGroup.js","sourceRoot":"","sources":["../../../src/widgets/Sidebar/BlockStateButtonGroup.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAG9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAGlE,MAAM,qBAAqB,GAA+B,UAAU,KAAK;IACvE,OAAO,IAAC,WAAW,kBACjB,GAAG,EAAE,GAAG,CAAA,gFAAgF,IACpF,KAAK,EACT,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { ButtonGroup, ButtonGroupProps } from '@blueprintjs/core';\n\n\nconst BlockStateButtonGroup: React.FC<ButtonGroupProps> = function (props) {\n  return <ButtonGroup\n    css={css`opacity: 0.5; transform: scale(0.8) translateX(-2px); transform-origin: right;`}\n    {...props}\n  />;\n};\n\nexport default BlockStateButtonGroup;\n"]}

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

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

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

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

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

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

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

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