@hubspot/cli 8.0.10-experimental.5 → 8.0.10-experimental.6

package/ui/components/BoxWithTitle.d.ts

@@ -1,11 +0,0 @@
-export interface BoxWithTitleProps {
-    title: string;
-    message?: string;
-    titleBackgroundColor?: string;
-    borderColor?: string;
-    textCentered?: boolean;
-    children?: React.ReactNode;
-    flexGrow?: number;
-}
-export declare function getBoxWithTitle(props: BoxWithTitleProps): React.ReactNode;
-export declare function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, textCentered, children, flexGrow, }: BoxWithTitleProps): React.ReactNode;

package/ui/components/BoxWithTitle.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { CONTAINER_STYLES } from '../styles.js';
-export function getBoxWithTitle(props) {
-    return _jsx(BoxWithTitle, { ...props });
-}
-export function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, textCentered, children, flexGrow, }) {
-    return (_jsxs(Box, { ...CONTAINER_STYLES, flexGrow: flexGrow, borderStyle: "round", borderColor: borderColor, children: [_jsx(Box, { position: "absolute", marginTop: -2, paddingX: 0, alignSelf: "flex-start", justifyContent: "center", alignItems: "center", children: _jsx(Text, { backgroundColor: titleBackgroundColor, bold: true, children: ` ${title} ` }) }), _jsxs(Box, { flexDirection: "column", width: "100%", rowGap: 1, children: [message?.split('\n\n').map((section, sectionIndex) => (_jsx(Box, { flexDirection: "column", alignItems: textCentered ? 'center' : 'flex-start', children: section.split('\n').map((line, lineIndex) => (_jsx(Text, { children: line }, `${sectionIndex}-${lineIndex}`))) }, sectionIndex))), children] })] }));
-}

package/ui/components/FullScreen.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type FullScreenProps = {
-    children: React.ReactNode;
-};
-export declare function FullScreen({ children }: FullScreenProps): React.ReactNode;
-export declare function getFullScreen(props: FullScreenProps): React.ReactNode;

package/ui/components/FullScreen.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from 'ink';
-import { useTerminalSize } from '../lib/useTerminalSize.js';
-export function FullScreen({ children }) {
-    // Use rows - 1 to prevent flickering
-    // See: https://github.com/vadimdemedes/ink/issues/359
-    const { rows, columns } = useTerminalSize();
-    const height = rows - 1;
-    return (_jsx(Box, { flexDirection: "column", width: columns, height: height, overflow: "hidden", children: children }));
-}
-export function getFullScreen(props) {
-    return _jsx(FullScreen, { ...props });
-}

package/ui/components/HorizontalSelectPrompt.d.ts

@@ -1,8 +0,0 @@
-export interface HorizontalSelectPromptProps {
-    defaultOption?: string;
-    options: string[];
-    onSelect: (value: string) => void;
-    prompt?: string;
-}
-export declare function getHorizontalSelectPrompt(props: HorizontalSelectPromptProps): React.ReactNode;
-export declare function HorizontalSelectPrompt({ defaultOption, options, onSelect, prompt, }: HorizontalSelectPromptProps): React.ReactNode;

package/ui/components/HorizontalSelectPrompt.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text, useInput } from 'ink';
-import { useState } from 'react';
-import { CONTAINER_STYLES, INK_COLORS } from '../styles.js';
-export function getHorizontalSelectPrompt(props) {
-    return _jsx(HorizontalSelectPrompt, { ...props });
-}
-export function HorizontalSelectPrompt({ defaultOption, options, onSelect, prompt, }) {
-    const [selectedIndex, setSelectedIndex] = useState(defaultOption && options.indexOf(defaultOption) !== -1
-        ? options.indexOf(defaultOption)
-        : 0);
-    const moveRight = () => {
-        setSelectedIndex(prev => (prev < options.length - 1 ? prev + 1 : 0));
-    };
-    const moveLeft = () => {
-        setSelectedIndex(prev => (prev > 0 ? prev - 1 : options.length - 1));
-    };
-    useInput((_, key) => {
-        if (key.leftArrow) {
-            moveLeft();
-        }
-        else if (key.rightArrow) {
-            moveRight();
-        }
-        else if (key.return) {
-            onSelect(options[selectedIndex]);
-        }
-    });
-    return (_jsxs(Box, { ...CONTAINER_STYLES, flexDirection: "column", marginTop: 1, width: "100%", alignSelf: "center", justifyContent: "center", children: [prompt && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: prompt }) })), _jsx(Box, { flexDirection: "row", justifyContent: "center", flexWrap: "wrap", width: "100%", gap: 1, children: options.map((option, index) => (_jsx(Box, { children: _jsx(Text, { backgroundColor: index === selectedIndex ? INK_COLORS.INFO_BLUE : undefined, bold: index === selectedIndex, children: ` ${option} ` }) }, index))) }), _jsx(Box, { marginTop: 1, alignSelf: "center", justifyContent: "center", children: _jsx(Text, { dimColor: true, children: "Use arrow keys to navigate, Enter to select" }) })] }));
-}

