@vertigis/workflow 5.33.0 → 5.33.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import Input from"@vertigis/react-ui/Input";import{useEffect,useState}from"react";import*as React from"react";import FormElement from"../FormElement.js";import{makeUniqueId}from"../utils.js";const TextArea=({component:e,element:r})=>{const[t,a]=useState(8),[n,o]=useState(""),[l,u]=useState("soft"),{host:p,name:i}=e.props;var
|
|
1
|
+
import Input from"@vertigis/react-ui/Input";import{useCallback,useEffect,useState}from"react";import*as React from"react";import FormElement from"../FormElement.js";import{makeUniqueId}from"../utils.js";const TextArea=({component:e,element:r})=>{const[t,a]=useState(8),[n,o]=useState(""),[l,u]=useState("soft"),{host:p,name:i}=e.props;var s=`${makeUniqueId(i)}-input`,m=r.maxLength,f=p.renderText(r.prompt),c=r.readOnly,d=p.renderText(r.tooltip);useEffect(()=>{"number"==typeof r.size&&a(r.size)},[r.size]);var v=useCallback(()=>{let e="";var t=r.value;"string"==typeof t&&(e=t),r.value=e,o(e)},[r.value]);useEffect(v,[v]),useEffect(()=>{"string"==typeof r.wrap&&-1!==["hard","soft","off"].indexOf(r.wrap)&&u(r.wrap)},[r.wrap]);return React.createElement(FormElement,{component:e,element:r,inputId:s},React.createElement(Input,{color:"primary",disabled:!e.enabled,fullWidth:!0,id:s,inputProps:{maxLength:m,onKeyDown:e=>{e.stopPropagation()},title:d,wrap:l},inputRef:e=>{null===e||e.disabled||p.renderFocus(e,i)},multiline:!0,onBlur:e=>{e=e.target.value;e!=r.value&&(r.value=e,p.post("changed",{name:i,value:e}))},onChange:e=>{e=e.target.value;e!=n&&o(e)},placeholder:f,readOnly:c,required:r.require,rows:t,value:n}))};export default TextArea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import Input from"@vertigis/react-ui/Input";import*as React from"react";import{useEffect,useState}from"react";import FormElement from"../FormElement.js";import{getKeyString}from"../keyboard.js";import{makeUniqueId}from"../utils.js";const TextBox=({component:e,element:a,type:t})=>{const[r,n]=useState(""),{host:o,name:u}=e.props;var l=`${makeUniqueId(u)}-input`,p="password"===t,i=p?void 0:a.maxLength,m=o.renderText(a.prompt),s=p?void 0:a.readOnly,
|
|
1
|
+
import Input from"@vertigis/react-ui/Input";import*as React from"react";import{useCallback,useEffect,useState}from"react";import FormElement from"../FormElement.js";import{getKeyString}from"../keyboard.js";import{makeUniqueId}from"../utils.js";const TextBox=({component:e,element:a,type:t})=>{const[r,n]=useState(""),{host:o,name:u}=e.props;var l=`${makeUniqueId(u)}-input`,p="password"===t,i=p?void 0:a.maxLength,m=o.renderText(a.prompt),s=p?void 0:a.readOnly,c=o.renderText(a.tooltip),p=useCallback(()=>{let e="";var t=a.value;"string"==typeof t?e=t:"number"==typeof t&&(e=o.formatNumber(t,{useGrouping:!0})),a.value=e,n(e)},[a.value]);useEffect(p,[p]);const d=e=>{a.value=e,o.post("changed",{name:u,value:e})};return React.createElement(FormElement,{component:e,element:a,inputId:l},React.createElement(Input,{color:"primary",disabled:!e.enabled,fullWidth:!0,id:l,inputProps:{maxLength:i,onKeyDown:e=>{var t=getKeyString(e);return"enter"===t?(e=>{const t=e.currentTarget;var r=t.value;if(r!==a.value)return d(r),t.select(),e.stopPropagation(),e.preventDefault(),!1})(e):"escape"===t?(e=>{const t=e.currentTarget;if(t.value!==a.value)return n(a.value),t.select(),e.stopPropagation(),e.preventDefault(),!1})(e):void 0},title:c},inputRef:e=>{null===e||e.disabled||o.renderFocus(e,u)},onBlur:e=>{e=e.target.value;e!=a.value&&d(e)},onChange:e=>{e=e.target.value;e!=r&&n(e)},placeholder:m,readOnly:s,required:a.require,type:t,value:r}))};export default TextBox;
|
package/forms/renderers.js
CHANGED
|
@@ -1 +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:[]},
|
|
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};
|
package/libs/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const VERSION = "5.33.
|
|
1
|
+
export declare const VERSION = "5.33.1+4";
|
package/libs/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const VERSION="5.33.
|
|
1
|
+
const VERSION="5.33.1+4";export{VERSION};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vertigis/workflow",
|
|
3
|
-
"version": "5.33.
|
|
3
|
+
"version": "5.33.1",
|
|
4
4
|
"author": "VertiGIS",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@zxing/library": "^0.18.3",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@types/react-dom": "^17.0.18",
|
|
21
21
|
"@types/remarkable": "^2.0.0",
|
|
22
22
|
"@vertigis-internal/licensing": "^5.0.102865",
|
|
23
|
-
"@vertigis/react-ui": "11.
|
|
23
|
+
"@vertigis/react-ui": "11.21.2",
|
|
24
24
|
"cross-env": "7.0.3",
|
|
25
25
|
"jest": "29.3.1",
|
|
26
26
|
"jest-environment-jsdom": "^29.3.1",
|