@vertigis/workflow 5.33.1 → 5.35.0

package/app/AppActivity.d.ts

@@ -1,82 +0,0 @@
-import { Application, Map, Site, Widget } from "@vertigis/workflow/runtime/app";
-import React from "react";
-import { FormRenderer } from "../activities/forms/FormRenderer";
-/**
- * Re-export react for use in custom activities. This is not a pattern we encourage,
- * but there are legacy custom activity packs that will break without it.
- */
-export { React };
-/** Properties that control how an activity user interface is hosted by the host application. */
-export interface ShowProps {
-    /** The name of the container that will host the activity user interface. */
-    container?: "default" | "modal";
-    /** The title to present for the activity user interface. */
-    title?: string;
-    /** The icon to present for the activity user interface. */
-    icon?: string;
-}
-/** A render method that provides a React element. */
-export interface RenderMethod<T, TThis, TState> {
-    /**
-     * @param this The activity instance.
-     * @param resolve The resolver that returns updated state to the activity from the React element.
-     * @param state The initial activity state.
-     * @returns The React element to render.
-     */
-    (this: TThis, resolve: RenderResolve<T>, state: TState): JSX.Element | PromiseLike<JSX.Element>;
-}
-/** A resolve method for messaging between a React component and the parent activity. */
-export interface RenderResolve<T> {
-    /** Returns updated state to the activity. */
-    (value: T | PromiseLike<T>): void;
-    /** Returns a rejection to the activity. */
-    reject(reason: any): any;
-}
-export interface IAppActivity {
-    /**
-     * The host application. For example:
-     * - Geocortex Viewer for HTML5: https://docs.vertigisstudio.com/essentials/gvh/latest/api-help/classes/_mapping_infrastructure_amd_d_._geocortex_infrastructure_viewer_.viewerapplication.html
-     * - Web AppBuilder: https://developers.arcgis.com/web-appbuilder/api-reference
-     */
-    app: Application;
-    /**
-     * The map of the host application. For example:
-     * - ArcGIS API for JavaScript (legacy) v3: https://developers.arcgis.com/javascript/3/jsapi/map-amd.html
-     * - ArcGIS Maps SDK for JavaScript v4: https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html
-     */
-    map: Map;
-    /**
-     * The Geocortex Essentials site of the host application. This is available in Geocortex Viewer for HTML5 applications only.
-     * See https://docs.vertigisstudio.com/essentials/gvh/latest/api-help/classes/_essentials_amd_d_._geocortex_essentials_site_.site.html
-     */
-    site: Site;
-    /**
-     * The Web AppBuilder widget running the workflow. This is available in Web AppBuilder applications only.
-     */
-    widget: Widget;
-    createRenderer(): FormRenderer;
-    /** Performs the activity execution logic. */
-    execute(...args: any[]): any;
-    /** Renders the activity user interface. */
-    render<T, TState>(method: RenderMethod<T, this, TState>, state: TState): Promise<T>;
-    /** Renders the activity user interface. */
-    render<T>(method: RenderMethod<T, this, any>): Promise<T>;
-    /** Renders the activity user interface. */
-    render(visual: JSX.Element): Promise<React.Component<any, any> | Element>;
-    /** Renders the activity user interface. */
-    render(visual: any): Promise<any>;
-    /** Renders the activity user interface. */
-    render(): Promise<HTMLElement>;
-    /** Renders the activity user interface. */
-    render(visual?: any, state?: any): Promise<any>;
-}
-export interface AppActivityConstructor {
-    new (): IAppActivity;
-}
-/**
- * A base activity implementation that provides access to application level resources and
- * facilitates rendering of custom user interfaces.
- * @deprecated Decorate your activity's class with `@activate(<ClassName>)` to use `<ClassName>` in your activity instead.
- *             e.g. If you add `@activate(MapProvider)` before your class, you can add `mapProvider: typeof MapProvider` as an extra parameter to its `execute()` method.
- */
-export declare const AppActivity: AppActivityConstructor;

