@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

package/dist/views/util.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riboseinc/paneron-registry-kit",
-  "version": "2.2.59",
+  "version": "2.2.60",
   "main": "index.js",
   "author": "Ribose Inc. <open.source@ribose.com>",
   "scripts": {

package/react-visual-diff.d.ts

@@ -0,0 +1,9 @@
+declare module "react-visual-diff" {
+  const VisualDiff: React.FC<{
+    left: JSX.Element
+    right: JSX.Element
+    renderChange?: React.FC<{ type: 'added' | 'removed' }>
+    diffProps?: string[]
+  }>
+  export = VisualDiff
+}