@vertigis/workflow 5.33.1 → 5.34.0

package/forms/renderers.js

@@ -1 +1 @@
-import{styled}from"@vertigis/react-ui/styles";import*as React from"react";import{createElement}from"react";import{FormComponent,FormElement as FormElementComponent}from"./FormComponent.js";import*as defs from"./FormDefinition.js";import FormElement from"./FormElement.js";import LegacyStyles from"./LegacyStyles.js";import{renderChevronDown,renderChevronUp}from"./assets/stock.js";import{renderDescription,renderError,renderFocus,renderTitle}from"./common.js";import Text from"./components/Text.js";import TextArea from"./components/TextArea.js";import TextBox from"./components/TextBox.js";import{FormElementTypes,Orientation}from"./constants.js";import*as datetime from"./datetime.js";import*as files from"./files.js";import*as geometry from"./geometry.js";import{getKeyString}from"./keyboard.js";import*as number from"./number.js";import*as scanner from"./scanner.js";import*as selectors from"./selectors.js";import{makeSafeClassName,sort,makeUniqueId}from"./utils.js";const Root=styled("div")(()=>LegacyStyles);function renderForm(e){const o=e.props.host,n={host:o,type:"header",children:[]},s={host:o,type:"body",children:[]},c={host:o,type:"main",children:[]},a={host:o,type:"footer",children:[]},r={host:o,type:"body",children:[]},i={},m=[];function t(e){if(void 0===e)return s;if("header"===e)return n;if("footer"===e)return a;let r;r="object"==typeof e?e.name:e;let t=(e=>{for(const r of m)if(r.name===e)return r})(r);return void 0===t&&(t={host:o,name:r,type:"section",children:[]},m.push(t)),t}function l(e){return"Section"!==e}function d(e){return e===n||e===s||e===a?`${e.type}-section`:e.name}const p=sort(e.props.host.form.elements);for(const R in p){var u,f=p[R];if(!0!==(h=f).hoisted&&(!1!==h.visible&&l(h.type)))if(!0!==f.overlay){let e=t(f.section);void 0!==f.rowNumber&&(u=d(e),e=function(e,r){let t=i[r];t=t||(i[r]=[]);let n=t[e];return void 0===n&&(n=t[e]={host:o,type:"row",children:[]}),n}(f.rowNumber,u)),e.children.push(React.createElement(FormElementComponent,{key:R,host:o,type:"element",name:R}))}else r.children.push(React.createElement(FormElementComponent,{key:R,host:o,type:"element",name:R}))}var h,y;const E=[];if(0<n.children.length&&E.push(React.createElement(FormComponent,{key:"header",...n})),0<r.children.length)E.push(React.createElement(FormComponent,{key:"main",...r}));else{v(s);for(const g of m)y=g.name,null!=(y=p[y])&&(l(y.type)||!0===y.hoisted||!1===y.visible)||v(t(g.name));0<c.children.length&&E.push(React.createElement(FormComponent,{key:"main",...c}))}function v(e){var r=e===s?"body":`$${e.name}`,t=d(e),n=i[t];if(n)for(const m of Object.keys(n).sort((e,r)=>parseInt(e)-parseInt(r))){var o,a=n[m];1<a.children.length?(o=`row-${m}`,e.children.push(React.createElement(FormComponent,{key:o,...a}))):1===a.children.length&&e.children.push(...a.children)}0<e.children.length&&c.children.push(React.createElement(FormComponent,{key:r,...e}))}return 0<a.children.length&&E.push(React.createElement(FormComponent,{key:"footer",...a})),React.createElement(Root,{className:"gcx-forms defaults custom",ref:function(e){o.renderFocus(e)},onKeyDown:function(e){"enter"===getKeyString(e)&&(e.target instanceof HTMLButtonElement||o.post("clicked"))}},E)}function renderHeader(e){return React.createElement("div",{className:"Header"},e.props.children)}function renderFooter(e){return React.createElement("div",{className:"Footer"},e.props.children)}function renderBody(e){return React.createElement("div",{className:"Body"},e.props.children)}function renderRow(e){return React.createElement("div",{className:"Row"},e.props.children)}function renderMain(e){return React.createElement("div",{className:"Main"},e.props.children)}function renderNone(e){return React.createElement("div",{className:"None"},"--- Unsupported Form Element (name=",e.props.name,") ---")}var element;function getElementProps(e,r){return{...r,element:r,name:e.props.name,enabled:r.enabled,setProperty:e.setProperty,setValue:e.setValue,raiseEvent:e.raiseEvent,value:r.value}}!function(e){e.renderPasswordBox=function(e,r){return React.createElement(TextBox,{component:e,element:r,type:"password"})},e.renderText=function(e,r){return React.createElement(Text,{component:e,element:r})},e.renderTextArea=function(e,r){return React.createElement(TextArea,{component:e,element:r})},e.renderTextBox=function(e,r){return React.createElement(TextBox,{component:e,element:r})},e.renderNumber=number.renderNumber,e.renderNumberRangeSlider=number.renderNumberRangeSlider,e.renderNumberSlider=number.renderNumberSlider,e.renderAutoComplete=selectors.renderAutoComplete,e.renderCheckBox=selectors.renderCheckBox,e.renderCheckGroup=selectors.renderCheckGroup,e.renderDropDownList=selectors.renderDropDownList,e.renderItemPicker=selectors.renderItemPicker,e.renderListBox=selectors.renderListBox,e.renderRadioGroup=selectors.renderRadioGroup,e.renderDatePicker=datetime.renderDateTimePicker,e.renderDateRangePicker=datetime.renderDateRangePicker,e.renderTimePicker=datetime.renderDateTimePicker,e.renderDateTimePicker=datetime.renderDateTimePicker,e.renderGeometryPicker=geometry.renderGeometryPicker,e.renderFilePicker=files.renderFilePicker,e.renderScanner=scanner.renderScanner,e.renderSection=function(r,t){const n=r.props.host,o=r.props.name;let e=void 0;null!=t&&t.format&&(e=t.format),e=void 0!==e&&null!==e?e:defs.DEFAULT_SECTION_FORMAT;const a="accordion-section"===e;var m=a||"collapsible-section"===e;const s=[t.type,makeSafeClassName(o),e];t.styleName&&s.push(makeSafeClassName(t.styleName));let c=null,i;var l=makeUniqueId(o);let d="content";if(m){let e="form-element-title";t.collapsed&&(e+=" collapsed",d+=" collapsed");var p=(t.collapsed?renderChevronDown:renderChevronUp)();c=renderTitle(n,t,l,void 0,"caption"),i=React.createElement("button",{className:e,onClick:function(){a&&t.collapsed?n.updateAccordionSections(o):(t.collapsed=!t.collapsed,r.forceUpdate())},ref:e=>renderFocus(e,o,n)},c||React.createElement("span",{className:"caption"}),p)}else c=renderTitle(n,t,l),i=c;var u=renderDescription(n,t,l),m=renderError(n,t),p=c?.props?.id,l=u?.props?.id;return React.createElement("div",{"aria-labelledby":p,"aria-describedby":l,className:s.join(" ")},i,React.createElement("div",{className:d},u,m,r.props.children))},e.renderHorizontalRule=function(e,r){e=e.props.name;const t=[FormElementTypes.HORIZONTALRULE,makeSafeClassName(e)];return r.styleName&&t.push(makeSafeClassName(r.styleName)),React.createElement("hr",{className:t.join(" ")})},e.renderImage=function(e,r){const t=e.props["host"];let n,o;var a=r.size;"number"==typeof a&&(o=a,n=a),"object"==typeof a&&("number"==typeof a.width&&(n=a.width),"number"==typeof a.height&&(o=a.height));let m=void 0;return"string"==typeof(a=r.value)&&(m=a),a=t.renderText(r.tooltip),React.createElement(FormElement,{component:e,element:r,legacyMode:!0},React.createElement("img",{src:m,title:a,width:n,height:o}))},e.renderButtonBar=function(e,r){const{host:n,name:o}=e.props;var t=sort(r.items);let a=void 0;const m=[];for(const f in t){var s=t[f],c=e.enabled&&!1!==s.enabled&&!1!==s.visible,i={__html:n.renderHtml(s.label,defs.HTMLContentCategory.Phrasing)},l=n.renderText(s.tooltip),d=t[f].value;c&&void 0===a&&(a=f);var p=s.styleName?makeSafeClassName(s.styleName):void 0;!1!==s.visible&&m.push(React.createElement("button",{className:p,key:f,disabled:!c,title:l,ref:function(r){return function(e){null!==e&&r===a&&n.renderFocus(e,o)}}(f),onClick:function(r,t){return function(e){n.post("clicked",{name:o,item:r,value:t})}}(f,d),dangerouslySetInnerHTML:i}))}const u=["items"];return r.orientation===Orientation.VERTICAL&&u.push("vertical"),React.createElement(FormElement,{component:e,element:r,legacyMode:!0},React.createElement("div",{className:u.join(" ")},m))},e.renderCustom=function(e,r){var t=e.props.name;return e.elementRegistration||console.warn(`Unable to render custom form element '${t}' of type '${r.customType}'.`),React.createElement(FormElement,{component:e,element:r,legacyMode:!0},e.elementRegistration?createElement(e.elementRegistration.component,getElementProps(e,r)):`--- ${r.customType} ---`)}}(element=element||{});export{renderForm,renderHeader,renderFooter,renderBody,renderRow,renderMain,renderNone,element,getElementProps};
+import Box from"@vertigis/react-ui/Box";import*as React from"react";import AccordionGroup from"./components/AccordionGroup.js";import AutoComplete from"./components/AutoComplete.js";import ButtonBar from"./components/ButtonBar.js";import CheckBox from"./components/CheckBox.js";import CheckGroup from"./components/CheckGroup.js";import Custom from"./components/Custom.js";import DatePicker from"./components/DatePicker.js";import DateRangePicker from"./components/DateRangePicker.js";import DateTimePicker from"./components/DateTimePicker.js";import DropDownList from"./components/DropDownList.js";import FilePicker from"./components/FilePicker.js";import Form,{formClasses}from"./components/Form.js";import GeometryPicker from"./components/GeometryPicker.js";import HorizontalRule from"./components/HorizontalRule.js";import Image from"./components/Image.js";import ItemPicker from"./components/ItemPicker.js";import ListBox from"./components/ListBox.js";import Number from"./components/Number.js";import NumberRangeSlider from"./components/NumberRangeSlider.js";import NumberSlider from"./components/NumberSlider.js";import RadioGroup from"./components/RadioGroup.js";import Scanner from"./components/Scanner.js";import Section from"./components/Section.js";import Text from"./components/Text.js";import TextArea from"./components/TextArea.js";import TextBox from"./components/TextBox.js";import TimePicker from"./components/TimePicker.js";function renderForm(e){return React.createElement(Form,{component:e})}function renderHeader(e){return renderBox(e.props.children,formClasses.header)}function renderFooter(e){return renderBox(e.props.children,formClasses.footer)}function renderBody(e){return renderBox(e.props.children,formClasses.body)}function renderRow(e){return renderBox(e.props.children,formClasses.row)}function renderMain(e){return renderBox(e.props.children,formClasses.main)}function renderAccordionGroup(e){return React.createElement(AccordionGroup,{component:e})}function renderNone(e){return renderBox([`--- Unsupported Form Element (name=${e.props.name}) ---`],"None")}function renderBox(e,r){return React.createElement(Box,{className:r},e)}var element;!function(e){e.renderAutoComplete=function(e,r){return React.createElement(AutoComplete,{component:e,element:r})},e.renderButtonBar=function(e,r){return React.createElement(ButtonBar,{component:e,element:r})},e.renderCheckBox=function(e,r){return React.createElement(CheckBox,{component:e,element:r})},e.renderCheckGroup=function(e,r){return React.createElement(CheckGroup,{component:e,element:r})},e.renderCustom=function(e,r){return React.createElement(Custom,{component:e,element:r})},e.renderDatePicker=function(e,r){return React.createElement(DatePicker,{component:e,element:r})},e.renderDateRangePicker=function(e,r){return React.createElement(DateRangePicker,{component:e,element:r})},e.renderDateTimePicker=function(e,r){return React.createElement(DateTimePicker,{component:e,element:r})},e.renderDropDownList=function(e,r){return React.createElement(DropDownList,{component:e,element:r})},e.renderFilePicker=function(e,r){return React.createElement(FilePicker,{component:e,element:r})},e.renderGeometryPicker=function(e,r){return React.createElement(GeometryPicker,{component:e,element:r})},e.renderHorizontalRule=function(e,r){return React.createElement(HorizontalRule,{component:e,element:r})},e.renderImage=function(e,r){return React.createElement(Image,{component:e,element:r})},e.renderItemPicker=function(e,r){return React.createElement(ItemPicker,{component:e,element:r})},e.renderListBox=function(e,r){return React.createElement(ListBox,{component:e,element:r})},e.renderNumber=function(e,r){return React.createElement(Number,{component:e,element:r})},e.renderNumberRangeSlider=function(e,r){return React.createElement(NumberRangeSlider,{component:e,element:r})},e.renderNumberSlider=function(e,r){return React.createElement(NumberSlider,{component:e,element:r})},e.renderPasswordBox=function(e,r){return React.createElement(TextBox,{component:e,element:r,type:"password"})},e.renderRadioGroup=function(e,r){return React.createElement(RadioGroup,{component:e,element:r})},e.renderScanner=function(e,r){return React.createElement(Scanner,{component:e,element:r})},e.renderSection=function(e,r){return React.createElement(Section,{component:e,element:r})},e.renderText=function(e,r){return React.createElement(Text,{component:e,element:r})},e.renderTextArea=function(e,r){return React.createElement(TextArea,{component:e,element:r})},e.renderTextBox=function(e,r){return React.createElement(TextBox,{component:e,element:r})},e.renderTimePicker=function(e,r){return React.createElement(TimePicker,{component:e,element:r})}}(element=element||{});export{renderForm,renderHeader,renderFooter,renderBody,renderRow,renderMain,renderAccordionGroup,renderNone,element};

