@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

package/{views → compiled/views}/sidebar/Search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Search/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo, useContext, useCallback, useMemo, useEffect } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { toJSONNormalized } from '@riboseinc/paneron-extension-kit/util';\nimport type { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\nimport makeSearchResultList from '@riboseinc/paneron-extension-kit/widgets/SearchResultList';\nimport useDebounce from '@riboseinc/paneron-extension-kit/useDebounce';\nimport { type CriteriaGroup, isCriteriaGroup, BLANK_CRITERIA } from '../../FilterCriteria/models';\nimport criteriaGroupToQueryExpression from '../../FilterCriteria/criteriaGroupToQueryExpression';\nimport { RAW_SUBSTRING, CUSTOM_CONDITION } from '../../FilterCriteria/CRITERIA_CONFIGURATION';\nimport { ChangeRequestContext } from '../../../proposals/ChangeRequestContext';\nimport type { RegisterItem } from '../../../types';\nimport { itemRefToItemPath } from '../../itemPathUtils';\nimport { getRegisterItemQuery } from '../../itemQueryUtils';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport SearchQuery from '../../SearchQuery';\nimport ListItem from '../ListItem';\nimport { Protocols } from '../../protocolRegistry';\n\n\n// TODO: Move Search widget core out of sidebar, as it’s used elsewhere too.\n\n\ninterface Query {\n  criteria: CriteriaGroup;\n}\ninterface State {\n  query: Query;\n  quickSubstringQuery: string;\n  selectedItemPath: string | null;\n}\nfunction isState(val: any): val is State {\n  return val\n    && val.query\n    && val.query.criteria\n    && isCriteriaGroup(val.query.criteria)\n    && typeof val.quickSubstringQuery === 'string'\n    && (val.selectedItemPath === null || typeof val.selectedItemPath === 'string')\n}\ntype Action =\n  | { type: 'update-query'; payload: { query: Query; }; }\n  | { type: 'update-quick-substring-query'; payload: { substring: string; }; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\n\nconst initialState: State = {\n  query: { criteria: BLANK_CRITERIA },\n  quickSubstringQuery: '',\n  selectedItemPath: null,\n} as const;\n\nfunction isInitialState(state: State): boolean {\n  return toJSONNormalized(state) === toJSONNormalized(initialState);\n}\n\nfunction reducer(prevState: State, action: Action) {\n  switch (action.type) {\n    case 'update-query':\n      return {\n        ...prevState,\n        query: action.payload.query,\n      };\n    case 'update-quick-substring-query':\n      return {\n        ...prevState,\n        quickSubstringQuery: action.payload.substring,\n      };\n    case 'select-item':\n      return {\n        ...prevState,\n        selectedItemPath: action.payload.itemPath,\n      };\n    default:\n      throw new Error(\"Unexpected search state\");\n  }\n}\n\nconst Search: React.FC<{\n  /**\n   * Human-readable description of what would be searched.\n   * Optional, but if provided must be a lower-case noun\n   * to be integrated in GUI copy.\n   */\n  scope?: string,\n\n  /**\n   * Criteria that will always apply.\n   * Used e.g. in superseding item selection\n   * (to limit to the same item class).\n   */\n  implicitCriteria?: CriteriaGroup,\n\n  availableClassIDs?: string[]\n  onOpenItem?: (itemPath: string) => void\n\n  zeroResultsView?: JSX.Element\n  initialView?: JSX.Element\n\n  stateName?: string\n\n  List?: ReturnType<typeof makeSearchResultList>\n  extraData?: Record<string, any>\n\n  className?: string\n  style?: React.CSSProperties\n}> =\nmemo(function ({ scope, implicitCriteria, initialView, zeroResultsView, availableClassIDs, stateName, onOpenItem, List, extraData, className, style }) {\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n\n  const ListComponent = useMemo((() => List ?? RegisterItemSearchResultList), [List]);\n\n  const {\n    // TODO: defaultSearchCriteria,\n    keyExpression,\n    getQuickSearchPredicate,\n    itemClasses,\n    subregisters,\n    selectedRegisterItem,\n    jumpTo,\n  } = useContext(BrowserCtx);\n\n  const { changeRequest } = useContext(ChangeRequestContext);\n\n  const [ state, dispatch, stateRecalled ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)( stateName ?? 'search-sidebar',\n    undefined,\n    isState,\n    reducer,\n    initialState,\n    null);\n\n  const selectedItemPath = selectedRegisterItem?.ref\n    ? itemRefToItemPath(selectedRegisterItem.ref, changeRequest?.id)\n    : null;\n\n  useEffect(() => {\n    if (selectedItemPath) {\n      dispatch({ type: 'select-item', payload: { itemPath: selectedItemPath } });\n    }\n  }, [selectedItemPath, dispatch]);\n\n  // Why are we memoing this? It’s just a string and seems not too slow to compute.\n  const effectiveQueryExpression: string = useMemo(() => {\n    const quickSearchString = (state.quickSubstringQuery ?? '').trim();\n    const withSearchString: CriteriaGroup =\n      state.query.criteria.criteria.length < 1 && quickSearchString !== ''\n        ? {\n            require: 'all',\n            criteria: [\n              getQuickSearchPredicate\n                ? {\n                    key: 'custom',\n                    query: CUSTOM_CONDITION.toQuery(\n                      { customExpression: getQuickSearchPredicate(quickSearchString) },\n                      { itemClasses, subregisters },\n                    ),\n                  }\n                : {\n                    key: 'raw-substring',\n                    query: RAW_SUBSTRING.toQuery(\n                      { substring: quickSearchString },\n                      { itemClasses, subregisters }),\n                  },\n            ],\n          }\n        : state.query.criteria;\n    const withImplicit: CriteriaGroup = implicitCriteria\n      ? {\n          require: 'all',\n          criteria: [ implicitCriteria, withSearchString ],\n        }\n      : withSearchString;\n    return withImplicit.criteria.length > 0\n      ? criteriaGroupToQueryExpression(withImplicit)\n      // If no criteria provided, don’t show anything by default.\n      : 'false';\n  }, [state.query.criteria, state.quickSubstringQuery, itemClasses, subregisters, getQuickSearchPredicate]);\n\n  const stateRecalledDebounced = useDebounce(stateRecalled, 100);\n  const queryExpressionDebounced = useDebounce(\n    effectiveQueryExpression,\n    stateRecalledDebounced ? 500 : 0,\n  );\n\n  const datasetObjectSearchQueryExpression = useMemo((() =>\n    queryExpressionDebounced.trim() !== '' && queryExpressionDebounced != 'false'\n      ? getRegisterItemQuery(queryExpressionDebounced, changeRequest ?? undefined)\n      : 'return false'\n  ), [queryExpressionDebounced, changeRequest]);\n\n  const handleSelectItem = useCallback(\n    (itemPath => dispatch({ type: 'select-item', payload: { itemPath }})),\n    [dispatch]);\n\n  const defaultHandleOpenItem = useCallback(\n    (itemPath => jumpTo?.(`${Protocols.ITEM_DETAILS}:${itemPath}`)),\n    [jumpTo]);\n  const handleOpenItem = onOpenItem ?? defaultHandleOpenItem;\n\n  const showInitialScreen = initialView && isInitialState({ ...state, selectedItemPath: null });\n\n  return (\n    <div css={css`display: flex; flex-flow: column nowrap;`} className={className} style={style}>\n      <SearchQuery\n        scope={scope}\n        rootCriteria={state.query.criteria}\n        quickSearchString={state.quickSubstringQuery}\n        availableClassIDs={availableClassIDs}\n        onCriteriaChange={useCallback((\n          criteria => dispatch({ type: 'update-query', payload: { query: { criteria } } })\n        ), [dispatch])}\n        onQuickSearchStringChange={useCallback((\n          substring => dispatch({ type: 'update-quick-substring-query', payload: { substring } })\n        ), [dispatch])}\n        css={css`padding: 2px; margin-bottom: 10px;`}\n      />\n      <div css={css`flex: 1; overflow-y: auto;`}>\n        {showInitialScreen\n          ? initialView\n          : <ListComponent\n              queryExpression={datasetObjectSearchQueryExpression}\n              keyExpression={keyExpression}\n              selectedItemPath={state.selectedItemPath}\n              onSelectItem={handleSelectItem}\n              onOpenItem={handleOpenItem}\n              extraItemViewData={extraData as any}\n              zeroResultsView={effectiveQueryExpression === queryExpressionDebounced\n                ? zeroResultsView\n                : undefined}\n            />}\n      </div>\n    </div>\n  );\n});\n\n\nconst RegisterItemSearchResultList = makeSearchResultList<RegisterItem<any>>(ListItem, (objPath) => ({\n  name: 'reg. item',\n  iconProps: {\n    icon: 'document',\n    title: objPath,\n    htmlTitle: `Icon for item at ${objPath}`,\n  },\n}));\n\n\nexport default Search;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/sidebar/Search/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo, useContext, useCallback, useMemo, useEffect } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { toJSONNormalized } from '@riboseinc/paneron-extension-kit/util';\nimport type { PersistentStateReducerHook } from '@riboseinc/paneron-extension-kit/usePersistentStateReducer';\nimport makeSearchResultList from '@riboseinc/paneron-extension-kit/widgets/SearchResultList';\nimport useDebounce from '@riboseinc/paneron-extension-kit/useDebounce';\nimport { type CriteriaGroup, isCriteriaGroup, BLANK_CRITERIA } from '../../FilterCriteria/models';\nimport criteriaGroupToQueryExpression from '../../FilterCriteria/criteriaGroupToQueryExpression';\nimport { RAW_SUBSTRING, CUSTOM_CONDITION } from '../../FilterCriteria/CRITERIA_CONFIGURATION';\nimport { ChangeRequestContext } from '../../../proposals/ChangeRequestContext';\nimport type { RegisterItem } from '../../../types';\nimport { itemRefToItemPath } from '../../itemPathUtils';\nimport { getRegisterItemQuery } from '../../itemQueryUtils';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport SearchQuery from '../../SearchQuery';\nimport ListItem from '../ListItem';\nimport { Protocols } from '../../protocolRegistry';\n\n\n// TODO: Move Search widget core out of sidebar, as it’s used elsewhere too.\n\n\ninterface Query {\n  criteria: CriteriaGroup;\n}\ninterface State {\n  query: Query;\n  quickSubstringQuery: string;\n  selectedItemPath: string | null;\n}\nfunction isState(val: any): val is State {\n  return val\n    && val.query\n    && val.query.criteria\n    && isCriteriaGroup(val.query.criteria)\n    && typeof val.quickSubstringQuery === 'string'\n    && (val.selectedItemPath === null || typeof val.selectedItemPath === 'string')\n}\ntype Action =\n  | { type: 'update-query'; payload: { query: Query; }; }\n  | { type: 'update-quick-substring-query'; payload: { substring: string; }; }\n  | { type: 'select-item'; payload: { itemPath: string | null; }; }\n\nconst initialState: State = {\n  query: { criteria: BLANK_CRITERIA },\n  quickSubstringQuery: '',\n  selectedItemPath: null,\n} as const;\n\nfunction isInitialState(state: State): boolean {\n  return toJSONNormalized(state) === toJSONNormalized(initialState);\n}\n\nfunction reducer(prevState: State, action: Action) {\n  switch (action.type) {\n    case 'update-query':\n      return {\n        ...prevState,\n        query: action.payload.query,\n      };\n    case 'update-quick-substring-query':\n      return {\n        ...prevState,\n        quickSubstringQuery: action.payload.substring,\n      };\n    case 'select-item':\n      return {\n        ...prevState,\n        selectedItemPath: action.payload.itemPath,\n      };\n    default:\n      throw new Error(\"Unexpected search state\");\n  }\n}\n\nconst Search: React.FC<{\n  /**\n   * Human-readable description of what would be searched.\n   * Optional, but if provided must be a lower-case noun\n   * to be integrated in GUI copy.\n   */\n  scope?: string,\n\n  /**\n   * Criteria that will always apply.\n   * Used e.g. in superseding item selection\n   * (to limit to the same item class).\n   */\n  implicitCriteria?: CriteriaGroup,\n\n  availableClassIDs?: string[]\n  onOpenItem?: (itemPath: string) => void\n\n  zeroResultsView?: JSX.Element\n  initialView?: JSX.Element\n\n  stateName?: string\n\n  List?: ReturnType<typeof makeSearchResultList>\n  extraData?: Record<string, any>\n\n  className?: string\n  style?: React.CSSProperties\n}> =\nmemo(function ({ scope, implicitCriteria, initialView, zeroResultsView, availableClassIDs, stateName, onOpenItem, List, extraData, className, style }) {\n  const { usePersistentDatasetStateReducer } = useContext(DatasetContext);\n\n  const ListComponent = useMemo((() => List ?? RegisterItemSearchResultList), [List]);\n\n  const {\n    // TODO: defaultSearchCriteria,\n    keyExpression,\n    getQuickSearchPredicate,\n    itemClasses,\n    subregisters,\n    selectedRegisterItem,\n    jumpTo,\n  } = useContext(BrowserCtx);\n\n  const { changeRequest } = useContext(ChangeRequestContext);\n\n  const [ state, dispatch, stateRecalled ] = (usePersistentDatasetStateReducer as PersistentStateReducerHook<State, Action>)( stateName ?? 'search-sidebar',\n    undefined,\n    isState,\n    reducer,\n    initialState,\n    null);\n\n  const selectedItemPath = selectedRegisterItem?.ref\n    ? itemRefToItemPath(selectedRegisterItem.ref, changeRequest?.id)\n    : null;\n\n  useEffect(() => {\n    if (selectedItemPath) {\n      dispatch({ type: 'select-item', payload: { itemPath: selectedItemPath } });\n    }\n  }, [selectedItemPath, dispatch]);\n\n  // Why are we memoing this? It’s just a string and seems not too slow to compute.\n  const effectiveQueryExpression: string = useMemo(() => {\n    const quickSearchString = (state.quickSubstringQuery ?? '').trim();\n    const withSearchString: CriteriaGroup =\n      state.query.criteria.criteria.length < 1 && quickSearchString !== ''\n        ? {\n            require: 'all',\n            criteria: [\n              getQuickSearchPredicate\n                ? {\n                    key: 'custom',\n                    query: CUSTOM_CONDITION.toQuery(\n                      { customExpression: getQuickSearchPredicate(quickSearchString) },\n                      { itemClasses, subregisters },\n                    ),\n                  }\n                : {\n                    key: 'raw-substring',\n                    query: RAW_SUBSTRING.toQuery(\n                      { substring: quickSearchString },\n                      { itemClasses, subregisters }),\n                  },\n            ],\n          }\n        : state.query.criteria;\n    const withImplicit: CriteriaGroup = implicitCriteria\n      ? {\n          require: 'all',\n          criteria: [ implicitCriteria, withSearchString ],\n        }\n      : withSearchString;\n    return withImplicit.criteria.length > 0\n      ? criteriaGroupToQueryExpression(withImplicit)\n      // If no criteria provided, don’t show anything by default.\n      : 'false';\n  }, [state.query.criteria, state.quickSubstringQuery, itemClasses, subregisters, getQuickSearchPredicate]);\n\n  const stateRecalledDebounced = useDebounce(stateRecalled, 100);\n  const queryExpressionDebounced = useDebounce(\n    effectiveQueryExpression,\n    stateRecalledDebounced ? 500 : 0,\n  );\n\n  const datasetObjectSearchQueryExpression = useMemo((() =>\n    queryExpressionDebounced.trim() !== '' && queryExpressionDebounced != 'false'\n      ? getRegisterItemQuery(queryExpressionDebounced, changeRequest ?? undefined)\n      : 'return false'\n  ), [queryExpressionDebounced, changeRequest]);\n\n  const handleSelectItem = useCallback(\n    (itemPath => dispatch({ type: 'select-item', payload: { itemPath }})),\n    [dispatch]);\n\n  const defaultHandleOpenItem = useCallback(\n    (itemPath => jumpTo?.(`${Protocols.ITEM_DETAILS}:${itemPath}`)),\n    [jumpTo]);\n  const handleOpenItem = onOpenItem ?? defaultHandleOpenItem;\n\n  const showInitialScreen = initialView && isInitialState({ ...state, selectedItemPath: null });\n\n  return (\n    <div css={css`display: flex; flex-flow: column nowrap;`} className={className} style={style}>\n      <SearchQuery\n        scope={scope}\n        rootCriteria={state.query.criteria}\n        quickSearchString={state.quickSubstringQuery}\n        availableClassIDs={availableClassIDs}\n        onCriteriaChange={useCallback((\n          criteria => dispatch({ type: 'update-query', payload: { query: { criteria } } })\n        ), [dispatch])}\n        onQuickSearchStringChange={useCallback((\n          substring => dispatch({ type: 'update-quick-substring-query', payload: { substring } })\n        ), [dispatch])}\n        css={css`padding: 2px; margin-bottom: 10px;`}\n      />\n      <div css={css`flex: 1; overflow-y: auto; scrollbar-gutter: stable;`}>\n        {showInitialScreen\n          ? initialView\n          : <ListComponent\n              queryExpression={datasetObjectSearchQueryExpression}\n              keyExpression={keyExpression}\n              selectedItemPath={state.selectedItemPath}\n              onSelectItem={handleSelectItem}\n              onOpenItem={handleOpenItem}\n              extraItemViewData={extraData as any}\n              zeroResultsView={effectiveQueryExpression === queryExpressionDebounced\n                ? zeroResultsView\n                : undefined}\n            />}\n      </div>\n    </div>\n  );\n});\n\n\nconst RegisterItemSearchResultList = makeSearchResultList<RegisterItem<any>>(ListItem, (objPath) => ({\n  name: 'reg. item',\n  iconProps: {\n    icon: 'document',\n    title: objPath,\n    htmlTitle: `Icon for item at ${objPath}`,\n  },\n}));\n\n\nexport default Search;\n"]}

package/compiled/views/sidebar/index.js

@@ -0,0 +1,115 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { useContext } from 'react';
+import update from 'immutability-helper';
+import { jsx, css } from '@emotion/react';
+import { Icon, Button } from '@blueprintjs/core';
+import HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';
+import { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit';
+//import Browse from './Browse';
+import ItemClassTree from '../../item-classes/Tree';
+import { BrowserCtx } from '../BrowserCtx';
+//import Search from './Search';
+import { ChangeRequestHistoryBlock } from './Registration';
+import { canImportCR, canCreateCR } from '../../types/stakeholder';
+import ActionableCRTree from '../../proposals/actionableGroups/Tree';
+import { Protocols } from '../protocolRegistry';
+//import { ExportOptions, ImportOptions } from './ExportImport';
+export const sidebarIDs = [
+    'Browse',
+    //'Registration',
+    //'Export',
+];
+export const sidebarConfig = {
+    Browse: {
+        icon: () => jsx(Icon, { icon: "list" }),
+        title: "Browse",
+        blocks: [{
+                key: 'browse',
+                title: jsx("div", { css: css `display: flex; justify-content: space-between` },
+                    "Item classes",
+                    jsx(HelpTooltip, { content: "Browse register items by pre-made categories" })),
+                content: jsx(ItemClassTree, null),
+                nonCollapsible: false,
+                // These have to have height specified due to absolute positioning.
+                height: 400,
+                //}, {
+                //  key: 'search',
+                //  title: "New search",
+                //  content: <Search css={css`position: absolute; inset: 0;`} />,
+                //  nonCollapsible: false,
+                //  height: 400,
+            }, {
+                key: 'proposal-history',
+                title: "Proposal history",
+                content: jsx(ChangeRequestHistoryBlock, null),
+                nonCollapsible: false,
+                height: 200,
+            }],
+    },
+    // Registration: {
+    //   icon: () => <Icon icon="lightbulb" />,
+    //   title: "Proposals",
+    //   blocks: [{
+    //     key: 'pending-crs',
+    //     title: <div css={css`display: flex; justify-content: space-between`}>
+    //       Pending proposals
+    //       <HelpTooltip content="Proposals pending decision. If a register item is selected, only proposals affecting that item are shown." />
+    //     </div>,
+    //     content: <PendingChangeRequestsBlock />,
+    //     height: 300,
+    //   }, {
+    //     key: 'cr-history',
+    //     title: <div css={css`display: flex; justify-content: space-between`}>
+    //       History
+    //       <HelpTooltip content="Resolved proposals. If a register item is selected, only proposals affecting that item are shown." />
+    //     </div>,
+    //     content: <ChangeRequestHistoryBlock />,
+    //     height: 300,
+    //   }],
+    // },
+    // Export: {
+    //   icon: () => <Icon icon="changes" />,
+    //   title: "Import and export options",
+    //   blocks: [{
+    //     key: 'export',
+    //     title: "Export options",
+    //     content: <ExportOptions />,
+    //     nonCollapsible: true,
+    //   }, {
+    //     key: 'import',
+    //     title: "Import options",
+    //     content: <ImportOptions />,
+    //     nonCollapsible: false,
+    //     collapsedByDefault: true,
+    //   }],
+    // },
+};
+const ProposalsBlockTitle = function () {
+    const { spawnTab, focusedTabURI } = useContext(TabbedWorkspaceContext);
+    const { stakeholder, activeChangeRequestID } = useContext(BrowserCtx);
+    const dashboardIsOpen = focusedTabURI === null || focusedTabURI === void 0 ? void 0 : focusedTabURI.startsWith(Protocols.PROPOSAL_WORK);
+    const canOpenDashboard = !activeChangeRequestID;
+    return jsx("div", { css: css `display: flex; justify-content: space-between; align-items: center;` },
+        "Pending proposals",
+        stakeholder && (canImportCR(stakeholder) || canCreateCR(stakeholder))
+            ? jsx(Button, { minimal: true, small: true, disabled: !canOpenDashboard, intent: canOpenDashboard ? 'primary' : undefined, active: dashboardIsOpen, onClick: (evt) => {
+                    evt.stopPropagation();
+                    spawnTab(Protocols.PROPOSAL_WORK);
+                } }, "Propose\u2026")
+            : null);
+};
+export const sidebarConfigForStakeholder = update(sidebarConfig, {
+    Browse: {
+        blocks: {
+            $splice: [[0, 0, {
+                        key: 'proposals',
+                        title: jsx(ProposalsBlockTitle, null),
+                        content: jsx(ActionableCRTree, null),
+                        nonCollapsible: false,
+                        height: 200,
+                    }]]
+        }
+    }
+});
+//# sourceMappingURL=index.js.map

package/compiled/views/util.js

@@ -0,0 +1,278 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+//import log from 'electron-log';
+import format from 'date-fns/format';
+import { format as formatTZ, utcToZonedTime } from 'date-fns-tz';
+import React, { memo, useContext } from 'react';
+import { Helmet } from 'react-helmet';
+import { ClassNames, css, jsx } from '@emotion/react';
+import { Card, Icon, Classes, FormGroup, H3, H4, Button as BaseButton, Menu, MenuDivider, MenuItem, ButtonGroup, Tag, Colors, } from '@blueprintjs/core';
+import { Popover2InteractionKind, Tooltip2 } from '@blueprintjs/popover2';
+import { Popover2 as Popover } from '@blueprintjs/popover2';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { BrowserCtx } from './BrowserCtx';
+export { GenericRelatedItemView } from './GenericRelatedItemView';
+/**
+ * Get give string truncated & with ellipsis appended
+ * if its length exceeds given number of characters.
+ */
+export function maybeEllipsizeString(str, maxLength = 20) {
+    return str.length > maxLength
+        ? `${str.slice(0, maxLength)}…`
+        : str;
+}
+export const RegisterHelmet = memo(function (props) {
+    var _a, _b;
+    const { title: datasetTitle } = useContext(DatasetContext);
+    const { registerMetadata } = useContext(BrowserCtx);
+    return (jsx(Helmet, { titleTemplate: `%s in ${(_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.name) !== null && _a !== void 0 ? _a : datasetTitle}`, defaultTitle: `${(_b = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.name) !== null && _b !== void 0 ? _b : datasetTitle}` }, props.children));
+});
+/**
+ * A wrapper to show property data with its label(s).
+ */
+export const PropertyDetailView = function ({ label, labelInfo, title, secondaryTitle, ...props }) {
+    return (jsx(FormGroup, { label: label || title ? `${label !== null && label !== void 0 ? label : title}:` : undefined, labelInfo: labelInfo !== null && labelInfo !== void 0 ? labelInfo : secondaryTitle, css: css `
+        &, &.bp4-inline {
+          label.bp4-label {
+            /*
+             * Since it’s in flex container, label expands to fill its width,
+             * and due to the mechanics of how labels work (?)
+             * any button (e.g., for deletion) within labelInfo
+             * would responds to events of the entire label
+             * (meaning you can hover space to the right of the label and labelInfo
+             * and the button would still be clickable).
+             * This makes the label not fill flex container width.
+             */
+            align-self: flex-start;
+
+            font-weight: bold;
+            line-height: unset;
+            text-transform: capitalize;
+            .bp4-text-muted {
+              text-transform: none;
+            }
+          }
+        }
+      `, ...props }));
+};
+/** Formats given date as a span with tooltip set to full ISO date & time. */
+export const Datestamp = function ({ date, useUTC, showTime, showTimeIfNonZero, title, className }) {
+    var _a;
+    const asString = formatDate(date, { useUTC, showTime, showTimeIfNonZero });
+    return jsx("span", { className: className, title: `${title ? `${title}: ` : ''}${(_a = date === null || date === void 0 ? void 0 : date.toString()) !== null && _a !== void 0 ? _a : 'N/A'}` }, asString);
+};
+function formatInTimeZone(date, fmt, tz) {
+    return formatTZ(utcToZonedTime(date, tz), fmt, { timeZone: tz });
+}
+function timeIsNonZero(date) {
+    return (date.getMilliseconds() === 0 &&
+        date.getSeconds() === 0 &&
+        date.getMinutes() === 0 &&
+        date.getHours() === 0);
+}
+/** Foramts given date as plain text. */
+export function formatDate(date, opts) {
+    const showTime = (opts === null || opts === void 0 ? void 0 : opts.showTime) || ((opts === null || opts === void 0 ? void 0 : opts.showTimeIfNonZero) && timeIsNonZero(date));
+    const fmt = showTime
+        ? 'yyyy-MM-dd HH:mm:ss'
+        : 'yyyy-MM-dd';
+    try {
+        return (opts === null || opts === void 0 ? void 0 : opts.useUTC)
+            ? `${formatInTimeZone(date, fmt, 'UTC')}${showTime ? ' UTC' : ''}`
+            : format(date, fmt);
+    }
+    catch (e) {
+        console.error("Failed to format date", date, typeof date);
+        return `Invalid date (${e})`;
+    }
+}
+export const _getRelatedClass = (classes) => {
+    return (clsID) => {
+        const cfg = classes[clsID];
+        return {
+            title: cfg.meta.title,
+            // TODO: The itemView/listItemView inconsistency is annoying
+            itemView: cfg.views.listItemView,
+        };
+    };
+};
+const paddingPx = 11;
+function findEnabledActions(props) {
+    return props.map(props => props.length !== undefined
+        ? props.filter(p => !p.disabled)
+        : !props.disabled
+            ? props
+            : []).flat();
+}
+export const TabContentsWithHeader = function ({ title, smallTitle, classification, actions, layout, layoutOptions, className, children }) {
+    var _a;
+    const hasClassification = (classification !== null && classification !== void 0 ? classification : []).length > 0;
+    const enabledActions = actions ? findEnabledActions(actions) : [];
+    const hasActions = enabledActions.length > 0;
+    // if (enabledActions.length === 1 && !enabledActions[0].intent) {
+    //   enabledActions[0].intent = 'primary';
+    // }
+    return (jsx("div", { css: css `
+      position: absolute; inset: 0;
+      padding-top: ${paddingPx}px;
+      ${hasActions ? `padding-bottom: ${paddingPx}px;` : ''}
+      display: flex; flex-flow: column nowrap;
+      gap: ${paddingPx}px;
+    `, className: className },
+        smallTitle
+            ? jsx(H4, { css: css `margin: 0 ${paddingPx}px;` }, title)
+            : jsx(H3, { css: css `margin: 0 ${paddingPx}px;` }, title),
+        hasClassification
+            ? jsx("div", { css: css `
+            flex: 0;
+            margin: 0 ${paddingPx}px;
+            display: flex;
+            flex-flow: row wrap;
+            gap: ${paddingPx}px;
+          ` }, classification.map((p, idx) => jsx(React.Fragment, null, p.tooltip
+                ? jsx(ClassNames, null, ({ css: css2, cx }) => (jsx(Tooltip2, { popoverClassName: `${css2 `
+                              .bp4-popover2-content {
+                                min-width: 500px;
+                                a {
+                                  color: black !important;
+                                }
+                              }
+                            `}`, hoverCloseDelay: 600, hoverOpenDelay: 600, interactionKind: Popover2InteractionKind.HOVER, intent: p.tooltip.intent, ...p.tooltip, css: css `
+                              cursor: help;
+                            `, content: p.tooltip.content },
+                    jsx(Tag, { key: idx, minimal: true, ...p, large: !smallTitle },
+                        p.children,
+                        "\u2002",
+                        jsx(Icon, { icon: "help", css: css `margin-bottom: 1px; opacity: .5`, size: 12 })))))
+                : jsx(Tag, { key: idx, minimal: true, ...p, large: !smallTitle }))))
+            : null,
+        jsx("div", { css: css `
+        position: relative;
+        flex: 1;
+        overflow-y: auto;
+
+        ${layout === undefined
+                ? `
+              > :only-child { position: absolute; inset: 0 }
+              box-shadow: black 0 0 20px -10px;
+            `
+                : `
+              padding: 0 10px;
+              &::after, &::before {
+                pointer-events: none;
+                content: " ";
+                display: block;
+                position: sticky;
+                width: 100%;
+                height: 1px;
+                background: ${Colors.GRAY5};
+                .bp4-dark & { background: ${Colors.DARK_GRAY2}; }
+                z-index: 10;
+              }
+              &::before {
+                top: 0;
+                box-shadow: ${Colors.GRAY5} 0 -20px 20px 20px;
+                .bp4-dark & {
+                  box-shadow: ${Colors.DARK_GRAY2} 0 -20px 20px 20px;
+                }
+              }
+              &::after {
+                bottom: 0;
+                box-shadow: ${Colors.GRAY5} 0 20px 20px 20px;
+                .bp4-dark & {
+                  box-shadow: ${Colors.DARK_GRAY2} 0 20px 20px 20px;
+                }
+              }
+            `}
+
+        ${layout === 'scrollable' || layout === 'card-grid'
+                ? `
+              background: ${Colors.GRAY5};
+              .bp4-dark & { background: ${Colors.DARK_GRAY2}; }
+            `
+                : ''}
+
+        ${layout === 'card-grid'
+                ? `
+              display: flex;
+              flex-flow: row wrap;
+              align-content: flex-start;
+              ${(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.stretch)
+                    ? 'align-items: stretch;'
+                    : 'align-items: flex-start;'}
+              gap: ${(_a = layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.gapPx) !== null && _a !== void 0 ? _a : 10}px;
+            `
+                : ''}
+      ` }, children),
+        hasActions
+            ? jsx("div", { css: css `
+            margin: 0 ${paddingPx}px;
+            flex: 0; display: flex; flex-flow: row wrap; gap: ${paddingPx}px;
+          ` }, actions.map((props, idx) => {
+                if (props.hasOwnProperty('length') && props.length !== undefined) {
+                    return (jsx(ButtonGroup, { key: idx }, props.map((p, idx) => jsx(Action, { ...p, key: idx }))));
+                }
+                else {
+                    return jsx(Action, { key: idx, ...props });
+                }
+            }))
+            : null));
+};
+/** Mostly a button, but with an optional popup. */
+const Action = function ({ popup, tooltip, ...props }) {
+    const btn = jsx(BaseButton, { ...props, intent: props.disabled ? undefined : props.intent, onClick: props.disabled ? undefined : props.onClick, disabled: props.active ? false : props.disabled, title: tooltip, rightIcon: popup ? 'more' : undefined });
+    if (popup && !props.disabled) {
+        return (jsx(Popover, { key: props.key, content: popup, placement: "top", minimal: true, interactionKind: "click" }, btn));
+    }
+    else {
+        return btn;
+    }
+};
+export const CardInGrid = function ({ description, className, ...props }) {
+    return (jsx(Card, { css: css `border-radius: 5px;`, title: description, className: !props.interactive
+            ? `${Classes.ELEVATION_3} ${className !== null && className !== void 0 ? className : ''}`
+            : className, ...props }));
+};
+/** Useful in case of tab “card-grid” layout. */
+export const FormGroupAsCardInGrid = function ({ paddingPx, ...props }) {
+    const paddingPx_ = paddingPx !== null && paddingPx !== void 0 ? paddingPx : 11;
+    return (jsx(FormGroup, { ...props, css: css `
+        margin: 0;
+
+        border-radius: 5px;
+        padding: ${paddingPx_}px;
+
+        > label.bp4-label {
+          font-weight: bold;
+          margin-bottom: ${paddingPx_}px;
+        }
+        > .bp4-form-content {
+          display: flex;
+          flex-flow: column nowrap;
+          gap: ${paddingPx_}px;
+
+          > .bp4-form-group {
+            margin: 0;
+          }
+        }
+
+        /* Note: these colors are picked to work with some form widgets, date input widget specifically. */
+        background: ${Colors.WHITE};
+        .bp4-dark & { background: ${Colors.DARK_GRAY3}; }
+      `, className: `${Classes.ELEVATION_3} ${props.className}` }));
+};
+export const MoreMenu = memo(function ({ children }) {
+    return (jsx(Popover, { minimal: true, content: jsx(React.Fragment, null, children) },
+        jsx(BaseButton, { icon: "more", small: true, minimal: true })));
+});
+export const ItemClassMenu = memo(function ({ cfg, onCreate }) {
+    return (jsx(Menu, null,
+        jsx(MenuDivider, { title: "About this class" }),
+        jsx(MenuItem, { multiline: true, disabled: true, css: css `max-width: 400px`, text: cfg.meta.description }),
+        onCreate
+            ? jsx(React.Fragment, null,
+                jsx(MenuDivider, { title: "Quick actions" }),
+                jsx(MenuItem, { text: "Propose new", intent: "primary", onClick: onCreate, icon: "plus" }))
+            : null));
+});
+//# sourceMappingURL=util.js.map

package/dependencies-local/extension-kit/SettingsContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type GlobalSettings } from './settings';
+interface ContextSpec {
+    settings: GlobalSettings;
+    refresh: () => void;
+}
+export declare const GlobalSettingsContext: React.Context<ContextSpec>;
+export {};

package/dependencies-local/extension-kit/SettingsContext.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlobalSettingsContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _settings = require("./settings");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const GlobalSettingsContext = _react.default.createContext({
+  settings: _settings.INITIAL_GLOBAL_SETTINGS,
+  refresh: () => void 0
+});
+
+exports.GlobalSettingsContext = GlobalSettingsContext;

package/dependencies-local/extension-kit/SettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsContext.js","sourceRoot":"","sources":["../src/SettingsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAQ1E,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAc;IACpE,QAAQ,EAAE,uBAAuB;IACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACtB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { type GlobalSettings, INITIAL_GLOBAL_SETTINGS } from './settings';\n\n\ninterface ContextSpec {\n  settings: GlobalSettings\n  refresh: () => void\n}\n\nexport const GlobalSettingsContext = React.createContext<ContextSpec>({\n  settings: INITIAL_GLOBAL_SETTINGS,\n  refresh: () => void 0,\n});\n"]}

package/dependencies-local/extension-kit/build_site.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dependencies-local/extension-kit/build_site.js

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+"use strict";
+
+console.log('yo');

package/dependencies-local/extension-kit/build_site.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build_site.js","sourceRoot":"","sources":["../src/build_site.ts"],"names":[],"mappings":";;AACA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC","sourcesContent":["#!/usr/bin/env node\nconsole.log('yo');\n"]}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { DatasetContext as DatasetContextSpec } from './types';
+/**
+ * A higher-order component that:
+ *
+ * - takes dataset view component;
+ * - returns a component that takes dataset context as props,
+ *   and renders dataset view wrapped inside dataset context provider.
+ */
+export declare function withDatasetContext(Component: React.FC<any>): React.FC<DatasetContextSpec>;
+/**
+ * Provides functions for interacting with dataset data,
+ * and by extension the underlying repositories.
+ *
+ * NOTE: If your IDE does not expose TSDoc docstrings for DatasetContext
+ * members, consult DatasetContextSpec type definition.
+ */
+export declare const DatasetContext: React.Context<DatasetContextSpec>;