package/ui/components/InputField.d.ts

@@ -1,10 +0,0 @@
-export type InputFieldProps = {
-    flag: string;
-    prompt: string;
-    value: string;
-    isEditing: boolean;
-    onChange: (value: string) => void;
-    onSubmit: () => void;
-};
-export declare function InputField({ flag, prompt, value, isEditing, onChange, onSubmit, }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare function getInputField(props: InputFieldProps): React.ReactNode;

package/ui/components/InputField.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-import { INK_COLORS } from '../styles.js';
-export function InputField({ flag, prompt, value, isEditing, onChange, onSubmit, }) {
-    return (_jsxs(Box, { flexDirection: "row", flexWrap: "wrap", columnGap: 1, marginBottom: 1, children: [_jsx(Text, { color: INK_COLORS.HUBSPOT_TEAL, children: "?" }), _jsxs(Text, { children: ["[--", flag, "] ", prompt] }), _jsx(Text, { color: INK_COLORS.INFO_BLUE, children: _jsx(TextInput, { focus: isEditing, value: value, onChange: onChange, onSubmit: onSubmit }) })] }));
-}
-export function getInputField(props) {
-    return _jsx(InputField, { ...props });
-}

package/ui/components/SelectInput.d.ts

@@ -1,11 +0,0 @@
-export type SelectInputItem = {
-    label: string;
-    value: string;
-    disabled?: boolean;
-};
-export type SelectInputProps = {
-    items: SelectInputItem[];
-    onSelect: (item: SelectInputItem) => void;
-};
-export declare function SelectInput({ items, onSelect }: SelectInputProps): import("react/jsx-runtime").JSX.Element;
-export declare function getSelectInput(props: SelectInputProps): React.ReactNode;

package/ui/components/SelectInput.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text, useInput } from 'ink';
-import { useState } from 'react';
-import { INK_COLORS } from '../styles.js';
-export function SelectInput({ items, onSelect }) {
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    useInput((_, key) => {
-        if (key.upArrow) {
-            setSelectedIndex(prevIndex => {
-                let newIndex = prevIndex - 1;
-                if (newIndex < 0) {
-                    newIndex = items.length - 1;
-                }
-                // Skip disabled items
-                while (items[newIndex]?.disabled && newIndex !== prevIndex) {
-                    newIndex--;
-                    if (newIndex < 0) {
-                        newIndex = items.length - 1;
-                    }
-                }
-                return newIndex;
-            });
-        }
-        if (key.downArrow) {
-            setSelectedIndex(prevIndex => {
-                let newIndex = prevIndex + 1;
-                if (newIndex >= items.length) {
-                    newIndex = 0;
-                }
-                // Skip disabled items
-                while (items[newIndex]?.disabled && newIndex !== prevIndex) {
-                    newIndex++;
-                    if (newIndex >= items.length) {
-                        newIndex = 0;
-                    }
-                }
-                return newIndex;
-            });
-        }
-        if (key.return) {
-            const selectedItem = items[selectedIndex];
-            if (selectedItem && !selectedItem.disabled) {
-                onSelect(selectedItem);
-            }
-        }
-    });
-    return (_jsx(Box, { flexDirection: "column", children: items.map((item, index) => {
-            const isSelected = index === selectedIndex;
-            const isDisabled = item.disabled;
-            return (_jsxs(Box, { flexDirection: "row", columnGap: 1, children: [_jsx(Text, { color: isSelected ? INK_COLORS.INFO_BLUE : undefined, children: isSelected ? '❯' : ' ' }), _jsx(Text, { color: isDisabled
-                            ? INK_COLORS.GRAY
-                            : isSelected
-                                ? INK_COLORS.INFO_BLUE
-                                : undefined, dimColor: isDisabled, children: item.label })] }, item.value));
-        }) }));
-}
-export function getSelectInput(props) {
-    return _jsx(SelectInput, { ...props });
-}

package/ui/components/StatusIcon.d.ts