package/app/AppActivity.js

@@ -1 +0,0 @@
-import{isValidElement}from"react";import React from"react";import{render}from"react-dom";import{Task}from"../Task.js";function update(e,t){let r=!1;if(null!=t)for(const i in t)e[i]!==t[i]&&(e[i]=t[i],r=!0);return r}console.warn("The @vertigis/workflow/app/AppActivity module is deprecated and will be removed in Workflow 5.35. Upgrade your activity pack to the new SDK before August 2023 for continued operation. More details: https://community.vertigis.com/hc/en-us/community/posts/11043551431698");const AppActivity=function(){const i=this.execute;this.execute=function(e,r){var t=r.ambient.trivia;return this.app=t.app,this.map=t.map,this.site=t.site,this.widget=t.widget,this.FormRenderer=t.FormRenderer,this.completion=r.ambient.completion,this.execute=i,this.createRenderer=()=>{let e=this.renderer;var t;return void 0===e&&(e=this.renderer=this.FormRenderer.createCustom(),e.state=r.ambient,t=()=>e.dispose(),this.completion.then(t,t)),this.renderer||(this.renderer=this.FormRenderer.createCustom())},i.apply(this,arguments)}};AppActivity.prototype.createRenderer=function(){return null},AppActivity.prototype.applyProps=function(e){const t=this.createRenderer();if(update(this.showProps||(this.showProps={}),e)){const e=this.showProps;t.form={defaults:{container:e.container},elements:{header:{type:"Header",section:"header",title:{markdown:e.title},value:e.icon}}},t.invalidate()}},AppActivity.prototype.show=function(e){return this.applyProps(e),this.createRenderer().show()},AppActivity.prototype.spin=function(e){return this.applyProps(e),this.createRenderer().spin()},AppActivity.prototype.spinNoBlock=function(e){return this.applyProps(e),this.createRenderer().spinNoBlock()},AppActivity.prototype.hide=function(){return this.createRenderer().hide()},AppActivity.prototype.render=async function(t,i){const n=this.createRenderer().container;if("function"!=typeof t)return isValidElement(t)?new Task(function(e){render(t,n,e)}):n;{const o=this,s=t;return new Task(async function(e,t){const r=e.bind(void 0);r.reject=t.bind(void 0),render(await s.call(o,r,i),n)})}};export{React,AppActivity};

package/app/RegisterCustomFormElementBase.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { IActivityHandler, IActivityContext, Deferrable } from "../IActivityHandler";
-import { Element } from "../forms/FormDefinition";
-/**
- * The props of a custom form element.
- * @deprecated Use `FormElementRegistration` instead.
- */
-export interface CustomFormElementProps {
-    /** The form element. */
-    element: Element;
-    /** The name of the form element. */
-    name: string;
-    /**
-     * A callback function to raise an event.
-     * The "changed" and "clicked" events expect the value of the form element as the eventValue.
-     * The "custom" event accepts any value as the eventValue.
-     * Use the Get Form Event Data to access the event data in a subworkflow of the Display Form activity.
-     */
-    raiseEvent: (eventName: "changed" | "clicked" | "custom", eventValue: any) => void;
-}
-export interface IRegisterCustomFormElementBase extends IActivityHandler {
-    /** Executes the logic for an activity. */
-    execute(inputs: {}, context: IActivityContext, ...args: any[]): Deferrable<{}>;
-    register: (name: string, component: React.ComponentClass<CustomFormElementProps> | React.FunctionComponent<CustomFormElementProps>) => void;
-}
-export interface RegisterCustomFormElementBaseConstructor {
-    new (): IRegisterCustomFormElementBase;
-}
-/**
- * A base activity implementation that provides a convenient way to register
- * custom form elements to be used in Display Form activities.
- * @deprecated Use `FormElementRegistration` instead.
- */
-export declare const RegisterCustomFormElementBase: RegisterCustomFormElementBaseConstructor;