package/forms/textUtilities.d.ts

@@ -1,3 +1,4 @@
+import { markdownToSafeHtml } from "@vertigis/react-ui/utils/markdown";
 import * as defs from "./FormDefinition";
 /**
  * Ensures the supplied string can be rendered literally in markdown by
@@ -14,8 +15,9 @@ import * as defs from "./FormDefinition";
  * @param literalString A string to be treated literally in markdown.
  */
 export declare function escapeTextForMarkdown(literalString: string): string;
-export declare function isMarkdown(text: Partial<defs.MarkdownRef> & defs.Text): text is defs.MarkdownRef;
-export declare function isStatus(text: Partial<defs.StatusRef> & defs.Text): text is defs.StatusRef;
-export declare function textToHtml(text: string): string;
-export declare function markdownToHtml(markdown: string, htmlContentCategory?: defs.HTMLContentCategory): string;
+export declare function hasContent(text: defs.Text | undefined): boolean;
+export declare function isMarkdown(text: (Partial<defs.MarkdownRef> & defs.Text) | undefined | null): text is defs.MarkdownRef;
+export declare function isStatus(text: (Partial<defs.StatusRef> & defs.Text) | undefined | null): text is defs.StatusRef;
 export declare function markdownToText(markdown: string): string;
+export declare function textToHtml(text: string): string;
+export { markdownToSafeHtml };