@@ -1,9 +0,0 @@
-import { ValueOf } from '@hubspot/local-dev-lib/types/Utils';
-import { ACTION_STATUSES } from '../constants.js';
-type ActionStatus = ValueOf<typeof ACTION_STATUSES>;
-export type StatusIconProps = {
-    status: ActionStatus;
-};
-export declare function StatusIcon({ status }: StatusIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function getStatusIcon(props: StatusIconProps): React.ReactNode;
-export {};

package/ui/components/StatusIcon.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from 'ink';
-import Spinner from 'ink-spinner';
-import { ACTION_STATUSES } from '../constants.js';
-import { INK_COLORS } from '../styles.js';
-export function StatusIcon({ status }) {
-    if (status === ACTION_STATUSES.ERROR) {
-        return _jsx(Text, { color: INK_COLORS.ALERT_RED, children: "\u00D7" });
-    }
-    if (status === ACTION_STATUSES.DONE) {
-        return _jsx(Text, { color: INK_COLORS.HUBSPOT_TEAL, children: "\u2713" });
-    }
-    return (_jsx(Text, { color: INK_COLORS.HUBSPOT_TEAL, children: _jsx(Spinner, { type: "dots" }) }));
-}
-export function getStatusIcon(props) {
-    return _jsx(StatusIcon, { ...props });
-}

package/ui/components/StatusMessageBoxes.d.ts

@@ -1,13 +0,0 @@
-export interface StatusMessageBoxProps {
-    title: string;
-    message: string;
-    textCentered?: boolean;
-}
-export declare function getWarningBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function WarningBox({ title, message, textCentered, }: StatusMessageBoxProps): React.ReactNode;
-export declare function getAlertBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function AlertBox({ title, message, textCentered, }: StatusMessageBoxProps): React.ReactNode;
-export declare function getSuccessBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function SuccessBox({ title, message, textCentered, }: StatusMessageBoxProps): React.ReactNode;
-export declare function getInfoBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function InfoBox({ title, message, textCentered, }: StatusMessageBoxProps): React.ReactNode;

package/ui/components/StatusMessageBoxes.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INK_COLORS } from '../styles.js';
-import { BoxWithTitle } from './BoxWithTitle.js';
-export function getWarningBox(props) {
-    return _jsx(WarningBox, { ...props });
-}
-export function WarningBox({ title, message, textCentered, }) {
-    const color = INK_COLORS.WARNING_YELLOW;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color, textCentered: textCentered }));
-}
-export function getAlertBox(props) {
-    return _jsx(AlertBox, { ...props });
-}
-export function AlertBox({ title, message, textCentered, }) {
-    const color = INK_COLORS.ALERT_RED;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color, textCentered: textCentered }));
-}
-export function getSuccessBox(props) {
-    return _jsx(SuccessBox, { ...props });
-}
-export function SuccessBox({ title, message, textCentered, }) {
-    const color = INK_COLORS.SUCCESS_GREEN;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color, textCentered: textCentered }));
-}
-export function getInfoBox(props) {
-    return _jsx(InfoBox, { ...props });
-}
-export function InfoBox({ title, message, textCentered, }) {
-    const color = INK_COLORS.INFO_BLUE;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color, textCentered: textCentered }));
-}

package/ui/components/Table.d.ts

