@cratis/showrunner.usher.react 0.0.0-bootstrap.0 → 0.0.0-stage

package/Reporting/ReportIssueDialog.tsx

@@ -1,80 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { DialogResult, useDialogContext } from '@cratis/arc.react/dialogs';
-import { useSliceContext } from '@cratis/arc.react/slices';
-import { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';
-import { CommandDialog } from '@cratis/components/CommandDialog';
-import { InputTextField, TextAreaField } from '@cratis/components/CommandForm';
-import { DialogInitialFocus } from '@cratis/components/Dialogs';
-import { Guid } from '@cratis/fundamentals';
-import { ReportIssue } from '@cratis/showrunner.usher';
-import { useState } from 'react';
-import { UsherBoundary } from '../Provider/UsherBoundary.js';
-import { useUsherContext } from '../Provider/UsherContext.js';
-import { AccessFields } from './AccessFields.js';
-import { ReportSent } from './ReportSent.js';
-import { reportIssueValues } from './reportValues.js';
-import { SentWithReport } from './SentWithReport.js';
-import { useAccessChoice } from './useAccessChoice.js';
-
-/**
- * Props for {@link ReportIssueDialog}.
- */
-export interface ReportIssueDialogProps {
-    /** Where in the application the reporter is; the slice context the dialog is rendered in when not given. */
-    location?: ArcSliceLocation;
-
-    /** The correlation ids to send; the recent ones {@link UsherProvider} tracked when not given. */
-    correlationIds?: Guid[];
-}
-
-/**
- * The report a problem dialog: the reporter describes a problem by hand, and chooses whether support may know who
- * they are and sign in as them. Open it with `useDialog`; it closes with {@link ReportSent} once the report is sent.
- */
-export const ReportIssueDialog = ({ location, correlationIds }: ReportIssueDialogProps) => {
-    const usher = useUsherContext();
-    const sliceLocation = useSliceContext();
-    const [values] = useState(() => reportIssueValues({
-        issueId: Guid.create(),
-        location: location ?? sliceLocation,
-        correlationIds: correlationIds ?? usher.recentCorrelationIds(),
-        applicationVersion: usher.applicationVersion,
-        shareIdentity: usher.shareIdentityByDefault
-    }));
-
-    return (
-        <UsherBoundary>
-            <ReportIssueForm values={values} />
-        </UsherBoundary>
-    );
-};
-
-const ReportIssueForm = ({ values }: { values: ReturnType<typeof reportIssueValues> }) => {
-    const { labels, shareIdentityByDefault } = useUsherContext();
-    const { closeDialog } = useDialogContext<ReportIssueDialogProps, ReportSent>();
-    const access = useAccessChoice(shareIdentityByDefault);
-
-    return (
-        <CommandDialog<ReportIssue>
-            command={ReportIssue}
-            title={labels.reportIssue.title}
-            okLabel={labels.reportIssue.send}
-            cancelLabel={labels.common.cancel}
-            closeAriaLabel={labels.common.close}
-            width='560px'
-            initialFocus={DialogInitialFocus.Content}
-            initialValues={access.initialValues(values)}
-            currentValues={access.currentValues}
-            onFieldChange={access.onFieldChange}
-            onSuccess={() => closeDialog(DialogResult.Ok, { issueId: values.issueId! })}>
-            <div className='usher-report-form'>
-                <SentWithReport location={values.location!} correlationIdCount={values.correlationIds!.length} />
-                <InputTextField<ReportIssue> value={command => command.summary} title={labels.reportIssue.summary} />
-                <TextAreaField<ReportIssue> value={command => command.description} title={labels.reportIssue.description} rows={5} />
-                <AccessFields<ReportIssue> choice={access.choice} />
-            </div>
-        </CommandDialog>
-    );
-};

package/Reporting/ReportLimits.ts

@@ -1,24 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-/**
- * The most the backend accepts in one report, as `ReportLimits` in the Usher backend states it. What the application
- * itself gathers - stack frames, correlation ids and the error's own texts - is cut to these before a report is sent,
- * so a long stack trace never makes a report fail; what the reporter writes is checked by the generated validators.
- */
-export enum ReportLimits {
-    /** The longest error message a report carries. */
-    errorMessageLength = 2000,
-
-    /** The longest error type a report carries. */
-    errorTypeLength = 500,
-
-    /** The most stack frames a report carries. */
-    stackFrames = 50,
-
-    /** The longest method or file of a stack frame. */
-    stackFrameTextLength = 1000,
-
-    /** The most correlation ids a report carries. */
-    correlationIds = 20
-}

package/Reporting/ReportSent.ts

@@ -1,12 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { Guid } from '@cratis/fundamentals';
-
-/**
- * What a report dialog closes with once the report is sent.
- */
-export interface ReportSent {
-    /** The issue the report opened. */
-    readonly issueId: Guid;
-}

package/Reporting/SentWithReport.tsx

@@ -1,37 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { format } from '../Labels/index.js';
-import { useUsherContext } from '../Provider/UsherContext.js';
-import { formatLocation, LocationParts } from './formatLocation.js';
-
-/**
- * Props for {@link SentWithReport}.
- */
-export interface SentWithReportProps {
-    /** Where in the application the reporter was. */
-    location: LocationParts;
-
-    /** How many recent requests the report carries. */
-    correlationIdCount: number;
-}
-
-/**
- * Shows the reporter what is sent along with their report: where they were, the application version and how many
- * recent requests.
- */
-export const SentWithReport = ({ location, correlationIdCount }: SentWithReportProps) => {
-    const { labels, applicationName, applicationVersion } = useUsherContext();
-    const parts = [
-        formatLocation(location, labels.common.locationSeparator, labels.common.unknownLocation),
-        [applicationName, applicationVersion].filter(part => part.length > 0).join(' '),
-        correlationIdCount === 1 ? labels.common.oneRecentRequest : format(labels.common.recentRequests, { count: correlationIdCount })
-    ].filter(part => part.length > 0);
-
-    return (
-        <section className='usher-sent-with-report' aria-label={labels.common.sentWithYourReport}>
-            <span className='usher-sent-with-report__heading'>{labels.common.sentWithYourReport}</span>
-            <span className='usher-sent-with-report__parts'>{parts.join(' · ')}</span>
-        </section>
-    );
-};

package/Reporting/TechnicalDetails.tsx

@@ -1,60 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { Guid } from '@cratis/fundamentals';
-import { StackFrame } from '@cratis/showrunner.usher';
-import { format } from '../Labels/index.js';
-import { useUsherLabels } from '../Provider/UsherContext.js';
-
-/**
- * Props for {@link TechnicalDetails}.
- */
-export interface TechnicalDetailsProps {
-    /** The type of the error; empty when not known. */
-    errorType: string;
-
-    /** The correlation ids sent with the report. */
-    correlationIds: Guid[];
-
-    /** The stack frames of the error, top frame first. */
-    stackFrames: StackFrame[];
-}
-
-/**
- * The technical details of an error, collapsed until the reporter opens them.
- */
-export const TechnicalDetails = ({ errorType, correlationIds, stackFrames }: TechnicalDetailsProps) => {
-    const labels = useUsherLabels();
-
-    return (
-        <details className='usher-technical-details'>
-            <summary className='usher-technical-details__summary'>{labels.reportError.technicalDetails}</summary>
-            <dl className='usher-technical-details__list'>
-                {errorType.length > 0 && (
-                    <>
-                        <dt>{labels.reportError.errorType}</dt>
-                        <dd><code>{errorType}</code></dd>
-                    </>
-                )}
-                {correlationIds.length > 0 && (
-                    <>
-                        <dt>{labels.reportError.correlationId}</dt>
-                        <dd><code>{correlationIds[0].toString()}</code></dd>
-                    </>
-                )}
-                {stackFrames.length > 0 && (
-                    <>
-                        <dt>{labels.reportError.stackFrames}</dt>
-                        <dd>
-                            <ol className='usher-technical-details__frames'>
-                                {stackFrames.map((frame, index) => (
-                                    <li key={index}><code>{format(labels.reportError.stackFrame, { method: frame.method, file: frame.file, line: frame.line })}</code></li>
-                                ))}
-                            </ol>
-                        </dd>
-                    </>
-                )}
-            </dl>
-        </details>
-    );
-};

package/Reporting/durationOptions.ts

@@ -1,31 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { AccessDuration } from '@cratis/showrunner.usher';
-import { UsherLabels } from '../Labels/index.js';
-
-/**
- * One choice of how long support may sign in as the reporter.
- */
-export interface DurationOption {
-    [key: string]: unknown;
-
-    /** The {@link AccessDuration}. */
-    value: AccessDuration;
-
-    /** What the reporter sees. */
-    label: string;
-}
-
-/**
- * Gets the choices of how long support may sign in as the reporter.
- * @param labels The labels to show.
- * @returns The {@link DurationOption} for every {@link AccessDuration}, shortest first.
- */
-export function durationOptions(labels: UsherLabels): DurationOption[] {
-    return [
-        { value: AccessDuration.oneHour, label: labels.access.oneHour },
-        { value: AccessDuration.oneDay, label: labels.access.oneDay },
-        { value: AccessDuration.sevenDays, label: labels.access.sevenDays }
-    ];
-}

package/Reporting/formatLocation.ts

@@ -1,27 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-/**
- * The parts of where in the application something happened.
- */
-export interface LocationParts {
-    /** The module. */
-    readonly module: string;
-    /** The feature within the module. */
-    readonly feature: string;
-    /** The slice within the feature. */
-    readonly slice: string;
-}
-
-/**
- * Formats where in the application something happened for people, such as `Billing › Invoices › Pay`.
- * @param location The location; parts that are empty are left out.
- * @param separator What separates the parts.
- * @param unknown What to show when no part is known.
- * @returns The formatted location.
- */
-export function formatLocation(location: LocationParts | undefined, separator: string, unknown: string): string {
-    const parts = [location?.module, location?.feature, location?.slice]
-        .filter((part): part is string => typeof part === 'string' && part.length > 0);
-    return parts.length > 0 ? parts.join(separator) : unknown;
-}

package/Reporting/index.ts

@@ -1,16 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-export * from './AccessChoice.js';
-export * from './AccessFields.js';
-export * from './AccessNotice.js';
-export * from './durationOptions.js';
-export * from './formatLocation.js';
-export * from './ReportErrorDialog.js';
-export * from './ReportIssueDialog.js';
-export * from './ReportLimits.js';
-export * from './ReportSent.js';
-export * from './reportValues.js';
-export * from './SentWithReport.js';
-export * from './TechnicalDetails.js';
-export * from './useAccessChoice.js';

package/Reporting/reportValues.ts

@@ -1,150 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';
-import { Guid } from '@cratis/fundamentals';
-import { AccessDuration, ErrorDetails, errorDetailsFromError, IReportError, IReportIssue, SliceLocation, StackFrame } from '@cratis/showrunner.usher';
-import { ReportLimits } from './ReportLimits.js';
-
-/**
- * What every report carries besides what the reporter writes.
- */
-export interface ReportContext {
-    /** The id of the new issue. */
-    readonly issueId: Guid;
-
-    /** Where in the application the reporter was. */
-    readonly location: ArcSliceLocation;
-
-    /** The correlation ids of the commands and queries run just before the report. */
-    readonly correlationIds: Guid[];
-
-    /** The version of the application. */
-    readonly applicationVersion: string;
-
-    /** Whether to let support know who the reporter is unless they choose otherwise. */
-    readonly shareIdentity: boolean;
-}
-
-/**
- * Converts where something happened to the location a report carries.
- * @param location The {@link ArcSliceLocation}, as `useSliceContext()` or a generated proxy gives it.
- * @returns The {@link SliceLocation} of the report.
- */
-export function toReportLocation(location: ArcSliceLocation): SliceLocation {
-    const reportLocation = new SliceLocation();
-    reportLocation.module = location.module;
-    reportLocation.feature = location.feature;
-    reportLocation.slice = location.slice;
-    return reportLocation;
-}
-
-/**
- * Gets the initial values of the report a problem command.
- * @param context The {@link ReportContext}.
- * @returns The values.
- */
-export function reportIssueValues(context: ReportContext): IReportIssue {
-    return {
-        issueId: context.issueId,
-        summary: '',
-        description: '',
-        location: toReportLocation(context.location),
-        correlationIds: context.correlationIds.slice(-ReportLimits.correlationIds),
-        applicationVersion: context.applicationVersion,
-        shareIdentity: context.shareIdentity,
-        grantAccess: false,
-        accessDuration: AccessDuration.oneDay
-    };
-}
-
-/**
- * Gets the initial values of the report this error command. The error's own location and correlation ids win over
- * those of the context, as they say where the error happened.
- * @param error The {@link ErrorDetails}.
- * @param context The {@link ReportContext}.
- * @returns The values.
- */
-export function reportErrorValues(error: ErrorDetails, context: ReportContext): IReportError {
-    return {
-        issueId: context.issueId,
-        errorMessage: error.message.slice(0, ReportLimits.errorMessageLength),
-        errorType: error.type.slice(0, ReportLimits.errorTypeLength),
-        stackFrames: error.stackFrames.slice(0, ReportLimits.stackFrames).map(withinLimits),
-        details: '',
-        location: toReportLocation(isEmptyLocation(error.location) ? context.location : error.location),
-        correlationIds: mergeCorrelationIds(error.correlationIds, context.correlationIds).slice(0, ReportLimits.correlationIds),
-        applicationVersion: context.applicationVersion,
-        shareIdentity: context.shareIdentity,
-        grantAccess: false,
-        accessDuration: AccessDuration.oneDay
-    };
-}
-
-/**
- * Merges correlation ids, keeping each once, the first given first.
- * @param first The correlation ids that come first.
- * @param second The correlation ids that come after.
- * @returns The merged correlation ids.
- */
-export function mergeCorrelationIds(first: Guid[], second: Guid[]): Guid[] {
-    const merged: Guid[] = [];
-    for (const correlationId of [...first, ...second]) {
-        if (!merged.some(existing => existing.equals(correlationId))) {
-            merged.push(correlationId);
-        }
-    }
-    return merged;
-}
-
-/**
- * Gets the {@link ErrorDetails} of an error to report: the details themselves when given, otherwise the details of
- * what was thrown.
- * @param error `ErrorDetails`, or anything thrown.
- * @param location Where it happened, when what was thrown does not say.
- * @returns The {@link ErrorDetails}.
- */
-export function toErrorDetails(error: unknown, location?: ArcSliceLocation): ErrorDetails {
-    return isErrorDetails(error) ? error : errorDetailsFromError(error, location);
-}
-
-/**
- * Checks whether a value is {@link ErrorDetails}.
- * @param value The value.
- * @returns True when it is.
- */
-export function isErrorDetails(value: unknown): value is ErrorDetails {
-    if (typeof value !== 'object' || value === null || value instanceof Error) {
-        return false;
-    }
-
-    const candidate = value as Record<string, unknown>;
-    return typeof candidate.message === 'string'
-        && typeof candidate.type === 'string'
-        && Array.isArray(candidate.correlationIds)
-        && Array.isArray(candidate.stackFrames)
-        && typeof candidate.location === 'object'
-        && candidate.location !== null;
-}
-
-/**
- * Checks whether a location says nothing about where something happened.
- * @param location The location.
- * @returns True when no part of it is known.
- */
-export function isEmptyLocation(location: { module: string; feature: string; slice: string } | undefined): boolean {
-    return !location || [location.module, location.feature, location.slice].every(part => !part);
-}
-
-/**
- * Cuts the texts of a stack frame to what a report carries.
- * @param frame The {@link StackFrame}.
- * @returns The frame within the limits.
- */
-function withinLimits(frame: StackFrame): StackFrame {
-    return {
-        ...frame,
-        method: frame.method.slice(0, ReportLimits.stackFrameTextLength),
-        file: frame.file.slice(0, ReportLimits.stackFrameTextLength)
-    };
-}

package/Reporting/useAccessChoice.ts

@@ -1,53 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { useMemo, useReducer } from 'react';
-import { AccessChoice, changeAccessChoice, initialAccessChoice, sharesIdentity } from './AccessChoice.js';
-
-interface FieldChanged {
-    readonly fieldName: string;
-    readonly value: unknown;
-}
-
-const reduce = (choice: AccessChoice, change: FieldChanged) => changeAccessChoice(choice, change.fieldName, change.value);
-
-/**
- * What {@link useAccessChoice} gives a command form.
- */
-export interface AccessChoiceBinding {
-    /** The reporter's {@link AccessChoice}. */
-    readonly choice: AccessChoice;
-
-    /** The handler for the form's `onFieldChange`. */
-    readonly onFieldChange: (command: unknown, fieldName: string, oldValue: unknown, newValue: unknown) => void;
-
-    /** The form's `currentValues`, which force sharing who the reporter is while access is granted. */
-    readonly currentValues: { shareIdentity: boolean };
-
-    /**
-     * Gets the form's `initialValues` without `shareIdentity`: the form merges `initialValues` over `currentValues`, so
-     * a `shareIdentity` there would win over the value the access choice forces.
-     * @param values The initial values of the command.
-     * @returns The values without `shareIdentity`.
-     */
-    readonly initialValues: <TValues extends { shareIdentity?: boolean }>(values: TValues) => Omit<TValues, 'shareIdentity'>;
-}
-
-const withoutShareIdentity = <TValues extends { shareIdentity?: boolean }>(values: TValues): Omit<TValues, 'shareIdentity'> => {
-    const seed: Partial<TValues> = { ...values };
-    delete seed.shareIdentity;
-    return seed as Omit<TValues, 'shareIdentity'>;
-};
-
-/**
- * Follows the reporter's access choice in a command form with `shareIdentity`, `grantAccess` and `accessDuration`.
- * @param shareIdentityByDefault Whether to let support know who the reporter is unless they choose otherwise.
- * @returns The {@link AccessChoiceBinding}.
- */
-export function useAccessChoice(shareIdentityByDefault: boolean): AccessChoiceBinding {
-    const [choice, dispatch] = useReducer(reduce, shareIdentityByDefault, initialAccessChoice);
-    const shareIdentity = sharesIdentity(choice);
-    const currentValues = useMemo(() => ({ shareIdentity }), [shareIdentity]);
-    const onFieldChange = (_command: unknown, fieldName: string, _oldValue: unknown, newValue: unknown) => dispatch({ fieldName, value: newValue });
-    return { choice, onFieldChange, currentValues, initialValues: withoutShareIdentity };
-}

package/dist/cjs/Buttons/MyIssuesButton.d.ts

@@ -1,14 +0,0 @@
-import { useUsher } from '../Provider/useUsher.js';
-import { UsherButtonSize } from './buttonModels.js';
-export interface MyIssuesButtonProps {
-    size?: UsherButtonSize;
-    className?: string;
-}
-export declare const MyIssuesButton: (props: MyIssuesButtonProps) => import("react").JSX.Element;
-export interface MyIssuesButtonViewProps extends MyIssuesButtonProps {
-    waiting: number;
-    labels: ReturnType<typeof useUsher>['labels'];
-    onOpen: () => void;
-}
-export declare const MyIssuesButtonView: ({ size, className, waiting, labels, onOpen }: MyIssuesButtonViewProps) => import("react").JSX.Element;
-//# sourceMappingURL=MyIssuesButton.d.ts.map

package/dist/cjs/Buttons/MyIssuesButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MyIssuesButton.d.ts","sourceRoot":"","sources":["../../../Buttons/MyIssuesButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAuB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzE,MAAM,WAAW,mBAAmB;IAEhC,IAAI,CAAC,EAAE,eAAe,CAAC;IAGvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAQxD,CAAC;AAYF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAEhE,OAAO,EAAE,MAAM,CAAC;IAGhB,MAAM,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC;IAG9C,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,eAAO,MAAM,kBAAkB,GAAI,8CAAwD,uBAAuB,gCAgBjH,CAAC"}

package/dist/cjs/Buttons/MyIssuesButton.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Common = require('@cratis/components/Common');
-var Display = require('@cratis/components/Display');
-var showrunner_usher = require('@cratis/showrunner.usher');
-var Icons = require('../Icons.js');
-var MyIssuesList = require('../Issues/MyIssuesList.js');
-var UsherBoundary = require('../Provider/UsherBoundary.js');
-var useUsher = require('../Provider/useUsher.js');
-var buttonModels = require('./buttonModels.js');
-
-/**
- * Opens the my issues side sheet. A badge counts the issues support waits for the user on, and the accessible name
- * says how many.
- */ const MyIssuesButton = (props)=>{
-    const usher = useUsher.useUsher();
-    return /*#__PURE__*/ jsxRuntime.jsx(UsherBoundary.UsherBoundary, {
-        children: /*#__PURE__*/ jsxRuntime.jsx(MyIssuesButtonContent, {
-            ...props,
-            onOpen: usher.showMyIssues
-        })
-    });
-};
-const MyIssuesButtonContent = ({ size = 'large', className, onOpen })=>{
-    const usher = useUsher.useUsher();
-    const [result] = showrunner_usher.MyIssues.use();
-    return /*#__PURE__*/ jsxRuntime.jsx(MyIssuesButtonView, {
-        size: size,
-        className: className,
-        waiting: MyIssuesList.waitingCount(result.data ?? []),
-        labels: usher.labels,
-        onOpen: onOpen
-    });
-};
-/**
- * Renders the my issues button for a given number of issues support waits for the user on.
- */ const MyIssuesButtonView = ({ size = 'large', className, waiting, labels, onOpen })=>{
-    const model = buttonModels.myIssuesButtonModel(size, waiting, labels);
-    const badge = waiting > 0 && /*#__PURE__*/ jsxRuntime.jsx("span", {
-        className: "usher-my-issues-button__badge",
-        "aria-hidden": "true",
-        children: /*#__PURE__*/ jsxRuntime.jsx(Display.Badge, {
-            value: waiting,
-            severity: "warn",
-            size: "small"
-        })
-    });
-    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
-        className: [
-            'usher-my-issues-button',
-            className
-        ].filter(Boolean).join(' '),
-        "data-size": size,
-        children: [
-            size === 'small' ? /*#__PURE__*/ jsxRuntime.jsx(Common.IconButton, {
-                variant: "ghost",
-                icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.InboxIcon, {}),
-                "aria-label": model.accessibleName,
-                tooltip: model.tooltip,
-                onClick: onOpen
-            }) : /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
-                variant: "outline",
-                icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.InboxIcon, {}),
-                label: model.text,
-                "aria-label": model.accessibleName,
-                onClick: onOpen
-            }),
-            badge
-        ]
-    });
-};
-
-exports.MyIssuesButton = MyIssuesButton;
-exports.MyIssuesButtonView = MyIssuesButtonView;
-//# sourceMappingURL=MyIssuesButton.js.map