package/app/RegisterCustomFormElementBase.js

@@ -1 +0,0 @@
-console.warn("The @vertigis/workflow/app/RegisterCustomFormElementBase module is deprecated and will be removed in Workflow 5.35. Upgrade your activity pack to the new SDK before August 2023 for continued operation. More details: https://community.vertigis.com/hc/en-us/community/posts/11043551431698");const RegisterCustomFormElementBase=function(){const t=this.execute;this.execute=function(e,i){return this.register=(e,t)=>{const o=i.ambient.trivia;o.getFormElementRegistration(e)&&console.warn(`A custom form element with custom type name '${e}' is already registered. The existing registration will be replaced.`),o.registerFormElement({component:t,id:e})},this.execute=t,t.apply(this,arguments)}};export{RegisterCustomFormElementBase};

package/forms/LegacyStyles.d.ts

@@ -1,498 +0,0 @@
-/**
- * The contents of this file have been based on `runtime/forms/styles/main.scss`
- * allowing us to retain the appearance of old elements prior to them being migrated to react-ui.
- */
-declare const styles: {
-    ".legacy-styled-element > * label": {
-        border: string;
-        color: string;
-        display: string;
-        marginBottom: string;
-        p: {
-            "&:first-child": {
-                marginTop: number;
-            };
-            "&:last-child": {
-                marginBottom: number;
-            };
-        };
-        "&:empty": {
-            display: string;
-        };
-        "&.focus": {
-            backgroundColor: string;
-        };
-    };
-    ".legacy-styled-element": {
-        button: {
-            marginRight: string;
-        };
-        div: {
-            "&.inline": {
-                display: string;
-            };
-        };
-        'input[type="checkbox"]': {
-            marginRight: string;
-            marginLeft: string;
-            verticalAlign: string;
-        };
-        'input[type="password"]': {
-            marginBottom: string;
-            fontSize: string;
-            border: string;
-            borderRadius: string;
-            padding: string;
-            display: string;
-            width: string;
-            boxSizing: string;
-        };
-        'input[type="radio"]': {
-            marginRight: string;
-            marginLeft: string;
-            verticalAlign: string;
-        };
-        'input[type="text"]': {
-            fontSize: string;
-            border: string;
-            borderRadius: string;
-            padding: string;
-            display: string;
-            width: string;
-            boxSizing: string;
-        };
-        select: {
-            "&:disabled": {
-                color: string;
-                backgroundColor: string;
-                option: {
-                    color: string;
-                    backgroundColor: string;
-                    "&:hover": {
-                        color: string;
-                        backgroundColor: string;
-                    };
-                };
-            };
-            option: {
-                padding: string;
-                "&:hover": {
-                    color: string;
-                    backgroundColor: string;
-                };
-                "&:disabled": {
-                    color: string;
-                    backgroundColor: string;
-                };
-            };
-            fontSize: string;
-            border: string;
-            borderRadius: string;
-            padding: string;
-            display: string;
-            width: string;
-            boxSizing: string;
-        };
-        textarea: {
-            fontFamily: string;
-            height: string;
-            fontSize: string;
-            border: string;
-            borderRadius: string;
-            padding: string;
-            display: string;
-            width: string;
-            boxSizing: string;
-        };
-        ".items": {
-            label: {
-                marginBottom: number;
-                "&:last-child": {
-                    marginBottom: string;
-                };
-            };
-        };
-        ".overlay": {
-            display: string;
-        };
-        ".relative": {
-            position: string;
-        };
-        ".TextEditor .shell": {
-            fontSize: string;
-            border: string;
-            borderRadius: string;
-            padding: string;
-            display: string;
-            width: string;
-            boxSizing: string;
-        };
-        "&.AutoComplete": {
-            'input[type="text"]': {
-                width: string;
-            };
-            ".suggestions": {
-                position: string;
-                width: string;
-                maxHeight: string;
-                border: string;
-                margin: number;
-                padding: number;
-                listStyleType: string;
-                overflow: string;
-                backgroundColor: string;
-                zIndex: number;
-                li: {
-                    padding: string;
-                    "&:hover": {
-                        color: string;
-                        backgroundColor: string;
-                    };
-                    "&.selected": {
-                        color: string;
-                        backgroundColor: string;
-                    };
-                    "&.disabled": {
-                        color: string;
-                        backgroundColor: string;
-                    };
-                };
-            };
-        };
-        "&.ButtonBar": {
-            marginTop: string;
-            ".items": {
-                lineHeight: number;
-                marginTop: string;
-                button: {
-                    marginBottom: string;
-                    p: {
-                        lineHeight: number;
-                    };
-                };
-                "&.vertical": {
-                    button: {
-                        display: string;
-                        marginBottom: string;
-                    };
-                };
-            };
-        };
-        "&.DateTimePicker, &.DatePicker, &.TimePicker, &.DateRangePicker": {
-            ".outer": {
-                display: string;
-                ".inner": {
-                    display: string;
-                    border: string;
-                    flexGrow: number;
-                    margin: string;
-                    backgroundColor: string;
-                    'input[type="text"]': {
-                        border: string;
-                        fontSize: string;
-                    };
-                    "input:focus": {
-                        backgroundColor: string;
-                        outline: string;
-                    };
-                };
-                ".buttonContainer": {
-                    position: string;
-                };
-                "button.calendarButton, button.clockButton": {
-                    margin: string;
-                    border: string;
-                    backgroundColor: string;
-                    cursor: string;
-                    flexShrink: number;
-                    fontSize: string;
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    outline: string;
-                    padding: string;
-                    textAlign: string;
-                    "&:hover": {
-                        backgroundColor: string;
-                    };
-                    "svg.calendar, svg.clock": {
-                        height: string;
-                        verticalAlign: string;
-                        textAlign: string;
-                        width: string;
-                        marginBottom: string;
-                    };
-                };
-            };
-            "&.error": {
-                ".outer": {
-                    color: string;
-                };
-            };
-            '.disabled, button:disabled, input[type="text"]:disabled': {
-                backgroundColor: string;
-                border: string;
-                pointerEvents: string;
-            };
-        };
-        "&.TimePicker .TimePickerInput, &.DateTimePicker .TimePickerInput": {
-            flexGrow: number;
-            input: {
-                height: string;
-                width: string;
-                boxSizing: string;
-            };
-            ".close": {
-                position: string;
-                display: string;
-                width: string;
-                maxWidth: string;
-            };
-            ".overlay": {
-                position: string;
-            };
-            ".side": {
-                boxSizing: string;
-                left: number;
-                position: string;
-                textAlign: string;
-                top: number;
-                width: string;
-            };
-            "@media screen": {
-                ".close": {
-                    ".content": {
-                        display: string;
-                    };
-                    ".symbol::after": {
-                        content: string;
-                    };
-                };
-                ".up .content, .down .content": {
-                    display: string;
-                };
-                ".up .symbol::after": {
-                    content: string;
-                    fontSize: string;
-                    color: string;
-                };
-                ".down .symbol::after": {
-                    content: string;
-                    fontSize: string;
-                    color: string;
-                };
-            };
-            ".rollers": {
-                position: string;
-                visibility: string;
-                backgroundColor: string;
-                textAlign: string;
-                boxSizing: string;
-                boxShadow: string;
-                opacity: string;
-                transition: string;
-                zIndex: string;
-                right: string;
-                top: string;
-                ".button": {
-                    display: string;
-                    width: string;
-                    textAlign: string;
-                    cursor: string;
-                    fontSize: string;
-                    transition: string;
-                };
-                ".button:hover": {
-                    backgroundColor: string;
-                    transition: string;
-                };
-            };
-            ".main": {
-                display: string;
-                margin: string;
-            };
-            ".overlay .button": {
-                position: string;
-                left: string;
-                top: string;
-                width: string;
-                padding: string;
-                boxSizing: string;
-                pointerEvents: string;
-                textAlign: string;
-                fontStyle: string;
-                color: string;
-            };
-            ".dropdown": {
-                position: string;
-                touchAction: string;
-            };
-            ".opened .rollers": {
-                visibility: string;
-                transition: string;
-                opacity: string;
-            };
-            ".bottom": {
-                marginBottom: string;
-                ".content": {
-                    fontStyle: string;
-                    color: string;
-                };
-                ".button": {
-                    cursor: string;
-                };
-                ".button:hover": {
-                    background: string;
-                };
-            };
-            ".up, .down, .value": {
-                position: string;
-                width: string;
-                maxWidth: string;
-                margin: string;
-                borderRadius: string;
-                ".button": {
-                    padding: string;
-                };
-            };
-            ".up, .down": {
-                ".button": {
-                    padding: string;
-                };
-                ".button:hover": {
-                    background: string;
-                    ".symbol::after": {
-                        color: string;
-                        transition: string;
-                    };
-                };
-            };
-            ".value": {
-                ".button": {
-                    lineHeight: string;
-                };
-                ".button:hover": {
-                    borderRadius: string;
-                };
-            };
-            ".hours,  .minutes": {
-                display: string;
-            };
-            ".hours, .minutes, .toggle": {
-                margin: string;
-                position: string;
-            };
-            ".toggle": {
-                display: string;
-            };
-            ".show-ampm .toggle": {
-                display: string;
-            };
-            ".tape": {
-                display: string;
-                position: string;
-                left: number;
-                top: number;
-                height: string;
-                width: string;
-                maxWidth: string;
-                maxHeight: string;
-                textAlign: string;
-                overflowX: string;
-                overflowY: string;
-            };
-            ".rolling .buttons": {
-                opacity: string;
-            };
-            ".rolling .tape": {
-                display: string;
-            };
-            ".tape, .tape *": {
-                pointerEvents: string;
-            };
-            ".tape .item, .tape .button": {
-                margin: string;
-                padding: string;
-            };
-            ".tape .item:nth-child(4)": {
-                fontWeight: string;
-            };
-            ".marker": {
-                top: string;
-                left: string;
-                width: string;
-                maxWidth: string;
-                height: string;
-                maxHeight: string;
-                marginLeft: string;
-                marginTop: string;
-                backgroundColor: string;
-                borderRadius: string;
-            };
-        };
-        "&.DateRangePicker": {
-            ".inner": {
-                'input[type="text"]': {
-                    textAlign: string;
-                    width: string;
-                };
-                "span.arrow": {
-                    margin: string;
-                    display: string;
-                    alignSelf: string;
-                    width: string;
-                    "svg.arrowRight": {
-                        display: string;
-                        width: string;
-                        height: string;
-                        margin: string;
-                    };
-                };
-            };
-        };
-        "&.DatePicker .time-part, &.TimePicker .date-part": {
-            display: string;
-        };
-        "&.NumberSlider, &.NumberRangeSlider": {
-            ".slider-container": {
-                padding: string;
-                lineHeight: string;
-                marginBottom: string;
-            };
-            ".inputs": {
-                display: string;
-                justifyContent: string;
-                flexWrap: string;
-                marginTop: string;
-                "span:first-child": {
-                    marginRight: string;
-                };
-                span: {
-                    display: string;
-                    flexDirection: string;
-                    alignItems: string;
-                    input: {
-                        marginLeft: string;
-                        width: string;
-                    };
-                };
-            };
-        };
-        "&.RadioGroup": {
-            marginBottom: string;
-            border: string;
-            color: string;
-        };
-        "&.Text": {
-            marginBottom: string;
-            border: string;
-            color: string;
-        };
-        "&.Image": {
-            marginBottom: string;
-            border: string;
-            color: string;
-        };
-    };
-};
-export default styles;