@@ -1,89 +0,0 @@
-import React from 'react';
-export type Scalar = string | number | boolean | null | undefined;
-export declare function getTable<T extends ScalarDict>(props: Pick<TableProps<T>, 'data'> & Partial<TableProps<T>>): import("react/jsx-runtime").JSX.Element;
-export type ScalarDict = {
-    [key: string]: Scalar;
-};
-export type CellProps = React.PropsWithChildren<{
-    column: number;
-}>;
-export type TableProps<T extends ScalarDict> = {
-    /**
-     * List of values (rows).
-     */
-    data: T[];
-    /**
-     * Columns that we should display in the table.
-     */
-    columns: (keyof T)[];
-    /**
-     * Cell padding.
-     */
-    padding: number;
-    /**
-     * Header component.
-     */
-    header: (props: React.PropsWithChildren<object>) => JSX.Element;
-    /**
-     * Component used to render a cell in the table.
-     */
-    cell: (props: CellProps) => JSX.Element;
-    /**
-     * Component used to render the skeleton of the table.
-     */
-    skeleton: (props: React.PropsWithChildren<object>) => JSX.Element;
-    /**
-     * Whether to render without borders.
-     */
-    borderless: boolean;
-};
-export default class Table<T extends ScalarDict> extends React.Component<Pick<TableProps<T>, 'data'> & Partial<TableProps<T>>> {
-    /**
-     * Merges provided configuration with defaults.
-     */
-    getConfig(): TableProps<T>;
-    /**
-     * Gets all keyes used in data by traversing through the data.
-     */
-    getDataKeys(): (keyof T)[];
-    /**
-     * Calculates the width of each column by finding
-     * the longest value in a cell of a particular column.
-     *
-     * Returns a list of column names and their widths.
-     */
-    getColumns(): Column<T>[];
-    /**
-     * Returns a (data) row representing the headings.
-     */
-    getHeadings(): Partial<T>;
-    getHeaderRow(): (props: RowProps<T>) => JSX.Element;
-    getHeadingRow(): (props: RowProps<T>) => JSX.Element;
-    getSeparatorRow(): (props: RowProps<T>) => JSX.Element;
-    getDataRow(): (props: RowProps<T>) => JSX.Element;
-    getFooterRow(): (props: RowProps<T>) => JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-type RowProps<T extends ScalarDict> = {
-    key: string;
-    data: Partial<T>;
-    columns: Column<T>[];
-};
-type Column<T> = {
-    key: string;
-    column: keyof T;
-    width: number;
-};
-/**
- * Renders the header of a table.
- */
-export declare function Header(props: React.PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
-/**
- * Renders a cell in the table.
- */
-export declare function Cell(props: CellProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Redners the scaffold of the table.
- */
-export declare function Skeleton(props: React.PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
-export {};

package/ui/components/Table.js

@@ -1,246 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Original package: ink-table (https://github.com/maticzav/ink-table)
-// Copyright (c) Matic Zavadlal <matic.zavadlal@gmail.com>
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in all
-// copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-import React from 'react';
-import { Box, Text } from 'ink';
-import { INK_COLORS } from '../styles.js';
-export function getTable(props) {
-    return _jsx(Table, { ...props });
-}
-/* Table */
-export default class Table extends React.Component {
-    /* Config */
-    /**
-     * Merges provided configuration with defaults.
-     */
-    getConfig() {
-        return {
-            data: this.props.data,
-            columns: this.props.columns || this.getDataKeys(),
-            padding: this.props.padding || 1,
-            header: this.props.header || Header,
-            cell: this.props.cell || Cell,
-            skeleton: this.props.skeleton || Skeleton,
-            borderless: this.props.borderless ?? false,
-        };
-    }
-    /**
-     * Gets all keyes used in data by traversing through the data.
-     */
-    getDataKeys() {
-        const keys = new Set();
-        // Collect all the keys.
-        for (const data of this.props.data) {
-            for (const key in data) {
-                keys.add(key);
-            }
-        }
-        return Array.from(keys);
-    }
-    /**
-     * Calculates the width of each column by finding
-     * the longest value in a cell of a particular column.
-     *
-     * Returns a list of column names and their widths.
-     */
-    getColumns() {
-        const { columns, padding } = this.getConfig();
-        const widths = columns.map(key => {
-            const header = String(key).length;
-            /* Get the width of each cell in the column */
-            const data = this.props.data.map(data => {
-                const value = data[key];
-                if (value == undefined || value == null)
-                    return 0;
-                return String(value).length;
-            });
-            const width = Math.max(...data, header) + padding * 2;
-            /* Construct a cell */
-            return {
-                column: key,
-                width: width,
-                key: String(key),
-            };
-        });
-        return widths;
-    }
-    /**
-     * Returns a (data) row representing the headings.
-     */
-    getHeadings() {
-        const { columns } = this.getConfig();
-        const headings = columns.reduce((acc, column) => ({ ...acc, [column]: column }), {});
-        return headings;
-    }
-    /* Rendering utilities */
-    getHeaderRow() {
-        const config = this.getConfig();
-        return row({
-            cell: config.skeleton,
-            padding: config.padding,
-            skeleton: {
-                component: config.skeleton,
-                line: '─',
-                left: '┌',
-                right: '┐',
-                cross: '┬',
-            },
-        });
-    }
-    getHeadingRow() {
-        const config = this.getConfig();
-        return row({
-            cell: config.header,
-            padding: config.padding,
-            skeleton: {
-                component: config.skeleton,
-                line: ' ',
-                left: config.borderless ? '' : '│',
-                right: config.borderless ? '' : '│',
-                cross: config.borderless ? '  ' : '│',
-            },
-        });
-    }
-    getSeparatorRow() {
-        const config = this.getConfig();
-        return row({
-            cell: config.skeleton,
-            padding: config.padding,
-            skeleton: {
-                component: config.skeleton,
-                line: '─',
-                left: '├',
-                right: '┤',
-                cross: '┼',
-            },
-        });
-    }
-    getDataRow() {
-        const config = this.getConfig();
-        return row({
-            cell: config.cell,
-            padding: config.padding,
-            skeleton: {
-                component: config.skeleton,
-                line: ' ',
-                left: config.borderless ? '' : '│',
-                right: config.borderless ? '' : '│',
-                cross: config.borderless ? '  ' : '│',
-            },
-        });
-    }
-    getFooterRow() {
-        const config = this.getConfig();
-        return row({
-            cell: config.skeleton,
-            padding: config.padding,
-            skeleton: {
-                component: config.skeleton,
-                line: '─',
-                left: '└',
-                right: '┘',
-                cross: '┴',
-            },
-        });
-    }
-    /* Render */
-    render() {
-        const config = this.getConfig();
-        const columns = this.getColumns();
-        const headings = this.getHeadings();
-        const { borderless } = config;
-        const headerRow = this.getHeaderRow();
-        const headingRow = this.getHeadingRow();
-        const separatorRow = this.getSeparatorRow();
-        const dataRow = this.getDataRow();
-        const footerRow = this.getFooterRow();
-        return (_jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [!borderless && headerRow({ key: 'header', columns, data: {} }), !Object.keys(headings).includes('') && // Don't show header for lists
-                    headingRow({ key: 'heading', columns, data: headings }), this.props.data.map((row, index) => {
-                    const key = `row-${JSON.stringify(row)}-${index}`;
-                    return (_jsxs(Box, { flexDirection: "column", children: [!borderless &&
-                                separatorRow({ key: `separator-${key}`, columns, data: {} }), dataRow({ key: `data-${key}`, columns, data: row })] }, key));
-                }), !borderless && footerRow({ key: 'footer', columns, data: {} })] }));
-    }
-}
-/**
- * Constructs a Row element from the configuration.
- */
-function row(config) {
-    /* This is a component builder. We return a function. */
-    const skeleton = config.skeleton;
-    /* Row */
-    return props => (_jsxs(Box, { flexDirection: "row", children: [_jsx(skeleton.component, { children: skeleton.left }), ...intersperse(i => {
-                const key = `${props.key}-hseparator-${i}`;
-                // The horizontal separator.
-                return (_jsx(skeleton.component, { children: skeleton.cross }, key));
-            }, 
-            // Values.
-            props.columns.map((column, colI) => {
-                // content
-                const value = props.data[column.column];
-                if (value == undefined || value == null) {
-                    const key = `${props.key}-empty-${column.key}`;
-                    return (_jsx(config.cell, { column: colI, children: skeleton.line.repeat(column.width) }, key));
-                }
-                else {
-                    const key = `${props.key}-cell-${column.key}`;
-                    // margins
-                    const ml = config.padding;
-                    const mr = column.width - String(value).length - config.padding;
-                    return (
-                    /* prettier-ignore */
-                    _jsx(config.cell, { column: colI, children: `${skeleton.line.repeat(ml)}${String(value)}${skeleton.line.repeat(mr)}` }, key));
-                }
-            })), _jsx(skeleton.component, { children: skeleton.right })] }));
-}
-/**
- * Renders the header of a table.
- */
-export function Header(props) {
-    return (_jsx(Text, { bold: true, color: INK_COLORS.INFO_BLUE, children: props.children }));
-}
-/**
- * Renders a cell in the table.
- */
-export function Cell(props) {
-    return _jsx(Text, { children: props.children });
-}
-/**
- * Redners the scaffold of the table.
- */
-export function Skeleton(props) {
-    return _jsx(Text, { bold: true, children: props.children });
-}
-/* Utility functions */
-/**
- * Intersperses a list of elements with another element.
- */
-function intersperse(intersperser, elements) {
-    // Intersparse by reducing from left.
-    const interspersed = elements.reduce((acc, element, index) => {
-        // Only add element if it's the first one.
-        if (acc.length === 0)
-            return [element];
-        // Add the intersparser as well otherwise.
-        return [...acc, intersperser(index), element];
-    }, []);
-    return interspersed;
-}

package/ui/components/getStarted/GetStartedFlow.d.ts

@@ -1,8 +0,0 @@
-export declare const DEFAULT_PROJECT_NAME = "my-project";
-export type GetStartedFlowProps = {
-    derivedAccountId: number;
-    initialName?: string;
-    initialDest?: string;
-};
-export declare function getGetStartedFlow(props: GetStartedFlowProps): React.ReactNode;
-export declare function GetStartedFlow({ derivedAccountId, initialName, initialDest, }: GetStartedFlowProps): import("react/jsx-runtime").JSX.Element;