package/dist/cjs/Buttons/MyIssuesButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MyIssuesButton.js","sources":["../../../Buttons/MyIssuesButton.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Button, IconButton } from '@cratis/components/Common';\nimport { Badge } from '@cratis/components/Display';\nimport { MyIssues } from '@cratis/showrunner.usher';\nimport { InboxIcon } from '../Icons.js';\nimport { waitingCount } from '../Issues/MyIssuesList.js';\nimport { UsherBoundary } from '../Provider/UsherBoundary.js';\nimport { useUsher } from '../Provider/useUsher.js';\nimport { myIssuesButtonModel, UsherButtonSize } from './buttonModels.js';\n\n/**\n * Props for {@link MyIssuesButton}.\n */\nexport interface MyIssuesButtonProps {\n    /** `large` shows the icon and the text; `small` shows the icon, with the text as tooltip and accessible name. Defaults to `large`. */\n    size?: UsherButtonSize;\n\n    /** Additional class name for the button. */\n    className?: string;\n}\n\n/**\n * Opens the my issues side sheet. A badge counts the issues support waits for the user on, and the accessible name\n * says how many.\n */\nexport const MyIssuesButton = (props: MyIssuesButtonProps) => {\n    const usher = useUsher();\n\n    return (\n        <UsherBoundary>\n            <MyIssuesButtonContent {...props} onOpen={usher.showMyIssues} />\n        </UsherBoundary>\n    );\n};\n\nconst MyIssuesButtonContent = ({ size = 'large', className, onOpen }: MyIssuesButtonProps & { onOpen: () => void }) => {\n    const usher = useUsher();\n    const [result] = MyIssues.use();\n\n    return <MyIssuesButtonView size={size} className={className} waiting={waitingCount(result.data ?? [])} labels={usher.labels} onOpen={onOpen} />;\n};\n\n/**\n * Props for {@link MyIssuesButtonView}.\n */\nexport interface MyIssuesButtonViewProps extends MyIssuesButtonProps {\n    /** How many issues support waits for the user on. */\n    waiting: number;\n\n    /** The labels to show. */\n    labels: ReturnType<typeof useUsher>['labels'];\n\n    /** Opens the my issues side sheet. */\n    onOpen: () => void;\n}\n\n/**\n * Renders the my issues button for a given number of issues support waits for the user on.\n */\nexport const MyIssuesButtonView = ({ size = 'large', className, waiting, labels, onOpen }: MyIssuesButtonViewProps) => {\n    const model = myIssuesButtonModel(size, waiting, labels);\n    const badge = waiting > 0 && (\n        <span className='usher-my-issues-button__badge' aria-hidden='true'>\n            <Badge value={waiting} severity='warn' size='small' />\n        </span>\n    );\n\n    return (\n        <span className={['usher-my-issues-button', className].filter(Boolean).join(' ')} data-size={size}>\n            {size === 'small'\n                ? <IconButton variant='ghost' icon={<InboxIcon />} aria-label={model.accessibleName} tooltip={model.tooltip} onClick={onOpen} />\n                : <Button variant='outline' icon={<InboxIcon />} label={model.text} aria-label={model.accessibleName} onClick={onOpen} />}\n            {badge}\n        </span>\n    );\n};\n"],"names":["MyIssuesButton","props","usher","useUsher","_jsx","UsherBoundary","MyIssuesButtonContent","onOpen","showMyIssues","size","className","result","MyIssues","use","MyIssuesButtonView","waiting","waitingCount","data","labels","model","myIssuesButtonModel","badge","span","aria-hidden","Badge","value","severity","_jsxs","filter","Boolean","join","data-size","IconButton","variant","icon","InboxIcon","aria-label","accessibleName","tooltip","onClick","Button","label","text"],"mappings":";;;;;;;;;;;;AAuBA;;;IAIO,MAAMA,cAAAA,GAAiB,CAACC,KAAAA,GAAAA;AAC3B,IAAA,MAAMC,KAAAA,GAAQC,iBAAAA,EAAAA;AAEd,IAAA,qBACIC,cAAA,CAACC,2BAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAD,cAAA,CAACE,qBAAAA,EAAAA;AAAuB,YAAA,GAAGL,KAAK;AAAEM,YAAAA,MAAAA,EAAQL,MAAMM;;;AAG5D;AAEA,MAAMF,qBAAAA,GAAwB,CAAC,EAAEG,IAAAA,GAAO,OAAO,EAAEC,SAAS,EAAEH,MAAM,EAAgD,GAAA;AAC9G,IAAA,MAAML,KAAAA,GAAQC,iBAAAA,EAAAA;AACd,IAAA,MAAM,CAACQ,MAAAA,CAAO,GAAGC,yBAAAA,CAASC,GAAG,EAAA;AAE7B,IAAA,qBAAOT,cAAA,CAACU,kBAAAA,EAAAA;QAAmBL,IAAAA,EAAMA,IAAAA;QAAMC,SAAAA,EAAWA,SAAAA;AAAWK,QAAAA,OAAAA,EAASC,yBAAAA,CAAaL,MAAAA,CAAOM,IAAI,IAAI,EAAE,CAAA;AAAGC,QAAAA,MAAAA,EAAQhB,MAAMgB,MAAM;QAAEX,MAAAA,EAAQA;;AACzI,CAAA;AAgBA;;AAEC,IACM,MAAMO,kBAAAA,GAAqB,CAAC,EAAEL,IAAAA,GAAO,OAAO,EAAEC,SAAS,EAAEK,OAAO,EAAEG,MAAM,EAAEX,MAAM,EAA2B,GAAA;IAC9G,MAAMY,KAAAA,GAAQC,gCAAAA,CAAoBX,IAAAA,EAAMM,OAAAA,EAASG,MAAAA,CAAAA;IACjD,MAAMG,KAAAA,GAAQN,OAAAA,GAAU,CAAA,kBACpBX,cAAA,CAACkB,MAAAA,EAAAA;QAAKZ,SAAAA,EAAU,+BAAA;QAAgCa,aAAAA,EAAY,MAAA;AACxD,QAAA,QAAA,gBAAAnB,cAAA,CAACoB,aAAAA,EAAAA;YAAMC,KAAAA,EAAOV,OAAAA;YAASW,QAAAA,EAAS,MAAA;YAAOjB,IAAAA,EAAK;;;AAIpD,IAAA,qBACIkB,eAAA,CAACL,MAAAA,EAAAA;QAAKZ,SAAAA,EAAW;AAAC,YAAA,wBAAA;AAA0BA,YAAAA;AAAU,SAAA,CAACkB,MAAM,CAACC,OAAAA,CAAAA,CAASC,IAAI,CAAC,GAAA,CAAA;QAAMC,WAAAA,EAAWtB,IAAAA;;AACxFA,YAAAA,IAAAA,KAAS,wBACJL,cAAA,CAAC4B,iBAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,OAAA;AAAQC,gBAAAA,IAAAA,gBAAM9B,cAAA,CAAC+B,eAAAA,EAAAA,EAAAA,CAAAA;AAAcC,gBAAAA,YAAAA,EAAYjB,MAAMkB,cAAc;AAAEC,gBAAAA,OAAAA,EAASnB,MAAMmB,OAAO;gBAAEC,OAAAA,EAAShC;+BACpHH,cAAA,CAACoC,aAAAA,EAAAA;gBAAOP,OAAAA,EAAQ,SAAA;AAAUC,gBAAAA,IAAAA,gBAAM9B,cAAA,CAAC+B,eAAAA,EAAAA,EAAAA,CAAAA;AAAcM,gBAAAA,KAAAA,EAAOtB,MAAMuB,IAAI;AAAEN,gBAAAA,YAAAA,EAAYjB,MAAMkB,cAAc;gBAAEE,OAAAA,EAAShC;;AAClHc,YAAAA;;;AAGb;;;"}