package/forms/textUtilities.js

@@ -1 +1 @@
-import{Remarkable}from"remarkable";import*as defs from"./FormDefinition.js";const htmlContent=document.createElement("div"),textContent=document.createElement("div"),textNode=document.createTextNode("");htmlContent.appendChild(textNode);const phrasingContentElement=document.createElement("span"),markdownCharsRegExp=/[\\`*_{}[\]()#+\-.!>~]/g,markdownCodeBlockSpacesRegExp=/^[ ]{4}/gm,markdownCodeBlockTabRegExp=/^[ ]{0,3}[	]{1}/gm,markdownLineBreakSuffixRegExp=/[ ]{2}$/gm,remarkable=new Remarkable("commonmark",{html:!1,linkTarget:"_blank"});function escapeTextForMarkdown(e){let t=e.replace(markdownCharsRegExp,"\\$&");return t=t.replace(markdownCodeBlockSpacesRegExp," "),t=t.replace(markdownCodeBlockTabRegExp," "),t=t.replace(markdownLineBreakSuffixRegExp," "),t}function isMarkdown(e){return null!=e&&"string"==typeof e.markdown}function isStatus(e){return null!=e&&"string"==typeof e.status}function textToHtml(e){return textNode.data=e,htmlContent.innerHTML}const phrasingContentTags=["abbr","audio","b","bdo","br","button","canvas","cite","code","command","data","datalist","dfn","em","embed","i","iframe","img","input","kbd","keygen","label","mark","math","meter","noscript","object","output","progress","q","ruby","samp","script","select","small","span","strong","sub","sup","svg","textarea","time","var","video","wbr"];function isPhrasingContent(e){let t=!1;var n;return e instanceof Text?(n=e.textContent.trim(),t=""!==n):e instanceof HTMLElement&&(e=e.tagName.toLowerCase(),t=-1!==phrasingContentTags.indexOf(e)),t}function nodeToPhrasingContent(t){let n="",e="";if(isPhrasingContent(t))if(t instanceof Text)n+=textToHtml(t.textContent);else if(t instanceof HTMLElement){const a=t.outerHTML;var o=a.substring(0,a.indexOf(">")+1);n+=o;var r=a.lastIndexOf("<");e=r<o.length?"":a.substring(r)}for(let e=0;e<t.childNodes.length;e++)n+=nodeToPhrasingContent(t.childNodes[e]);return n+=e,n}function htmlToPhrasingContent(e){phrasingContentElement.innerHTML=e;let t="";for(let e=0;e<phrasingContentElement.childNodes.length;e++)t+=nodeToPhrasingContent(phrasingContentElement.childNodes[e]);return t}function markdownToHtml(e,t=defs.HTMLContentCategory.Flow){let n=remarkable.render(e);return t===defs.HTMLContentCategory.Phrasing&&(n=htmlToPhrasingContent(n)),n}function markdownToText(e){return textContent.innerHTML=markdownToHtml(e,defs.HTMLContentCategory.Flow),textContent.innerText}export{escapeTextForMarkdown,isMarkdown,isStatus,textToHtml,markdownToHtml,markdownToText};
+import{markdownToSafeHtml}from"@vertigis/react-ui/utils/markdown";const htmlContent=document.createElement("div"),textContent=document.createElement("div"),textNode=document.createTextNode("");htmlContent.appendChild(textNode);const markdownCharsRegExp=/[\\`*_{}[\]()#+\-.!>~]/g,markdownCodeBlockSpacesRegExp=/^[ ]{4}/gm,markdownCodeBlockTabRegExp=/^[ ]{0,3}[	]{1}/gm,markdownLineBreakSuffixRegExp=/[ ]{2}$/gm;function escapeTextForMarkdown(t){let e=t.replace(markdownCharsRegExp,"\\$&");return e=e.replace(markdownCodeBlockSpacesRegExp," "),e=e.replace(markdownCodeBlockTabRegExp," "),e=e.replace(markdownLineBreakSuffixRegExp," "),e}function hasContent(t){return"string"==typeof t?!!t:isMarkdown(t)?!!t.markdown:!!isStatus(t)&&!!t.status}function isMarkdown(t){return null!=t&&"string"==typeof t.markdown}function isStatus(t){return null!=t&&"string"==typeof t.status}function markdownToText(t){return textContent.innerHTML=markdownToSafeHtml(t),textContent.innerText}function textToHtml(t){return textNode.data=t,htmlContent.innerHTML}export{escapeTextForMarkdown,hasContent,isMarkdown,isStatus,markdownToText,textToHtml,markdownToSafeHtml};

package/forms/utils.d.ts

@@ -1,5 +1,31 @@
+import { Lookup } from "../Collections";
+import { FormComponent } from "./FormComponent";
 import * as defs from "./FormDefinition";
 import * as text from "./textUtilities";
+import { FormElementProps } from "./index";
+/**
+ * Constraints for a property that may specify a default value and bounds.
+ */
+export interface PropertyConstraints<T> {
+    default?: T;
+    maximum?: T;
+    minimum?: T;
+}
+/**
+ * Constraints for a property that specifies a default value.
+ */
+export interface PropertyConstraintsWithDefault<T> extends PropertyConstraints<T> {
+    default: T;
+}
+/**
+ * Constraints for a property that specifies a minimum value.
+ */
+export interface PropertyConstraintsWithMinimum<T> extends PropertyConstraints<T> {
+    minimum: T;
+}
+export interface FormElementPropertyConstraints {
+    [key: string]: PropertyConstraints<any> | undefined;
+}
 export interface DebounceResult {
     /** Invoke the scheduled function immediately, without any further delay. */
     now: () => void;
@@ -12,39 +38,66 @@ export interface DebounceResult {
  **/
 export { text };
 export declare function makeId(): string;
-/** Performs key/item sorting. */
-export declare function sort<T>(items: T, predicate?: (item: T[keyof T], index: number) => number): T;
+/**
+ * Performs key/item sorting.
+ * @product This is intended for internal use only within VertiGIS Studio products.
+ */
+export declare function sort<T>(items: T | undefined, predicate?: (item: T[keyof T], index: number) => number | undefined): T;
+/**
+ * This function does a few things relating to items within an element.
+ *
+ *   1. The items are sorted by index, falling back to their order of the keys if no index is present.
+ *   2. Any items with visibe = false are excluded.
+ *   3. It ensures `element.value` and `element.current` are consistent.
+ *   4. It updates `element.label` to match the current item.
+ * @product This is intended for internal use only within VertiGIS Studio products.
+ * @param element The element whose items are to be sorted.
+ * @returns An array of visible items, sorted by index.
+ */
 export declare function sortItems(element: defs.Element): {
     [key: string]: defs.Item;
 };
-export declare function makeSafeClassName(elementName: string): string;
-export declare function makeUniqueId(elementName: string): string;
+/** @product This is intended for internal use only within VertiGIS Studio products. */
+export declare function makeSafeClassName(elementName: string | undefined): string;
+/** @public */
+export declare function makeUniqueId(elementName: string | undefined): string;
 export declare function addClass(element: HTMLElement, name: string): void;
 export declare function removeClass(element: HTMLElement, name: string): void;
 export declare function setClass(element: HTMLElement, name: string, exists: boolean): void;
-export declare function isBoolean(value: defs.Value): value is boolean;
-export declare function isNumber(value: defs.Value): value is number;
-export declare function isString(value: defs.Value): value is string;
-export declare function isDataRef(value: defs.Value): value is defs.DataRef;
-export declare function isDateRangeRef(value: defs.Value): value is defs.DateRangeRef;
-export declare function isDateTimeRef(value: defs.Value): value is defs.DateTimeRef;
-export declare function isFilesRef(value: defs.Value): value is defs.FilesRef;
-export declare function isScanRef(value: defs.Value): value is defs.ScanRef;
-export declare function isGeometryRef(value: defs.Value): value is defs.GeometryRef;
-export declare function isItemsRef(value: defs.Value): value is defs.ItemsRef;
-export declare function isNumberRef(value: defs.Value): value is defs.NumberRef;
-export declare function sanitizeGeometryRef(value: defs.Value): defs.GeometryRef;
+export declare function isBoolean(value: defs.Value | undefined): value is boolean;
+export declare function isNumber(value: defs.Value | undefined): value is number;
+/** @product This is intended for internal use only within VertiGIS Studio products. */
+export declare function isString(value: defs.Value | undefined): value is string;
+export declare function isDataRef(value: defs.Value | undefined): value is defs.DataRef;
+export declare function isDateRangeRef(value: defs.Value | undefined): value is defs.DateRangeRef;
+export declare function isDateTimeRef(value: defs.Value | undefined): value is defs.DateTimeRef;
+export declare function isFilesRef(value: defs.Value | undefined): value is defs.FilesRef;
+export declare function isScanRef(value: defs.Value | undefined): value is defs.ScanRef;
+export declare function isGeometryRef(value: defs.Value | undefined): value is defs.GeometryRef;
+export declare function isItemsRef(value: defs.Value | undefined): value is defs.ItemsRef;
+/** @product This is intended for internal use only within VertiGIS Studio products. */
+export declare function isNumberRef(value: defs.Value | undefined): value is defs.NumberRef;
+/** @product This is intended for internal use only within VertiGIS Studio products. */
+export declare function sanitizeGeometryRef(value: defs.Value | undefined): defs.GeometryRef;
+/** @product This is intended for internal use only within VertiGIS Studio products. */
 export declare function createGeometryRef(format: defs.GeometryFormat): defs.GeometryRef;
-export declare function addStyleToDocument(css: string): HTMLStyleElement;
 /**
  * Creates a throttled function that will invoke the given
  * function at most once per the given delay.
  * @param func The function to invoke.
  * @param delay The delay to wait (in milliseconds) before invoking the function again.
  */
-export declare function throttle(func: Function, delay?: number): () => void;
+export declare function throttle(func: Function, delay?: number): (this: any) => void;
 /**
  * Determines whether a value is numeric, i.e. a number or a numeric string.
  * @param value The value to check.
  */
 export declare function isNumeric(value: unknown): boolean;
+export declare function getElementProps(component: FormComponent, element: defs.Element): FormElementProps;
+/**
+ * Gets the id of an item from a Lookup<defs.Item>.
+ * @param item The item to find.
+ * @param items The items to look through.
+ * @returns The key corresponding to the item, or undefined if no match was found.
+ */
+export declare function getItemId(item: defs.Item | null | undefined, items: Lookup<defs.Item>): string;

package/forms/utils.js

@@ -1 +1 @@
-import*as text from"./textUtilities.js";const DEFAULT_THROTTLE_DELAY=100;let next=0,seed=(new Date).valueOf();const guid="5DDC9A38-AAAB-44C1-AD87-415160F43D75";function makeId(){return 2147483648<=next&&(seed=(new Date).valueOf(),next=0),`${guid}:${seed}:${next++}`}function indexOf(e,t){if(null!=e){e=e.index;return"number"==typeof e?e:t}}function compareIndex(e,t){return compareNumber(e.index,t.index)}function compareNumber(e,t){return e<t?-1:t<e?1:0}function sort(e,t){void 0===t&&(t=indexOf);const n={};if("object"!=typeof e||null===e)return n;let i=0;const r=[];for(const a in e){var s=e[a],o=t(s,i++);"number"==typeof o&&r.push({key:a,index:o,item:s})}for(const u of r.sort(compareIndex))n[u.key]=u.item;return n}function sortItems(e){let t=e.current;var n=e.value,i=sort(e.items,function(e,t){if(null!=e&&!1!==e.visible){e=e.index;return"number"==typeof e?e:t}});if(void 0!==t&&null!==t&&void 0!==i[t]||(t=void 0),void 0===t&&null!=n)for(const r in i){if(i[r].value===n)break;t=void 0}return void 0!==t?(e.current=t,e.label=i[t].label,e.value=i[t].value):(e.current=void 0,e.label=void 0,e.value=void 0),i}function stripClassName(e,t){return e.className.split(" ").filter(e=>0<e.length&&e!==t).join(" ")}function makeSafeClassName(e){return`gcx-forms-${e?.replace(/[\W]/g,"")||"element"}`}let idSuffix=0;function makeUniqueId(e){return`${makeSafeClassName(e)}-${++idSuffix}`}function addClass(e,t){void 0!==e.classList?e.classList.add(t):e.className=stripClassName(e,t)+" "+t}function removeClass(e,t){void 0!==e.classList?e.classList.remove(t):e.className=stripClassName(e,t)}function setClass(e,t,n){(n?addClass:removeClass)(e,t)}function isObjectType(e,t){return"object"==typeof e&&null!==e&&(!Array.isArray(e)&&e.refValueType===t)}function isBoolean(e){return"boolean"==typeof e}function isNumber(e){return"number"==typeof e}function isString(e){return"string"==typeof e}function isDataRef(e){return isObjectType(e,"data")}function isDateRangeRef(e){return isObjectType(e,"daterange")}function isDateTimeRef(e){return isObjectType(e,"date")||isObjectType(e,"time")||isObjectType(e,"datetime")}function isFilesRef(e){return isObjectType(e,"files")}function isScanRef(e){return isObjectType(e,"scan")}function isGeometryRef(e){return isObjectType(e,"geometry")}function isItemsRef(e){return isObjectType(e,"items")}function isNumberRef(e){return isObjectType(e,"number")}function sanitizeGeometryRef(e){if(isGeometryRef(e)){var t=e.geometry;if(Array.isArray(t)&&0<t.length)switch(e.format){case"point":case"polygon":case"polyline":case"polygon-freehand":case"polyline-freehand":case"extent":case"line":return e}}}function createGeometryRef(e){return{refValueType:"geometry",format:e,geometry:[]}}function addStyleToDocument(e){const t=document.createElement("style");t.appendChild(document.createTextNode(e));const n=document.head;return n.insertBefore(t,n.firstChild),t}function throttle(r,s=DEFAULT_THROTTLE_DELAY){let o,a;return function(){const e=this,t=arguments;function n(){a=void 0,o=Date.now(),r.apply(e,t)}var i=Date.now();o&&i<o+s?(clearTimeout(a),a=setTimeout(n,s)):n()}}function isNumeric(e){return!isNaN(parseFloat(e))&&isFinite(e)}export{text,makeId,sort,sortItems,makeSafeClassName,makeUniqueId,addClass,removeClass,setClass,isBoolean,isNumber,isString,isDataRef,isDateRangeRef,isDateTimeRef,isFilesRef,isScanRef,isGeometryRef,isItemsRef,isNumberRef,sanitizeGeometryRef,createGeometryRef,addStyleToDocument,throttle,isNumeric};
+import*as text from"./textUtilities.js";const DEFAULT_THROTTLE_DELAY=100;let next=0,seed=(new Date).valueOf();const guid="5DDC9A38-AAAB-44C1-AD87-415160F43D75";function makeId(){return 2147483648<=next&&(seed=(new Date).valueOf(),next=0),`${guid}:${seed}:${next++}`}function indexOf(e,t){if(null!=e){e=e.index;return"number"==typeof e?e:t}}function compareIndex(e,t){return compareNumber(e.index,t.index)}function compareNumber(e,t){return e<t?-1:t<e?1:0}function sort(e,t){void 0===t&&(t=indexOf);const n={};if("object"!=typeof e||null===e)return n;let i=0;const r=[];for(const o in e){var s=e[o],a=t(s,i++);"number"==typeof a&&r.push({key:o,index:a,item:s})}for(const u of r.sort(compareIndex))n[u.key]=u.item;return n}function sortItems(e){let t=e.current;var n=e.value,i=sort(e.items,function(e,t){if(null!=e&&!1!==e.visible){e=e.index;return"number"==typeof e?e:t}});if(void 0!==t&&null!==t&&void 0!==i[t]||(t=void 0),void 0===t&&null!=n)for(const r in i){if(i[r].value===n){t=r;break}t=void 0}return void 0!==t?(e.current=t,e.label=i[t].label,e.value=i[t].value):(e.current=void 0,e.label=void 0,e.value=void 0),i}function stripClassName(e,t){return e.className.split(" ").filter(e=>0<e.length&&e!==t).join(" ")}function makeSafeClassName(e){return`gcx-forms-${e?.replace(/[\W]/g,"")||"element"}`}let idSuffix=0;function makeUniqueId(e){return`${makeSafeClassName(e)}-${++idSuffix}`}function addClass(e,t){void 0!==e.classList?e.classList.add(t):e.className=stripClassName(e,t)+" "+t}function removeClass(e,t){void 0!==e.classList?e.classList.remove(t):e.className=stripClassName(e,t)}function setClass(e,t,n){(n?addClass:removeClass)(e,t)}function isObjectType(e,t){return"object"==typeof e&&null!==e&&(!Array.isArray(e)&&e.refValueType===t)}function isBoolean(e){return"boolean"==typeof e}function isNumber(e){return"number"==typeof e}function isString(e){return"string"==typeof e}function isDataRef(e){return isObjectType(e,"data")}function isDateRangeRef(e){return isObjectType(e,"daterange")}function isDateTimeRef(e){return isObjectType(e,"date")||isObjectType(e,"time")||isObjectType(e,"datetime")}function isFilesRef(e){return isObjectType(e,"files")}function isScanRef(e){return isObjectType(e,"scan")}function isGeometryRef(e){return isObjectType(e,"geometry")}function isItemsRef(e){return isObjectType(e,"items")}function isNumberRef(e){return isObjectType(e,"number")}function sanitizeGeometryRef(e){if(isGeometryRef(e)){var t=e.geometry;if(Array.isArray(t)&&0<t.length)switch(e.format){case"point":case"polygon":case"polyline":case"polygon-freehand":case"polyline-freehand":case"extent":case"line":return e}}}function createGeometryRef(e){return{refValueType:"geometry",format:e,geometry:[]}}function throttle(r,s=DEFAULT_THROTTLE_DELAY){let a,o;return function(){const e=this,t=arguments;function n(){o=void 0,a=Date.now(),r.apply(e,t)}var i=Date.now();a&&i<a+s?(clearTimeout(o),o=setTimeout(n,s)):n()}}function isNumeric(e){return!isNaN(parseFloat(e))&&isFinite(e)}function getElementProps(e,t){return{...t,element:t,name:e.props.name,enabled:!!t.enabled,setProperty:e.setProperty,setValue:e.setValue,raiseEvent:e.raiseEvent,value:t.value}}function getItemId(e,t){if(e)for(const n in t)if(t[n]===e)return n}export{text,makeId,sort,sortItems,makeSafeClassName,makeUniqueId,addClass,removeClass,setClass,isBoolean,isNumber,isString,isDataRef,isDateRangeRef,isDateTimeRef,isFilesRef,isScanRef,isGeometryRef,isItemsRef,isNumberRef,sanitizeGeometryRef,createGeometryRef,throttle,isNumeric,getElementProps,getItemId};

package/index.d.ts

@@ -1,2 +1,2 @@
 export type { IActivityHandler } from "./IActivityHandler";
-export * from "./forms/index";
+export type { FormElementProps, FormElementSettableProps, PropertyChangeEvent, FormElementRegistration, } from "./forms/index";

package/index.js

@@ -1 +0,0 @@
-export*from"./forms/index.js";

package/libs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.33.1+4";
+export declare const VERSION = "5.34.0+37";

package/libs/version.js

@@ -1 +1 @@
-const VERSION="5.33.1+4";export{VERSION};
+const VERSION="5.34.0+37";export{VERSION};

package/package.json

@@ -1,26 +1,24 @@
 {
   "name": "@vertigis/workflow",
-  "version": "5.33.1",
+  "version": "5.34.0",
   "author": "VertiGIS",
   "dependencies": {
-    "@zxing/library": "^0.18.3",
+    "@zxing/library": "^0.20.0",
+    "autosuggest-highlight": "^3.3.4",
     "bluebird": "3.5.5",
-    "date-fns": "^2.16.1",
-    "react-date-range": "^1.1.3",
-    "react-range": "^1.8.14",
-    "remarkable": "^2.0.1"
+    "clsx": "^1.2.1",
+    "date-fns": "^2.16.1"
   },
   "type": "module",
   "devDependencies": {
     "@arcgis/core": "^4.25.5",
     "@types/arcgis-js-api": "^4.24.0",
+    "@types/autosuggest-highlight": "^3.2.0",
     "@types/jest": "^29.2.3",
     "@types/react": "^17.0.53",
-    "@types/react-date-range": "1.1.7",
     "@types/react-dom": "^17.0.18",
-    "@types/remarkable": "^2.0.0",
     "@vertigis-internal/licensing": "^5.0.102865",
-    "@vertigis/react-ui": "11.21.2",
+    "@vertigis/react-ui": "11.26.0",
     "cross-env": "7.0.3",
     "jest": "29.3.1",
     "jest-environment-jsdom": "^29.3.1",
@@ -32,11 +30,12 @@
     "react-dom": "^17.0.2",
     "ts-jest": "^29.0.3",
     "tslib": "^2.3.1",
-    "typescript": "4.5.5"
+    "typescript": "4.5.5",
+    "typescript-strict-plugin": "^2.1.0"
   },
   "peerDependencies": {
     "@arcgis/core": ">= 4.24.0  < 5.0.0",
-    "@vertigis/react-ui": ">= 11 < 12",
+    "@vertigis/react-ui": ">= 11.26 < 12",
     "react": ">= 17 < 19",
     "react-dom": ">= 17 < 19"
   },