package/forms/LegacyStyles.js

@@ -1 +0,0 @@
-const constants={action:{normal:"#197dc8",light:"#5caeeb",veryLight:"#e4f2fc"},alarm:"#b71d1d",bgColor:"#eee",border:"#ccc",button:"#eee",font:{light:"#777777",dark:"#333"}},inputStyles={fontSize:"1em",border:"1px solid #cccccc",borderRadius:"1px",padding:"3px 6px",display:"block",width:"100%",boxSizing:"border-box"},autoCompleteStyles={'input[type="text"]':{width:"100%"},".suggestions":{position:"absolute",width:"100%",maxHeight:"15.1em",border:"0.063em solid #cccccc",margin:0,padding:0,listStyleType:"none",overflow:"auto",backgroundColor:"white",zIndex:1,li:{padding:"0.35em","&:hover":{color:"#fff",backgroundColor:"#197dc8"},"&.selected":{color:"#fff",backgroundColor:"#197dc8"},"&.disabled":{color:constants.font.light,backgroundColor:"transparent"}}}},buttonBarStyles={marginTop:"1.5em",".items":{lineHeight:1,marginTop:"2px",button:{marginBottom:"0.313em",p:{lineHeight:1.15}},"&.vertical":{button:{display:"block",marginBottom:"6px"}}}},dateTimePickerStyles={".outer":{display:"flex",".inner":{display:"flex",border:"solid 1px",flexGrow:1,margin:"0.25rem",backgroundColor:"#ffffff",'input[type="text"]':{border:"none !important",fontSize:"medium !important"},"input:focus":{backgroundColor:"#eee",outline:"none"}},".buttonContainer":{position:"relative"},"button.calendarButton, button.clockButton":{margin:"0.17em 0",border:"none",backgroundColor:"#efefef",cursor:"pointer",flexShrink:0,fontSize:"medium",height:"2.25em",width:"2.25em",borderRadius:"50%",outline:"none",padding:"6px",textAlign:"center","&:hover":{backgroundColor:"#ccc"},"svg.calendar, svg.clock":{height:"16px",verticalAlign:"middle",textAlign:"center",width:"16px",marginBottom:"2px"}}},"&.error":{".outer":{color:`${constants.alarm} !important`}},'.disabled, button:disabled, input[type="text"]:disabled':{backgroundColor:`${constants.bgColor} !important`,border:"none !important",pointerEvents:"none"}},timePickerInputStyles={flexGrow:1,input:{height:"2.025em",width:"100%",boxSizing:"border-box"},".close":{position:"relative",display:"inline-block",width:"2em",maxWidth:"2em"},".overlay":{position:"relative"},".side":{boxSizing:"border-box",left:0,position:"absolute",textAlign:"right",top:0,width:"100%"},"@media screen":{".close":{".content":{display:"none"},".symbol::after":{content:'"\\2716"'}},".up .content, .down .content":{display:"none"},".up .symbol::after":{content:'"\\25B2"',fontSize:"1.15em",color:constants.action.normal},".down .symbol::after":{content:'"\\25BC"',fontSize:"1.15em",color:constants.action.normal}},".rollers":{position:"absolute",visibility:"hidden",backgroundColor:"white",textAlign:"center",boxSizing:"border-box",boxShadow:"0 0.313em 0.8em rgba(0, 0, 0, 0.2)",opacity:"0",transition:"all 0.3s ease-in-out",zIndex:"1",right:"-2em",top:"0.25em",".button":{display:"block",width:"auto",textAlign:"center",cursor:"pointer",fontSize:"small",transition:"all 0.2s ease-in-out"},".button:hover":{backgroundColor:constants.action.veryLight,transition:"all 0.2s ease-in-out"}},".main":{display:"inline-block",margin:"0.625em 0 1em"},".overlay .button":{position:"absolute",left:"0",top:"0",width:"100%",padding:"2px 4px 2px 4px",boxSizing:"border-box",pointerEvents:"none",textAlign:"right",fontStyle:"italic",color:"#808080"},".dropdown":{position:"relative",touchAction:"none"},".opened .rollers":{visibility:"visible",transition:"all 0.3s ease-in-out",opacity:"1"},".bottom":{marginBottom:"0.5em",".content":{fontStyle:"italic",color:"#999"},".button":{cursor:"default"},".button:hover":{background:"none"}},".up, .down, .value":{position:"relative",width:"1.4em",maxWidth:"1.4em",margin:"0 0.5em",borderRadius:"50px",".button":{padding:"0.2em 0.2em 0.1em"}},".up, .down":{".button":{padding:"0"},".button:hover":{background:"none",".symbol::after":{color:constants.action.light,transition:"all 0.2s ease-in-out"}}},".value":{".button":{lineHeight:"1.675em"},".button:hover":{borderRadius:"50px"}},".hours,  .minutes":{display:"inline-block"},".hours, .minutes, .toggle":{margin:"0 0.5em",position:"relative"},".toggle":{display:"none"},".show-ampm .toggle":{display:"inline-block"},".tape":{display:"none",position:"absolute",left:0,top:0,height:"100%",width:"100%",maxWidth:"100%",maxHeight:"100%",textAlign:"center",overflowX:"hidden",overflowY:"hidden"},".rolling .buttons":{opacity:"0"},".rolling .tape":{display:"block"},".tape, .tape *":{pointerEvents:"none"},".tape .item, .tape .button":{margin:"0",padding:"0"},".tape .item:nth-child(4)":{fontWeight:"bold"},".marker":{top:"50%",left:"50%",width:"1.5em",maxWidth:"1.5em",height:"1.5em",maxHeight:"1.5em",marginLeft:"-0.75em",marginTop:"-0.75em",backgroundColor:"lightblue",borderRadius:"0.75em"}},dateRangePickerStyles={".inner":{'input[type="text"]':{textAlign:"center",width:"45%"},"span.arrow":{margin:"0 0.5rem",display:"inline",alignSelf:"center",width:"10%","svg.arrowRight":{display:"block",width:"18px",height:"18px",margin:"auto"}}}},numberSliderStyles={".slider-container":{padding:"6px 12px",lineHeight:"1",marginBottom:"0.5em"},".inputs":{display:"flex",justifyContent:"flex-start",flexWrap:"wrap",marginTop:"1.5em","span:first-child":{marginRight:"0.5em"},span:{display:"flex",flexDirection:"row",alignItems:"baseline",input:{marginLeft:"0.5em !important",width:"5.25em !important"}}}},styles={".legacy-styled-element > * label":{border:"none",color:"#333333",display:"block",marginBottom:"0.5em",p:{"&:first-child":{marginTop:0},"&:last-child":{marginBottom:0}},"&:empty":{display:"none"},"&.focus":{backgroundColor:"#eee"}},".legacy-styled-element":{button:{marginRight:"6px"},div:{"&.inline":{display:"inline-block"}},'input[type="checkbox"]':{marginRight:"0.25em",marginLeft:"0.25em",verticalAlign:"baseline"},'input[type="password"]':{...inputStyles,marginBottom:"1em"},'input[type="radio"]':{marginRight:"0.25em",marginLeft:"0.25em",verticalAlign:"baseline"},'input[type="text"]':inputStyles,select:{...inputStyles,"&:disabled":{color:constants.font.light,backgroundColor:"transparent",option:{color:constants.font.light,backgroundColor:"transparent","&:hover":{color:constants.font.light,backgroundColor:"transparent"}}},option:{padding:"2px 2px 0","&:hover":{color:"#fff",backgroundColor:"#197dc8"},"&:disabled":{color:constants.font.light,backgroundColor:"transparent"}}},textarea:{...inputStyles,fontFamily:"inherit",height:"auto"},".items":{label:{marginBottom:0,"&:last-child":{marginBottom:"1em"}}},".overlay":{display:"none"},".relative":{position:"relative"},".TextEditor .shell":inputStyles,"&.AutoComplete":autoCompleteStyles,"&.ButtonBar":buttonBarStyles,"&.DateTimePicker, &.DatePicker, &.TimePicker, &.DateRangePicker":dateTimePickerStyles,"&.TimePicker .TimePickerInput, &.DateTimePicker .TimePickerInput":timePickerInputStyles,"&.DateRangePicker":dateRangePickerStyles,"&.DatePicker .time-part, &.TimePicker .date-part":{display:"none"},"&.NumberSlider, &.NumberRangeSlider":numberSliderStyles,"&.RadioGroup":{marginBottom:"0.75em",border:"none",color:"#333333"},"&.Text":{marginBottom:"0.75em",border:"none",color:"#333333"},"&.Image":{marginBottom:"0.75em",border:"none",color:"#333333"}}};export default styles;

