@vertigis/workflow 5.40.0 → 5.41.0

package/ui/UIService.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { ElementType, ReactNode } from "react";
+/**
+ * Basic implementation of a UI Service to match how Web handles dialogs.
+ * The important part is that the `displayDialog()` method has a similar enough signature
+ * to allow Web to call its version.
+ */
+export declare class UIService {
+    private _children;
+    private _DialogComponent;
+    private resolve;
+    private root;
+    private readonly rootElementId;
+    /**
+     * Creates a new UIService
+     * @param rootElementId The id of the element in the DOM that will contain the dialog.
+     */
+    constructor(rootElementId: string);
+    displayDialog: (children: (closeDialog: () => void) => ReactNode, DialogComponent: ElementType<any>) => Promise<void>;
+    closeDialog: () => void;
+    renderDialog: (open: boolean) => null | undefined;
+    wrapProviders: (content: React.JSX.Element) => React.JSX.Element;
+}

package/ui/UIService.js

@@ -0,0 +1 @@
+import React from"react";import{createRoot}from"react-dom/client";class UIService{constructor(e){this.displayDialog=(o,t)=>new Promise(e=>{this._children=o(this.closeDialog),this._DialogComponent=t,this.resolve=e,this.renderDialog(!0)}),this.closeDialog=()=>{this.renderDialog(!1),this.resolve(),this._children=void 0,this._DialogComponent=void 0,this.resolve=void 0},this.renderDialog=e=>{var o,t=this._DialogComponent,i=this._children;if(!t)return null;this.root||(o=document.getElementById(this.rootElementId),this.root=createRoot(o)),this.root.render(this.wrapProviders(React.createElement(t,{open:e},i)))},this.wrapProviders=e=>(console.warn("UIService.wrapProviders should be overridden by the client."),e),this.rootElementId=e}}export{UIService};

package/forms/FormElement.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import type { FormComponent } from "./FormComponent";
-import type { defs } from "./FormHost";
-interface FormElementProps {
-    /** The CSS class name of the root element. */
-    className?: string;
-    /**
-     * The `FormComponent` being used to render the Form Element within this Component.
-     */
-    component: FormComponent;
-    /**
-     * The Form Element to be rendered within this Component.
-     */
-    element: defs.Element;
-    /**
-     * The id of the default input to be associated with the title.
-     */
-    inputId?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<FormElementProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default _default;

package/forms/FormElement.js

@@ -1 +0,0 @@
-import FormControl from"@vertigis/react-ui/FormControl";import clsx from"clsx";import{forwardRef}from"react";import*as React from"react";import{renderAccessibleDescription,renderDescription,renderError,renderTitle}from"./common.js";import{formClasses}from"./components/Form.js";import{TitleLocation}from"./constants.js";import{makeSafeClassName,makeUniqueId}from"./utils.js";export default forwardRef((e,r)=>{var{children:t,className:o,component:i,element:s,inputId:a}=e;const{host:m,name:n}=i.props;var l=makeUniqueId(n),c=m.translateText.bind(m),e=renderTitle(l,s.require,s.title,c,a),i=renderDescription(s.description,l,s.enabled,c),a=renderAccessibleDescription(s.accessibleDescription,s.description,l,c),c=renderError(s.error,c),r={"aria-labelledby":e?.props?.id,"aria-details":i?.props?.id,"aria-describedby":a?.props?.id,className:clsx(o,s.type,{[formClasses.formElementWithTitleBeside]:s.titleLocation===TitleLocation.BESIDE,[makeSafeClassName(n)]:!!n,[makeSafeClassName(s.styleName)]:!!s.styleName}),error:!!c,id:l,ref:r,required:s.require};let p=[e];return s.titleLocation===TitleLocation.BESIDE?p.push(React.createElement("div",{className:formClasses.formElementContent},i,a,c,t)):(p.push(i),p.push(a),p.push(c),p.push(t)),React.createElement(FormControl,{fullWidth:!0,...r},...p)});

package/forms/common.js

@@ -1 +0,0 @@
-import Box from"@vertigis/react-ui/Box";import FormLabel,{formLabelClasses}from"@vertigis/react-ui/FormLabel";import{styled}from"@vertigis/react-ui/styles";import clsx from"clsx";import{useCallback}from"react";import*as React from"react";import{formClasses}from"./components/Form.js";import Markdown from"./components/Markdown.js";import{hasContent,isMarkdown,markdownToText}from"./textUtilities.js";const ERROR_SUFFIX="-error",DESCRIPTION_SUFFIX="-description",TITLE_SUFFIX="-title";function getTitleId(e){return`${e}${TITLE_SUFFIX}`}function getDescriptionId(e){return`${e}${DESCRIPTION_SUFFIX}`}function getErrorId(e){return`${e}${ERROR_SUFFIX}`}function renderTitle(e,r,t,o,n){return hasContent(t)?React.createElement(FormLabel,{className:formClasses.formElementTitle,htmlFor:n,id:`${e}-label`,required:!!r},React.createElement(Markdown,{inline:!0,text:t,translateText:o})):null}const DescriptionMarkdown=styled(Markdown)(({theme:{palette:e}})=>({[`&.${formLabelClasses.disabled}`]:{color:e.text.disabled}}));function renderDescription(e,r,t,o,n){return hasContent(e)?React.createElement(DescriptionMarkdown,{className:clsx(n,{[formLabelClasses.disabled]:!t}),id:`${r}-description`,text:e,translateText:o}):null}function renderAccessibleDescription(e,r,t,o){let n=o(e);return n||(r=o(r),n=isMarkdown(r)?markdownToText(r.markdown):r),n?React.createElement(Box,{sx:{display:"none"},id:`${t}-accessible-description`},n):null}const ErrorMarkdown=styled(Markdown)(({theme:{palette:e}})=>({color:e.error.main,fontStyle:"italic",backgroundColor:e.common.white}));function renderError(e,r){return hasContent(e)?React.createElement(ErrorMarkdown,{role:"alert",text:e,translateText:r}):null}function renderFocus(e,r,t){null===e||e.disabled||t.renderFocus(e,r)}function useFocusCallback(e,r,t){return useCallback(e=>{null===(e=Array.isArray(e?.thumbRefs)&&0<e.thumbRefs.length?e.thumbRefs[0].current:e)||e.disabled||t(e,r)},[e,r,t])}export{getTitleId,getDescriptionId,getErrorId,renderTitle,renderDescription,renderAccessibleDescription,renderError,renderFocus,useFocusCallback};