api_binding_ui 0.0.0-stage → 1.1.0

package/dist/index.css

@@ -0,0 +1,248 @@
+/* src/styles/highradius-bridge.css */
+
+
+/* src/styles/index.css */
+
+
+/* src/styles/workspace.css */
+.binding-workspace, .binding-workspace * {
+  box-sizing: border-box;
+}
+
+.binding-workspace, .api-binding, .binding-v2 {
+  display: flex;
+  background: var(--ds-color-background, #fff);
+  color: var(--ds-color-foreground, #0f172a);
+  font-family: var(--ds-font-family-sans, sans-serif);
+  flex-direction: column;
+  height: 100vh;
+}
+
+.binding-workspace h1, .api-binding h1, .binding-v2 h1 {
+  font-size: var(--ds-font-size-2xl, 1.5rem);
+  font-weight: var(--ds-font-weight-bold, 700);
+  margin: 0;
+}
+
+.binding-workspace h2, .api-binding h2, .binding-v2 h2 {
+  font-size: var(--ds-font-size-lg, 1.125rem);
+  font-weight: var(--ds-font-weight-semibold, 600);
+  margin: 0;
+}
+
+.binding-workspace h3, .api-binding h3, .binding-v2 h3 {
+  font-size: var(--ds-font-size-base, .875rem);
+  font-weight: var(--ds-font-weight-semibold, 600);
+  margin: 0;
+}
+
+.binding-workspace p, .api-binding p, .binding-v2 p {
+  line-height: var(--ds-line-height-normal, 1.5);
+  margin: 0;
+}
+
+.binding-header, .binding-footer, .binding-v2-header, .binding-v2-footer {
+  padding: var(--ds-page-padding, 1rem 1.5rem);
+  display: flex;
+  gap: var(--ds-space-4, 1rem);
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items:  center;
+}
+
+.binding-header, .binding-v2-header {
+  border-bottom-width: var(--ds-screen-surface-border-width, 1px);
+  border-bottom-style: solid;
+  border-bottom-color: var(--ds-color-border, #e2e8f0);
+}
+
+.binding-body, .binding-v2-body {
+  overflow: auto;
+  position: relative;
+  padding: var(--ds-page-padding, 1rem 1.5rem);
+  flex: 1;
+  min-height: 0;
+}
+
+.binding-columns, .binding-v2-columns {
+  isolation: isolate;
+  display: flex;
+  gap: var(--ds-space-8, 2rem);
+  flex-wrap: wrap;
+  align-items:  start;
+}
+
+.binding-main, .binding-v2-main {
+  flex-grow: 1;
+  flex-basis: var(--ds-dialog-form-min-width, 32rem);
+  padding-bottom: var(--ds-space-12, 3rem);
+}
+
+.binding-main, .binding-stack, .binding-v2-main, .binding-v2-stack {
+  display: flex;
+  gap: var(--ds-space-4, 1rem);
+  flex-direction: column;
+  min-width: 0;
+}
+
+.binding-section, .binding-v2-section {
+  padding-bottom: var(--ds-space-6, 1.5rem);
+  display: flex;
+  gap: var(--ds-space-4, 1rem);
+  border-bottom-width: var(--ds-screen-surface-border-width, 1px);
+  border-bottom-style: solid;
+  border-bottom-color: var(--ds-color-border, #e2e8f0);
+  flex-direction: column;
+}
+
+.binding-section-title, .binding-v2-section-title {
+  display: flex;
+  justify-content: space-between;
+  align-items:  center;
+  gap: var(--ds-space-4, 1rem);
+}
+
+.binding-muted, .binding-v2-muted {
+  color: var(--ds-color-muted-foreground, #64748b);
+  font-size: var(--ds-font-size-sm, .8125rem);
+}
+
+.binding-preview, .binding-v2-preview {
+  flex-basis: var(--ds-dialog-min-width, 24rem);
+  position: sticky;
+  background: var(--ds-color-surface, #fff);
+  border-width: var(--ds-screen-surface-border-width, 1px);
+  border-style: solid;
+  border-color: var(--ds-color-border, #e2e8f0);
+  border-radius: var(--ds-radius-md, 6px);
+  padding: var(--ds-space-6, 1.5rem);
+  display: flex;
+  gap: var(--ds-space-4, 1rem);
+  flex-direction: column;
+  flex-grow: 0;
+  max-width: 100%;
+  top: 0;
+}
+
+.binding-panel, .binding-v2-panel {
+  position: absolute;
+  width: var(--ds-dialog-form-min-width, 32rem);
+  background: var(--ds-color-background, #fff);
+  border-left-width: var(--ds-screen-surface-border-width, 1px);
+  border-left-style: solid;
+  border-left-color: var(--ds-color-border, #e2e8f0);
+  box-shadow: var(--ds-shadow-md, 0 4px 6px -1px #0000001a);
+  padding: var(--ds-space-6, 1.5rem);
+  display: flex;
+  gap: var(--ds-space-6, 1.5rem);
+  z-index: var(--ds-focus-z-index, 50);
+  flex-direction: column;
+  max-width: 100%;
+  min-height: 100%;
+  top: 0;
+  right: 0;
+}
+
+.binding-details, .binding-v2-details {
+  display: flex;
+  gap: var(--ds-space-2, .5rem);
+  font-size: var(--ds-font-size-sm, .8125rem);
+  overflow-wrap: anywhere;
+  flex-direction: column;
+}
+
+.binding-details summary, .binding-v2-details summary {
+  cursor: pointer;
+  color: var(--ds-color-muted-foreground, #64748b);
+}
+
+.binding-footer, .binding-v2-footer {
+  border-top-width: var(--ds-screen-surface-border-width, 1px);
+  border-top-style: solid;
+  border-top-color: var(--ds-color-border, #e2e8f0);
+  background: var(--ds-color-background, #fff);
+}
+
+.binding-simulation, .binding-v2-simulation {
+  display: flex;
+  gap: var(--ds-space-4, 1rem);
+  flex-direction: column;
+}
+
+.binding-empty, .binding-v2-empty {
+  padding: var(--ds-space-12, 3rem);
+  margin: auto;
+}
+
+.binding-error, .binding-v2-error {
+  color: var(--ds-color-destructive, #ef4444);
+}
+
+.binding-stack-tight, .binding-v2-stack-tight {
+  display: flex;
+  align-items:  flex-start;
+  gap: var(--ds-space-1, .25rem);
+  flex-direction: column;
+}
+
+.binding-list, .binding-v2-list {
+  padding-left: var(--ds-space-4, 1rem);
+  margin: 0;
+}
+
+.binding-panel-wide, .binding-v2-panel-wide {
+  width: var(--ds-dialog-width-large, 48rem);
+  overflow: auto;
+}
+
+.binding-call, .binding-v2-call {
+  display: flex;
+  gap: var(--ds-space-3, .75rem);
+  padding: var(--ds-space-4, 1rem);
+  border-width: var(--ds-screen-surface-border-width, 1px);
+  border-style: solid;
+  border-color: var(--ds-color-border, #e2e8f0);
+  border-radius: var(--ds-radius-md, 6px);
+  flex-direction: column;
+  min-width: 0;
+}
+
+.binding-call-grid, .binding-v2-call-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--ds-menu-min-width, 12rem), 1fr));
+  gap: var(--ds-space-3, .75rem);
+}
+
+.binding-params, .binding-v2-params {
+  display: flex;
+  gap: var(--ds-space-2, .5rem);
+  flex-direction: column;
+}
+
+.binding-param, .binding-v2-param {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--ds-space-3, .75rem);
+  overflow-wrap: anywhere;
+  align-items:  start;
+}
+
+.binding-endpoint, .binding-v2-endpoint {
+  font-family: var(--ds-font-family-mono, monospace);
+  font-size: var(--ds-font-size-sm, .8125rem);
+  overflow-wrap: anywhere;
+}
+
+.binding-preview-parts, .binding-v2-preview-parts {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--ds-menu-min-width, 12rem), 1fr));
+  gap: var(--ds-space-3, .75rem);
+}
+
+.binding-pre, .binding-v2-pre {
+  font-family: var(--ds-font-family-mono, monospace);
+  font-size: var(--ds-font-size-sm, .8125rem);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  margin: 0;
+}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * API Binding Studio - Public Package Entry Point
+ */
+import "./styles/index.css";
+export * from "./types";
+export { CONFIG_VERSION, SUBMIT, CANCEL, CUSTOMER_PARAM, draftKey, appliedKey, fingerprint, newCallId, definitionFor, methodsFor, apisOf, fieldId, reconcileCallParams, proposeConfig, reconcileConfig, migrateConfig, callsFor, changeCallTarget, droppedBy, populated, changePurpose, newCall, moveCall, setParamSource, gridPaths, componentLabel, endpointLabel, callIssues, issuesFor, actionContext, snapshotForm, resolutionIssues, previewRequests, isNoteContract, isSimulated, simulatorGaps, simulationErrors, simulationForm, simulateSave, canApply, validateBindings, verificationSignature, fieldSummary, isButton, } from "./core/model";
+export { contextKey, storeBindingContext, readBindingContext, validBindingContext, validContext, openBindingStudio, notifyApplied, notifySelectionUpdate, type OpenStudioOptions, } from "./core/transport";
+export { friendlyLabel, buildCatalogFromRegistry, type RawBindings, } from "./core/catalog";
+export { buildCatalogFromOpenApi } from "./core/openapi";
+export { validateRequest } from "./core/validation";
+export { FREE_TEXT_SOURCE, FREE_TEXT_OPTION, storageKey, storeSnapshot, readSnapshot, windowIds, gridPropertyPaths, contextComponents, sourceComponents, discoverFormComponents, discoverButtons, buildSnapshot, } from "./core/bindingContext";
+export { componentId, isButtonId, parseComponentId, normalizeComponent, type ComponentDescriptor, } from "./core/componentId";
+export { baseType, coerceScalar, coerce, resolveParam, buildRequest, parameterKey, parameterFor, coerceValue, type Scalar, } from "./core/valueCoercion";
+export { useAppliedBinding } from "./hooks/useAppliedBinding";
+export { BindApiButton, type BindApiButtonProps } from "./components/BindApiButton";
+export { ApiBindingWorkspace, ApiBindingStudio, type ApiBindingWorkspaceProps } from "./components/ApiBindingWorkspace";
+export { WorkspaceComponentsProvider, useWorkspaceComponents } from "./components/WorkspaceContext";
+export { ApiMappings } from "./components/ApiMappings";
+export { RequestPreview } from "./components/RequestPreview";
+export { SimulationDialog } from "./components/SimulationDialog";
+export { ValidationDialog } from "./components/ValidationDialog";
+export { AppGrid, createActionColumn, type AppGridColDef, type AppGridProps } from "./components/ui/AppGrid";
+export { Button, ButtonBar, ButtonGroup, type ButtonProps } from "./components/ui/Button";
+export { Badge, type BadgeProps } from "./components/ui/Badge";
+export { Banner, type BannerProps } from "./components/ui/Banner";
+export { DetailCard, type DetailCardProps, type DetailCardField } from "./components/ui/Card";
+export { Dialog, actionFormDialogTemplateV1, alertDialogTemplateV1, type DialogProps } from "./components/ui/Dialog";
+export { Input, TextArea, Select, Checkbox, type InputProps, type TextAreaProps, type SelectProps, type CheckboxProps, type SelectOption } from "./components/ui/Input";
+export * as Icons from "./components/ui/Icons";