package/forms/assets/arrow.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function renderArrowHead(): JSX.Element;
-export declare function renderArrowRight(): JSX.Element;
-export declare function renderArrowRollup(): JSX.Element;

package/forms/assets/arrow.js

@@ -1 +0,0 @@
-import*as React from"react";function renderArrowHead(){return React.createElement("svg",{className:"arrowHead",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("path",{d:"M 0 0 V 200 L 200 100 Z"}))}function renderArrowRight(){return React.createElement("svg",{className:"arrowRight",viewBox:"0 0 24 24",preserveAspectRatio:"none"},React.createElement("path",{d:"M20 12l-8-8-1.4 1.4 5.6 5.6H4v2h12.2l-5.6 5.6L12 20l8-8z"}))}function renderArrowRollup(){return React.createElement("svg",{className:"arrowRollup",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("circle",{cx:"100",cy:"100",r:"100"}),React.createElement("polyline",{points:"50 100 100 50 150 100"}),React.createElement("polyline",{points:"50 150 100 100 150 150"}))}export{renderArrowHead,renderArrowRight,renderArrowRollup};

package/forms/assets/chevron.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function renderChevronUp(): JSX.Element;
-export declare function renderChevronDown(): JSX.Element;

package/forms/assets/chevron.js

@@ -1 +0,0 @@
-import*as React from"react";function renderChevronUp(){return React.createElement("svg",{className:"chevronUp",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M20 15.3l-8-8-8 8 1.4 1.4 6.6-6.6 6.6 6.6 1.4-1.4z"})))}function renderChevronDown(){return React.createElement("svg",{className:"chevronDown",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M18.6 7.3L12 13.9 5.4 7.3 4 8.7l8 8 8-8-1.4-1.4z"})))}export{renderChevronUp,renderChevronDown};

package/forms/assets/cross.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function renderCrossAdd(): JSX.Element;
-export declare function renderCrossDelete(): JSX.Element;

package/forms/assets/cross.js

@@ -1 +0,0 @@
-import*as React from"react";function renderCrossAdd(){return React.createElement("svg",{className:"crossAdd",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("polyline",{points:"0 100 200 100"}),React.createElement("polyline",{points:"100 0  100 200"}))}function renderCrossDelete(){return React.createElement("svg",{className:"crossDelete",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("circle",{cx:"100",cy:"100",r:"100"}),React.createElement("polyline",{points:"50 50 150 150"}),React.createElement("polyline",{points:"50 150 150 50"}))}export{renderCrossAdd,renderCrossDelete};

package/forms/assets/datetime.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function renderCalendar(): JSX.Element;
-export declare function renderClock(): JSX.Element;