package/dist/cjs/Buttons/ReportButton.d.ts

@@ -1,8 +0,0 @@
-import { UsherButtonSize } from './buttonModels.js';
-export interface ReportButtonProps {
-    size?: UsherButtonSize;
-    error?: unknown;
-    className?: string;
-}
-export declare const ReportButton: ({ size, error, className }: ReportButtonProps) => import("react").JSX.Element;
-//# sourceMappingURL=ReportButton.d.ts.map

package/dist/cjs/Buttons/ReportButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReportButton.d.ts","sourceRoot":"","sources":["../../../Buttons/ReportButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAqB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKvE,MAAM,WAAW,iBAAiB;IAE9B,IAAI,CAAC,EAAE,eAAe,CAAC;IAGvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,YAAY,GAAI,4BAAsC,iBAAiB,gCAwBnF,CAAC"}

package/dist/cjs/Buttons/ReportButton.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Common = require('@cratis/components/Common');
-var Icons = require('../Icons.js');
-var useUsher = require('../Provider/useUsher.js');
-var buttonModels = require('./buttonModels.js');
-
-/**
- * Opens the report a problem dialog, or the report this error dialog when given an error, with where in the
- * application the button is.
- */ const ReportButton = ({ size = 'large', error, className })=>{
-    const usher = useUsher.useUsher();
-    const reportsError = error !== undefined;
-    const model = buttonModels.reportButtonModel(size, reportsError, usher.labels);
-    const report = ()=>reportsError ? usher.reportError(error) : usher.reportIssue();
-    return size === 'small' ? /*#__PURE__*/ jsxRuntime.jsx(Common.IconButton, {
-        className: className,
-        variant: "ghost",
-        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.BugIcon, {}),
-        "aria-label": model.accessibleName,
-        tooltip: model.tooltip,
-        onClick: report
-    }) : /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
-        className: className,
-        variant: "outline",
-        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.BugIcon, {}),
-        label: model.text,
-        onClick: report
-    });
-};
-
-exports.ReportButton = ReportButton;
-//# sourceMappingURL=ReportButton.js.map