@orcestr/ui 0.0.3 → 0.1.1

package/dist/components/Workflow/Workflow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Workflow.d.ts","sourceRoot":"","sources":["../../../src/components/Workflow/Workflow.tsx"],"names":[],"mappings":"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"}

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 });
-}