@orcestr/ui 0.0.1 → 0.1.0

package/dist/components/Workflow/Workflow.js

@@ -1,73 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LuArrowRight, LuCheck, LuCircleAlert, LuRefreshCw } from 'react-icons/lu';
-import { cn } from '../../utils/cn';
-import { Alert } from '../Alert/Alert';
-import { Badge } from '../Badge/Badge';
-import { Button } from '../Button/Button';
-import { Skeleton } from '../Skeleton/Skeleton';
-import { Tooltip } from '../Tooltip/Tooltip';
-export function StatusBadge({ children, tone = 'neutral', size = 2, testId }) {
-    return (_jsx(Badge, { tone: tone, size: size, testId: testId, children: children }));
-}
-export function Timeline({ items, className, testId, ...props }) {
-    return (_jsx("ol", { className: cn('oui-timeline', className), "data-testid": testId, ...props, children: items.map((item) => (_jsxs("li", { className: 'oui-timeline-item', "data-tone": item.tone ?? 'neutral', children: [_jsx("span", { className: 'oui-timeline-marker', children: item.icon }), _jsxs("div", { className: 'oui-timeline-content', children: [_jsxs("div", { className: 'oui-timeline-title-row', children: [_jsx("strong", { children: item.title }), item.meta ? _jsx("span", { children: item.meta }) : null] }), item.description ? _jsx("p", { children: item.description }) : null] })] }, item.key))) }));
-}
-export function Pipeline({ steps, loading = false, loadingSteps = 5, disabled = false, className, testId, ...props }) {
-    if (loading) {
-        return (_jsx("div", { className: cn('oui-pipeline', className), "data-testid": testId, ...props, children: Array.from({ length: loadingSteps }).map((_, index) => (_jsxs("div", { className: 'oui-pipeline-step', "data-loading": 'true', children: [_jsx(Skeleton, { w: 16, h: 16, r: 7 }), _jsxs("span", { className: 'oui-pipeline-step-main', children: [_jsx(Skeleton, { w: '70%', h: 14 }), _jsx(Skeleton, { w: '46%', h: 12 })] })] }, index))) }));
-    }
-    return (_jsx("div", { className: cn('oui-pipeline', className), "data-testid": testId, ...props, children: (steps ?? []).map((step) => (_jsx(PipelineStepView, { step: step, disabled: disabled }, step.key))) }));
-}
-export function WorkflowSummaryBar({ items, className, testId, }) {
-    return (_jsx("div", { className: cn('oui-workflow-summary', className), "data-testid": testId, children: items.map((item) => (_jsxs(StatusBadge, { tone: item.tone ?? 'neutral', children: [item.label, item.value !== undefined ? _jsx("strong", { children: item.value }) : null] }, item.key))) }));
-}
-export function LifecycleBlockReasonCallout({ reason, }) {
-    return (_jsx(Alert, { tone: reason.tone ?? 'warning', title: reason.title, icon: _jsx(LuCircleAlert, {}), action: reason.onAction ? (_jsx(Button, { size: 1, v: 'surface', tone: reason.tone ?? 'warning', onClick: reason.onAction, children: reason.actionLabel })) : null, children: reason.message }));
-}
-export function LifecycleActionPanel({ title, meta, reasons = [], actions, className, testId, }) {
-    return (_jsxs("div", { className: cn('oui-lifecycle-panel', className), "data-testid": testId, children: [title || meta ? (_jsxs("div", { className: 'oui-lifecycle-panel-head', children: [title ? _jsx("strong", { children: title }) : null, meta ? _jsx("span", { children: meta }) : null] })) : null, reasons.length ? (_jsx("div", { className: 'oui-lifecycle-reasons', children: reasons.map((reason) => (_jsx(LifecycleBlockReasonCallout, { reason: reason }, reason.key))) })) : null, _jsx("div", { className: 'oui-lifecycle-panel-actions', children: actions.map((action) => (_jsx(LifecycleActionButton, { action: action }, action.key))) })] }));
-}
-function PipelineStepView({ step, disabled, }) {
-    const status = pipelineStepStatus(step);
-    const label = step.label ?? step.title;
-    const isDisabled = disabled || step.disabled || !step.onSelect || step.loading;
-    const content = (_jsxs("button", { type: 'button', className: 'oui-pipeline-step', "data-tone": step.tone ?? workflowStatusTone(status), "data-status": status, "data-active": status === 'active' ? 'true' : undefined, "data-complete": status === 'done' ? 'true' : undefined, "data-clickable": !isDisabled ? 'true' : undefined, disabled: isDisabled, onClick: step.onSelect, children: [_jsx("span", { className: 'oui-pipeline-dot', children: workflowStatusIcon(status) }), _jsxs("span", { className: 'oui-pipeline-step-main', children: [_jsx("span", { className: 'oui-pipeline-label', children: label }), step.detail ? _jsx("span", { className: 'oui-pipeline-detail', children: step.detail }) : null, step.description ? (_jsx("span", { className: 'oui-pipeline-description', children: step.description })) : null] }), step.meta ? _jsx("span", { className: 'oui-pipeline-meta', children: step.meta }) : null] }));
-    const tooltip = step.tooltip ?? step.disabledReason;
-    if (!tooltip)
-        return content;
-    return (_jsx(Tooltip, { content: tooltip, children: _jsx("span", { className: 'oui-pipeline-tooltip-wrap', children: content }) }));
-}
-function LifecycleActionButton({ action }) {
-    const button = (_jsx(Button, { size: 1, v: 'surface', tone: action.tone, disabled: action.disabled, loading: action.loading, leftIcon: action.icon, onClick: action.onSelect, children: action.label }));
-    if (!action.disabledReason)
-        return button;
-    return (_jsx(Tooltip, { content: action.disabledReason, children: _jsx("span", { className: 'oui-lifecycle-action-tooltip-wrap', children: button }) }));
-}
-function pipelineStepStatus(step) {
-    if (step.status)
-        return step.status;
-    if (step.complete)
-        return 'done';
-    if (step.active)
-        return 'active';
-    return 'pending';
-}
-function workflowStatusTone(status) {
-    if (status === 'done')
-        return 'success';
-    if (status === 'active' || status === 'processing')
-        return 'info';
-    if (status === 'blocked')
-        return 'warning';
-    if (status === 'error')
-        return 'danger';
-    return 'neutral';
-}
-function workflowStatusIcon(status) {
-    if (status === 'done')
-        return _jsx(LuCheck, { "aria-hidden": true });
-    if (status === 'active' || status === 'processing')
-        return _jsx(LuRefreshCw, { "aria-hidden": true });
-    return _jsx(LuArrowRight, { "aria-hidden": true });
-}