@vertigis/workflow 5.31.0 → 5.32.0

package/esm/forms/components/TimePickerInput.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { Calendar } from "../Calendar";
 export interface TimePickerInputProps {
     /** Indicates what calendar to use for the time picker. */
@@ -20,5 +20,5 @@ export interface TimePickerInputProps {
     /** Indicates the value for the time picker. */
     value?: Date | number | string;
 }
-declare const _default: React.ForwardRefExoticComponent<TimePickerInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<TimePickerInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default _default;

package/esm/forms/components/TimePickerInput.js

@@ -1 +1 @@
-import React,{useCallback,useRef,useState}from"react";import{Calendar}from"../Calendar.js";import{CssClasses}from"../constants.js";import{Navigator}from"./Navigator.js";import{SyntheticButton as Button}from"./SyntheticButton.js";import{TimerManager}from"./TimerManager.js";import{setClass,applyFocusBehavior,scrollIntoView,captureMouseEvents}from"./utils.js";export default React.forwardRef(({calendar:n,disabled:c,doneText:e,isOpen:t,onChange:a,onPopupToggle:r,placeholder:s,title:o,value:u},l)=>{const i=(n=n||Calendar.useNative()).coerceIntoLocal(u),m=isFinite(i.valueOf())?n.format(i,Calendar.timeFormat):"",[p,d]=useState(i),[v,g]=useState({}),[f,N]=useState(m);let h,R=null,E=void 0,w,C;const k=new TimerManager;let b=[],H;const M=useRef(null),S=useRef(null),B=useRef(null),x=useRef(null),F=useRef(null),T=useRef(null),D=()=>{if(h){O();var a=n.today();let e=i;v===h?e=n.coerceTime(f,null!==p&&void 0!==p?p:a):N(m),x.current.setState({tabIndex:c?void 0:0}),F.current.setState({tabIndex:c?void 0:0}),T.current.setState({tabIndex:c?void 0:0});let t="";const s=isFinite(e.valueOf())?e:a;a=n.format(s,Calendar.ampmFormat);0<s.getMilliseconds()&&(t=s.getMilliseconds().toString()),setClass(R,"show-ampm",0<a.length);const r=n.coerceIntoLocal(s);for(const o of b)switch(o.props.className){case"overlay":o.setState({content:t});break;case"value hour":o.setState({content:n.format(s,Calendar.hourFormat)});break;case"value minute":o.setState({content:n.format(s,Calendar.minuteFormat)});break;case"value ampm":o.setState({content:n.format(s,Calendar.ampmFormat)});break;case"item hour":r.setHours(s.getHours()+o.props.index),o.setState({content:n.format(r,Calendar.hourFormat)});break;case"item minute":r.setMinutes(s.getMinutes()+o.props.index),o.setState({content:n.format(r,Calendar.minuteFormat)});break;case"item ampm":r.setHours(s.getHours()+12*o.props.index),o.setState({content:n.format(r,Calendar.ampmFormat)})}p&&p.valueOf()===s.valueOf()||d(s)}},P=e=>{let t=n.coerceIntoLocal(p);t=e(t)||t,isFinite(t.valueOf())?a(n.coerceIntoValue(t)):a(void 0),d(t),N(n.format(t,Calendar.timeFormat))},y=()=>{if(f===m)return!1;{const e=n.coerceTime(f,p);return P(()=>e),d(e),!0}},I=(e,t,a,s)=>{t=((0<a?Math.floor(e/t):Math.ceil(e/t))+a)*t%s;return 0<=t?t:s+t};var Y=e=>{let t=!1;var a=e.key.toLowerCase(),s=Navigator.find(e);if(void 0!==s)switch(s.props.className+"/"+a){case"hours/arrowright":t=!0,P(e=>{e.setHours(I(e.getHours(),3,1,24))});break;case"hours/arrowleft":t=!0,P(e=>{e.setHours(I(e.getHours(),3,-1,24))});break;case"hours/arrowup":t=!0,P(e=>{e.setHours(I(e.getHours(),1,-1,24))});break;case"hours/arrowdown":t=!0,P(e=>{e.setHours(I(e.getHours(),1,1,24))});break;case"minutes/arrowright":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),15,1,60))});break;case"minutes/arrowleft":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),15,-1,60))});break;case"minutes/arrowup":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,-1,60))});break;case"minutes/arrowdown":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,1,60))});break;case"toggle/arrowup":case"toggle/arrowdown":t=!0,P(e=>{e.setHours(I(e.getHours(),1,12,24))})}if(e.target===h)switch(a){case"arrowdown":t=!0,r(!0);break;case"enter":t=y()}if("escape"===a&&(t=!0,(()=>{if(v===h){N(m);h.select()}})(),V()),t)return e.stopPropagation(),e.preventDefault(),!1};const O=()=>{var e=n.coerceIntoLocal(new Date);H.setState({content:n.format(e,Calendar.timeClockFormat)})};var j=useCallback(e=>(R=e,null===R?(h=void 0,void k.dispose()):void(void 0!==h&&(b=Button.search(R),H=b.filter(e=>"clock"===e.props.className)[0],applyFocusBehavior(h),D(),t?(setClass(R,"opened",!0),O(),k.repeat("clock",1e3,()=>O()),scrollIntoView(R)):(setClass(R,"opened",!1),k.stop("clock"))))),[t,h,f,m]),L=e=>{w=e.pageY;const t=Navigator.find(e);return void 0!==t&&(t.focus(),captureMouseEvents(e=>((e,t)=>{if(e!==undefined)z(e,t);else A(t)})(e,t))),e.preventDefault(),e.stopPropagation(),!1};const V=()=>{r(!1)},W=e=>{x.current&&!x.current.hasStates()&&(C=p.getHours(),x.current.setState({states:{rolling:!0}}));e=w-e,e=M.current.scrollTo(e);const t=I(C,1,e,24);p.getHours()!==t&&P(e=>{e.setHours(t)})},K=e=>{F.current&&!F.current.hasStates()&&(C=p.getMinutes(),F.current.setState({states:{rolling:!0}}));e=w-e,e=S.current.scrollTo(e);const t=I(C,1,e,60);p.getMinutes()!==t&&P(e=>{e.setMinutes(t)})},q=e=>{T.current&&!T.current.hasStates()&&(C=p.getHours(),T.current.setState({states:{rolling:!0}}));e=w-e,e=B.current.scrollTo(e);const t=I(C,1,12*e,24);p.getHours()!==t&&P(e=>{e.setHours(t)})},z=(e,t)=>{switch(t.props.className){case"hours":return W(e.pageY),!1;case"minutes":return K(e.pageY),!1;case"toggle":return q(e.pageY),!1}},A=e=>{void 0!==e&&e.hasStates()&&e.setState({states:void 0})};u=(e,t)=>{var a=-3;return React.createElement(Navigator,{className:"tape "+e,ref:t},React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:+a}),React.createElement(Button,{className:"item "+e,index:3}))};return E?D():E=React.createElement("div",{className:"TimePickerInput"},React.createElement("div",{ref:j,onBlurCapture:e=>{g(void 0),e.target===h&&y()},onClickCapture:e=>{e=Button.find(e);if(void 0!==e){const t=e.props.index;switch(e.props.className){case"up hour":case"down hour":return void P(e=>{e.setHours(I(e.getHours(),1,t,24))});case"value hour":return void P(e=>{e.setHours(I(e.getHours(),3,1,24))});case"up minute":case"down minute":return void P(e=>{e.setMinutes(I(e.getMinutes(),1,t,60))});case"value minute":return void P(e=>{e.setMinutes(I(e.getMinutes(),15,1,60))});case"up ampm":case"down ampm":case"value ampm":return void P(e=>{e.setHours(I(e.getHours(),1,12,24))});case"close":return void V()}}},onFocusCapture:e=>{g(e.target)},onKeyDownCapture:Y,onWheelCapture:t=>{let e=!1;const a=Navigator.find(t);if(void 0!==a)switch(a.props.className){case"hours":e=!0,P(e=>{e.setHours(I(e.getHours(),1,0<t.deltaY?-1:1,24))});break;case"minutes":e=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,0<t.deltaY?-1:1,60))});break;case"toggle":e=!0,P(e=>{e.setHours(I(e.getHours(),12,1,24))})}if(e)return a.focus(),t.stopPropagation(),t.preventDefault(),!1}},React.createElement("div",{className:"editor"},React.createElement(Button,{className:"overlay"}),React.createElement("input",{"aria-label":"Time Picker",disabled:c,onChange:e=>{N(e.target.value)},placeholder:s,ref:e=>{"function"==typeof l?l(e):l.current=e,h=e},title:o,type:"text",value:f})),React.createElement("div",{className:CssClasses.DROPDOWN,onTouchStart:e=>{w=e.touches[0].pageY;const t=Navigator.find(e);if(void 0!==t)switch(t.focus(),t.props.className){case"hours":case"minutes":case"toggle":return e.preventDefault(),e.stopPropagation(),!1}},onTouchEnd:e=>{const t=Navigator.find(e);if(void 0!==t&&t.hasStates())return t.setState({states:void 0}),e.preventDefault(),e.stopPropagation(),!1},onTouchMove:e=>{var t=Navigator.find(e);if(void 0!==t)switch(t.props.className){case"hours":return W(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1;case"value minute":return K(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1;case"value ampm":return q(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1}},onMouseDown:L},React.createElement("div",{className:"rollers"},React.createElement("div",{className:"side"},React.createElement(Button,{className:"close",ariaLabel:e})),React.createElement("div",{className:"main"},React.createElement(Navigator,{className:"hours",ref:x},React.createElement("div",{className:"buttons"},React.createElement(Button,{className:"up hour",index:1}),React.createElement(Button,{className:"value hour"}),React.createElement(Button,{className:"down hour",index:-1})),React.createElement("div",{className:"tape marker"}),u("hour",M)),React.createElement(Navigator,{className:"minutes",ref:F},React.createElement("div",{className:"buttons"},React.createElement(Button,{className:"up minute",index:1}),React.createElement(Button,{className:"value minute"}),React.createElement(Button,{className:"down minute",index:-1})),React.createElement("div",{className:"tape marker"}),u("minute",S)),React.createElement(Navigator,{className:"toggle",ref:T},React.createElement("div",{className:"buttons"},React.createElement(Button,{className:"up ampm"}),React.createElement(Button,{className:"value ampm"}),React.createElement(Button,{className:"down ampm"})),React.createElement("div",{className:"tape marker"}),u("ampm",B))),React.createElement("div",{className:"bottom"},React.createElement(Button,{className:"clock"})))))),E});
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useCallback,useRef,useState,forwardRef}from"react";import{Calendar}from"../Calendar.js";import{CssClasses}from"../constants.js";import{Navigator}from"./Navigator.js";import{SyntheticButton as Button}from"./SyntheticButton.js";import{TimerManager}from"./TimerManager.js";import{setClass,applyFocusBehavior,scrollIntoView,captureMouseEvents}from"./utils.js";export default forwardRef(({calendar:n,disabled:i,doneText:e,isOpen:t,onChange:s,onPopupToggle:o,placeholder:a,title:r,value:u},c)=>{const l=(n=n||Calendar.useNative()).coerceIntoLocal(u),d=isFinite(l.valueOf())?n.format(l,Calendar.timeFormat):"",[m,v]=useState(l),[p,g]=useState({}),[f,h]=useState(d);let x,N=null,j=void 0,_,w;const C=new TimerManager;let k=[],b;const H=useRef(null),M=useRef(null),S=useRef(null),B=useRef(null),F=useRef(null),T=useRef(null),D=()=>{if(x){Y();var s=n.today();let e=l;p===x?e=n.coerceTime(f,m??s):h(d),B.current.setState({tabIndex:i?void 0:0}),F.current.setState({tabIndex:i?void 0:0}),T.current.setState({tabIndex:i?void 0:0});let t="";const a=isFinite(e.valueOf())?e:s;s=n.format(a,Calendar.ampmFormat);0<a.getMilliseconds()&&(t=a.getMilliseconds().toString()),setClass(N,"show-ampm",0<s.length);const o=n.coerceIntoLocal(a);for(const r of k)switch(r.props.className){case"overlay":r.setState({content:t});break;case"value hour":r.setState({content:n.format(a,Calendar.hourFormat)});break;case"value minute":r.setState({content:n.format(a,Calendar.minuteFormat)});break;case"value ampm":r.setState({content:n.format(a,Calendar.ampmFormat)});break;case"item hour":o.setHours(a.getHours()+r.props.index),r.setState({content:n.format(o,Calendar.hourFormat)});break;case"item minute":o.setMinutes(a.getMinutes()+r.props.index),r.setState({content:n.format(o,Calendar.minuteFormat)});break;case"item ampm":o.setHours(a.getHours()+12*r.props.index),r.setState({content:n.format(o,Calendar.ampmFormat)})}m&&m.valueOf()===a.valueOf()||v(a)}},P=e=>{let t=n.coerceIntoLocal(m);t=e(t)||t,isFinite(t.valueOf())?s(n.coerceIntoValue(t)):s(void 0),v(t),h(n.format(t,Calendar.timeFormat))},y=()=>{if(f===d)return!1;{const e=n.coerceTime(f,m);return P(()=>e),v(e),!0}},I=(e,t,s,a)=>{t=((0<s?Math.floor(e/t):Math.ceil(e/t))+s)*t%a;return 0<=t?t:a+t};var R=e=>{let t=!1;var s=e.key.toLowerCase(),a=Navigator.find(e);if(void 0!==a)switch(a.props.className+"/"+s){case"hours/arrowright":t=!0,P(e=>{e.setHours(I(e.getHours(),3,1,24))});break;case"hours/arrowleft":t=!0,P(e=>{e.setHours(I(e.getHours(),3,-1,24))});break;case"hours/arrowup":t=!0,P(e=>{e.setHours(I(e.getHours(),1,-1,24))});break;case"hours/arrowdown":t=!0,P(e=>{e.setHours(I(e.getHours(),1,1,24))});break;case"minutes/arrowright":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),15,1,60))});break;case"minutes/arrowleft":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),15,-1,60))});break;case"minutes/arrowup":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,-1,60))});break;case"minutes/arrowdown":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,1,60))});break;case"toggle/arrowup":case"toggle/arrowdown":t=!0,P(e=>{e.setHours(I(e.getHours(),1,12,24))})}if(e.target===x)switch(s){case"arrowdown":t=!0,o(!0);break;case"enter":t=y()}if("escape"===s&&(t=!0,(()=>{if(p===x){h(d);x.select()}})(),E()),t)return e.stopPropagation(),e.preventDefault(),!1};const Y=()=>{var e=n.coerceIntoLocal(new Date);b.setState({content:n.format(e,Calendar.timeClockFormat)})};var O=useCallback(e=>(N=e,null===N?(x=void 0,void C.dispose()):void(void 0!==x&&(k=Button.search(N),b=k.filter(e=>"clock"===e.props.className)[0],applyFocusBehavior(x),D(),t?(setClass(N,"opened",!0),Y(),C.repeat("clock",1e3,()=>Y()),scrollIntoView(N)):(setClass(N,"opened",!1),C.stop("clock"))))),[t,x,f,d]),L=e=>{_=e.pageY;const t=Navigator.find(e);return void 0!==t&&(t.focus(),captureMouseEvents(e=>((e,t)=>{if(e!==undefined)q(e,t);else z(t)})(e,t))),e.preventDefault(),e.stopPropagation(),!1};const E=()=>{o(!1)},V=e=>{B.current&&!B.current.hasStates()&&(w=m.getHours(),B.current.setState({states:{rolling:!0}}));e=_-e,e=H.current.scrollTo(e);const t=I(w,1,e,24);m.getHours()!==t&&P(e=>{e.setHours(t)})},W=e=>{F.current&&!F.current.hasStates()&&(w=m.getMinutes(),F.current.setState({states:{rolling:!0}}));e=_-e,e=M.current.scrollTo(e);const t=I(w,1,e,60);m.getMinutes()!==t&&P(e=>{e.setMinutes(t)})},K=e=>{T.current&&!T.current.hasStates()&&(w=m.getHours(),T.current.setState({states:{rolling:!0}}));e=_-e,e=S.current.scrollTo(e);const t=I(w,1,12*e,24);m.getHours()!==t&&P(e=>{e.setHours(t)})},q=(e,t)=>{switch(t.props.className){case"hours":return V(e.pageY),!1;case"minutes":return W(e.pageY),!1;case"toggle":return K(e.pageY),!1}},z=e=>{void 0!==e&&e.hasStates()&&e.setState({states:void 0})};u=(e,t)=>{var s=-3;return _jsxs(Navigator,{className:"tape "+e,ref:t,children:[_jsx(Button,{className:"item "+e,index:s++},void 0),_jsx(Button,{className:"item "+e,index:s++},void 0),_jsx(Button,{className:"item "+e,index:s++},void 0),_jsx(Button,{className:"item "+e,index:s++},void 0),_jsx(Button,{className:"item "+e,index:s++},void 0),_jsx(Button,{className:"item "+e,index:+s},void 0),_jsx(Button,{className:"item "+e,index:3},void 0)]},void 0)};return j?D():j=_jsx("div",{className:"TimePickerInput",children:_jsxs("div",{ref:O,onBlurCapture:e=>{g(void 0),e.target===x&&y()},onClickCapture:e=>{e=Button.find(e);if(void 0!==e){const t=e.props.index;switch(e.props.className){case"up hour":case"down hour":return void P(e=>{e.setHours(I(e.getHours(),1,t,24))});case"value hour":return void P(e=>{e.setHours(I(e.getHours(),3,1,24))});case"up minute":case"down minute":return void P(e=>{e.setMinutes(I(e.getMinutes(),1,t,60))});case"value minute":return void P(e=>{e.setMinutes(I(e.getMinutes(),15,1,60))});case"up ampm":case"down ampm":case"value ampm":return void P(e=>{e.setHours(I(e.getHours(),1,12,24))});case"close":return void E()}}},onFocusCapture:e=>{g(e.target)},onKeyDownCapture:R,onWheelCapture:t=>{let e=!1;const s=Navigator.find(t);if(void 0!==s)switch(s.props.className){case"hours":e=!0,P(e=>{e.setHours(I(e.getHours(),1,0<t.deltaY?-1:1,24))});break;case"minutes":e=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,0<t.deltaY?-1:1,60))});break;case"toggle":e=!0,P(e=>{e.setHours(I(e.getHours(),12,1,24))})}if(e)return s.focus(),t.stopPropagation(),t.preventDefault(),!1},children:[_jsxs("div",{className:"editor",children:[_jsx(Button,{className:"overlay"},void 0),_jsx("input",{"aria-label":"Time Picker",disabled:i,onChange:e=>{h(e.target.value)},placeholder:a,ref:e=>{"function"==typeof c?c(e):c.current=e,x=e},title:r,type:"text",value:f},void 0)]},void 0),_jsx("div",{className:CssClasses.DROPDOWN,onTouchStart:e=>{_=e.touches[0].pageY;const t=Navigator.find(e);if(void 0!==t)switch(t.focus(),t.props.className){case"hours":case"minutes":case"toggle":return e.preventDefault(),e.stopPropagation(),!1}},onTouchEnd:e=>{const t=Navigator.find(e);if(void 0!==t&&t.hasStates())return t.setState({states:void 0}),e.preventDefault(),e.stopPropagation(),!1},onTouchMove:e=>{var t=Navigator.find(e);if(void 0!==t)switch(t.props.className){case"hours":return V(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1;case"value minute":return W(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1;case"value ampm":return K(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1}},onMouseDown:L,children:_jsxs("div",{className:"rollers",children:[_jsx("div",{className:"side",children:_jsx(Button,{className:"close",ariaLabel:e},void 0)},void 0),_jsxs("div",{className:"main",children:[_jsxs(Navigator,{className:"hours",ref:B,children:[_jsxs("div",{className:"buttons",children:[_jsx(Button,{className:"up hour",index:1},void 0),_jsx(Button,{className:"value hour"},void 0),_jsx(Button,{className:"down hour",index:-1},void 0)]},void 0),_jsx("div",{className:"tape marker"},void 0),u("hour",H)]},void 0),_jsxs(Navigator,{className:"minutes",ref:F,children:[_jsxs("div",{className:"buttons",children:[_jsx(Button,{className:"up minute",index:1},void 0),_jsx(Button,{className:"value minute"},void 0),_jsx(Button,{className:"down minute",index:-1},void 0)]},void 0),_jsx("div",{className:"tape marker"},void 0),u("minute",M)]},void 0),_jsxs(Navigator,{className:"toggle",ref:T,children:[_jsxs("div",{className:"buttons",children:[_jsx(Button,{className:"up ampm"},void 0),_jsx(Button,{className:"value ampm"},void 0),_jsx(Button,{className:"down ampm"},void 0)]},void 0),_jsx("div",{className:"tape marker"},void 0),u("ampm",S)]},void 0)]},void 0),_jsx("div",{className:"bottom",children:_jsx(Button,{className:"clock"},void 0)},void 0)]},void 0)},void 0)]},void 0)},void 0),j});

package/esm/forms/dateUtilities.js

@@ -1 +1 @@
-import{parse,isAfter}from"date-fns";import{parseLocale}from"../definition/ProgramInspector.js";const CURRENT_CENTURY_YEAR_CUTOFF=29,SUPPORTED_DATE_FNS_LOCALES=["cs","da","de","de-AT","en-AU","en-CA","en-GB","en-IN","en-NZ","en-US","en-ZA","fr","fr-CA","fr-CH","it","nb","nl","nl-BE","nn","pt","pt-BR"];let localeDateFormat="",dateFormatSeparator="";function isValidDate(e){return e instanceof Date&&!isNaN(e.valueOf())}function tryParseYear(e){if(/^\d+$/.test(e)&&!(4<e.length)){for(2===e.length&&(e=`${CURRENT_CENTURY_YEAR_CUTOFF>=parseInt(e,10)?20:19}${e}`);e.length<4;)e=`0${e}`;return e}}function tryParseMonth(e){if(/^\d+$/.test(e)&&!(2<e.length)){1===e.length&&(e=`0${e}`);var t=parseInt(e,10);if(!(t<1||12<t))return e}}function tryParseDay(e){if(/^\d+$/.test(e)&&!(2<e.length)){1===e.length&&(e=`0${e}`);var t=parseInt(e,10);if(!(t<1||31<t))return e}}function tryParseDateText(e){if(e){const r=(e=e.replace(/\\/g,"\\\\")).match(/(\d+)/g);if(r&&3===r.length){var e=getLocaleDateFormatSeparator(),t=getLocaleDateFormatTokenPosition("yyyy"),a=getLocaleDateFormatTokenPosition("MM");for(let e=0;e<3;e++){switch(e){case t:r[e]=tryParseYear(r[e]);break;case a:r[e]=tryParseMonth(r[e]);break;default:r[e]=tryParseDay(r[e])}if(void 0===r[e])return}return`${r[0]}${e}${r[1]}${e}${r[2]}`}}}async function getDateFnsLocale(e){const t=[];e=parseLocale(e);if(e){e.territory&&t.push(`${e.language}-${e.territory}`),t.push(e.language);for(const a of t)if(-1!==SUPPORTED_DATE_FNS_LOCALES.indexOf(a)){let e;try{e=await import(`date-fns/locale/${a}/index.min`)}catch{continue}if(null!==e&&void 0!==e&&e.localize)return e}}}function getLocaleDateFormat(){if(localeDateFormat)return localeDateFormat;const e=new Date(1999,11,31,0,0,0);return localeDateFormat=e.toLocaleDateString(void 0,{year:"numeric",month:"numeric",day:"numeric"}),localeDateFormat=localeDateFormat.replace("1999","yyyy"),localeDateFormat=localeDateFormat.replace("99","yyyy"),localeDateFormat=localeDateFormat.replace("12","MM"),localeDateFormat=localeDateFormat.replace("31","dd"),localeDateFormat}function getLocaleDateFormatSeparator(){if(dateFormatSeparator)return dateFormatSeparator;const e=getLocaleDateFormat();return dateFormatSeparator=e[e.search(/[^dMy]/)],dateFormatSeparator}function getLocaleDateFormatTokenPosition(e){const t=getLocaleDateFormat();var a=t.indexOf("yyyy"),r=t.indexOf("MM"),o=t.indexOf("dd");return"yyyy"===e?0===a?0:r<a&&o<a?2:1:"MM"===e?0===r?0:o<r&&a<r?2:1:0===o?0:r<o&&a<o?2:1}function getDateAsLocaleFormattedString(e){if(!isValidDate(e))return"";var t=tryParseYear(e.getFullYear().toString()),a=tryParseMonth((e.getMonth()+1).toString()),e=tryParseDay(e.getDate().toString());let r=getLocaleDateFormat();return r=r.replace("yyyy",t),r=r.replace("MM",a),r=r.replace("dd",e),r}const coerceIntoDate=e=>{if(e instanceof Date&&isValidDate(e))return new Date(e.valueOf());if("string"==typeof e)if(/^\d+$/.test(e))e=Number(e);else{var t=tryParseDateText(e);if(t){var a=getLocaleDateFormat(),a=parse(t,a,0);if(isValidDate(a))return a}}if("number"==typeof e){e=new Date(e);if(isValidDate(e))return e}};function convertToDateRangeRef(e){let t=void 0,a=void 0,r=!1;Array.isArray(e)?(t=coerceIntoDate(e[0]),a=coerceIntoDate(e[1]),r=!0):"object"==typeof e&&(t=coerceIntoDate(e.startDate),a=coerceIntoDate(e.endDate));var o=!!t&&!!a;let n=o&&!isAfter(t,a);return r&&o&&!n&&(e=t,t=a,a=e,n=!0),o&&n?{refValueType:"daterange",startDate:t,endDate:a}:void 0}function __test__setlocaleDateFormatInCache(e){localeDateFormat=e,dateFormatSeparator=""}export{isValidDate,tryParseYear,tryParseMonth,tryParseDay,tryParseDateText,getDateFnsLocale,getLocaleDateFormat,getLocaleDateFormatSeparator,getLocaleDateFormatTokenPosition,getDateAsLocaleFormattedString,convertToDateRangeRef,__test__setlocaleDateFormatInCache};
+import{parse,isAfter}from"date-fns";import{parseLocale}from"../definition/ProgramInspector.js";const CURRENT_CENTURY_YEAR_CUTOFF=29,SUPPORTED_DATE_FNS_LOCALES=["cs","da","de","de-AT","en-AU","en-CA","en-GB","en-IN","en-NZ","en-US","en-ZA","fr","fr-CA","fr-CH","it","nb","nl","nl-BE","nn","pt","pt-BR"];let localeDateFormat="",dateFormatSeparator;function isValidDate(e){return e instanceof Date&&!isNaN(e.valueOf())}function tryParseYear(e){if(/^\d+$/.test(e)&&!(4<e.length)){for(2===e.length&&(e=`${CURRENT_CENTURY_YEAR_CUTOFF>=parseInt(e,10)?20:19}${e}`);e.length<4;)e=`0${e}`;return e}}function tryParseMonth(e){if(/^\d+$/.test(e)&&!(2<e.length)){1===e.length&&(e=`0${e}`);var t=parseInt(e,10);if(!(t<1||12<t))return e}}function tryParseDay(e){if(/^\d+$/.test(e)&&!(2<e.length)){1===e.length&&(e=`0${e}`);var t=parseInt(e,10);if(!(t<1||31<t))return e}}function tryParseDateText(e){if(e){const r=(e=e.replace(/\\/g,"\\\\")).match(/(\d+)/g);if(3===r?.length){var e=getLocaleDateFormatSeparator(),t=getLocaleDateFormatTokenPosition("yyyy"),a=getLocaleDateFormatTokenPosition("MM");for(let e=0;e<3;e++){switch(e){case t:r[e]=tryParseYear(r[e]);break;case a:r[e]=tryParseMonth(r[e]);break;default:r[e]=tryParseDay(r[e])}if(void 0===r[e])return}return`${r[0]}${e}${r[1]}${e}${r[2]}`}}}async function getDateFnsLocale(e){const t=[];e=parseLocale(e);if(e){e.territory&&t.push(`${e.language}-${e.territory}`),t.push(e.language);for(const a of t)if(-1!==SUPPORTED_DATE_FNS_LOCALES.indexOf(a)){let e;try{e=await import(`date-fns/locale/${a}/index.min`)}catch{continue}if(e?.localize)return e}}}function getLocaleDateFormat(){if(localeDateFormat)return localeDateFormat;const e=new Date(1999,11,31,0,0,0);return localeDateFormat=e.toLocaleDateString(void 0,{year:"numeric",month:"numeric",day:"numeric"}),localeDateFormat=localeDateFormat.replace("1999","yyyy"),localeDateFormat=localeDateFormat.replace("99","yyyy"),localeDateFormat=localeDateFormat.replace("12","MM"),localeDateFormat=localeDateFormat.replace("31","dd"),localeDateFormat}function getLocaleDateFormatSeparator(){var e;return void 0===dateFormatSeparator&&(e=/[^dMy]+/.exec(getLocaleDateFormat()),dateFormatSeparator=e?e[0]:""),dateFormatSeparator}function getLocaleDateFormatTokenPosition(e){const t=getLocaleDateFormat();var a=t.indexOf("yyyy"),r=t.indexOf("MM"),o=t.indexOf("dd");return"yyyy"===e?0===a?0:r<a&&o<a?2:1:"MM"===e?0===r?0:o<r&&a<r?2:1:0===o?0:r<o&&a<o?2:1}function getDateAsLocaleFormattedString(e){if(!isValidDate(e))return"";var t=tryParseYear(e.getFullYear().toString()),a=tryParseMonth((e.getMonth()+1).toString()),e=tryParseDay(e.getDate().toString());let r=getLocaleDateFormat();return r=r.replace("yyyy",t),r=r.replace("MM",a),r=r.replace("dd",e),r}const coerceIntoDate=e=>{if(e instanceof Date&&isValidDate(e))return new Date(e.valueOf());if("string"==typeof e)if(/^\d+$/.test(e))e=Number(e);else{var t=tryParseDateText(e);if(t){var a=getLocaleDateFormat(),a=parse(t,a,0);if(isValidDate(a))return a}}if("number"==typeof e){e=new Date(e);if(isValidDate(e))return e}};function convertToDateRangeRef(e){let t=void 0,a=void 0,r=!1;Array.isArray(e)?(t=coerceIntoDate(e[0]),a=coerceIntoDate(e[1]),r=!0):"object"==typeof e&&(t=coerceIntoDate(e.startDate),a=coerceIntoDate(e.endDate));var o=!!t&&!!a;let n=o&&!isAfter(t,a);return r&&o&&!n&&(e=t,t=a,a=e,n=!0),o&&n?{refValueType:"daterange",startDate:t,endDate:a}:void 0}function __test__setlocaleDateFormatInCache(e){localeDateFormat=e,dateFormatSeparator=void 0}export{isValidDate,tryParseYear,tryParseMonth,tryParseDay,tryParseDateText,getDateFnsLocale,getLocaleDateFormat,getLocaleDateFormatSeparator,getLocaleDateFormatTokenPosition,getDateAsLocaleFormattedString,convertToDateRangeRef,__test__setlocaleDateFormatInCache};

package/esm/forms/datetime.js

@@ -1 +1 @@
-import React from"react";import DateRangePicker from"./components/DateRangePicker.js";import DateTimePicker from"./components/DateTimePicker.js";function renderDateRangePicker(e,r){return React.createElement(DateRangePicker,{component:e,element:r})}function renderDateTimePicker(e,r){return React.createElement(DateTimePicker,{component:e,element:r})}export{renderDateRangePicker,renderDateTimePicker};
+import{jsx as _jsx}from"react/jsx-runtime";import DateRangePicker from"./components/DateRangePicker.js";import DateTimePicker from"./components/DateTimePicker.js";function renderDateRangePicker(e,r){return _jsx(DateRangePicker,{component:e,element:r},void 0)}function renderDateTimePicker(e,r){return _jsx(DateTimePicker,{component:e,element:r},void 0)}export{renderDateRangePicker,renderDateTimePicker};

package/esm/forms/files.js

@@ -1 +1 @@
-import React from"react";import FormElementOuter from"./FormElementOuter.js";import{renderCrossAdd,renderRemove}from"./assets/stock.js";import{renderFocus}from"./common.js";import{CssClasses}from"./constants.js";import{isFilesRef,makeSafeClassName}from"./utils.js";function renderFilePicker(a,r){const{host:s,name:t}=a.props;var e=r.size;let n=r.value,i=5,l;"number"==typeof e&&(i=1<e?Math.ceil(e):1),n&&(isFilesRef(n)&&Array.isArray(n.files)||(r.value=n=void 0));var c=s.renderText(r.tooltip);let o=a.enabled;const m=[];if(void 0!==n){o=a.enabled&&n.files.length<i;for(const u of n.files){var d=m.length;m.push(React.createElement("div",{className:"file",key:"$"+d},React.createElement("div",null,React.createElement("label",null,u.name),React.createElement("button",{"aria-label":s.renderText("@file-picker-remove-item-label"),className:"delete",disabled:!a.enabled,ref:e=>renderFocus(e,t,s),onClick:(e=>()=>{1<n.files.length?n.files.splice(e,1):r.value=void 0,a.forceUpdate(),s.post("changed",{name:t,value:r.value})})(d)},renderRemove()))))}}const f=e=>{if(e){var t=e.getAttribute("class");if(/\bneedsclick\b/.test(t)||e.setAttribute("class",t?t+" needsclick":"needsclick"),"svg"!==e.tagName){var l=e.children;for(let e=0;e<l.length;e++)f(l[e])}}};m.push(React.createElement("div",{className:"add-file",key:"footer"},React.createElement("button",{className:"add",disabled:!o,title:c,ref:e=>{renderFocus(e,t,s),f(e)},onClick:()=>{l.value=null,l.click()}},renderCrossAdd(),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:{__html:s.renderHtml(r.prompt)}}))));const p=[r.type,makeSafeClassName(t)];e=1!==i;return React.createElement(FormElementOuter,{className:p.join(" "),component:a,element:r,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"items"},m),React.createElement("input",{type:"file",style:{display:"none"},title:c,onChange:e=>(e=>{var t=e.files;if(t&&t.length){const l=n&&n.files||[];for(let e=0;e<t.length&&l.length!==i;e++)l.push(t[e]);e={refValueType:"files",files:l};r.value=e,a.forceUpdate(),s.post("changed",{name:a.props.name,value:e})}})(e.target),multiple:e,accept:r.fileTypes,ref:e=>{l=e}}))}export{renderFilePicker};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import FormElementOuter from"./FormElementOuter.js";import{renderCrossAdd,renderRemove}from"./assets/stock.js";import{renderFocus}from"./common.js";import{CssClasses}from"./constants.js";import{isFilesRef,makeSafeClassName}from"./utils.js";function renderFilePicker(r,i){const{host:t,name:s}=r.props;var e=i.size;let a=i.value,n=5,l;"number"==typeof e&&(n=1<e?Math.ceil(e):1),a&&(isFilesRef(a)&&Array.isArray(a.files)||(i.value=a=void 0));var o=t.renderText(i.tooltip);let d=r.enabled;const c=[];if(void 0!==a){d=r.enabled&&a.files.length<n;for(const p of a.files){var m=c.length;c.push(_jsx("div",{className:"file",children:_jsxs("div",{children:[_jsx("label",{children:p.name},void 0),_jsx("button",{"aria-label":t.renderText("@file-picker-remove-item-label"),className:"delete",disabled:!r.enabled,ref:e=>renderFocus(e,s,t),onClick:(e=>()=>{1<a.files.length?a.files.splice(e,1):i.value=void 0,r.forceUpdate(),t.post("changed",{name:s,value:i.value})})(m),children:renderRemove()},void 0)]},void 0)},"$"+m))}}const f=e=>{if(e){var s=e.getAttribute("class");if(/\bneedsclick\b/.test(s)||e.setAttribute("class",s?s+" needsclick":"needsclick"),"svg"!==e.tagName){var l=e.children;for(let e=0;e<l.length;e++)f(l[e])}}};c.push(_jsx("div",{className:"add-file",children:_jsxs("button",{className:"add",disabled:!d,title:o,ref:e=>{renderFocus(e,s,t),f(e)},onClick:()=>{l.value=null,l.click()},children:[renderCrossAdd(),_jsx("div",{className:"inline",dangerouslySetInnerHTML:{__html:t.renderHtml(i.prompt)}},void 0)]},void 0)},"footer"));const v=[i.type,makeSafeClassName(s)];e=1!==n;return _jsxs(FormElementOuter,{className:v.join(" "),component:r,element:i,errorClassName:CssClasses.ERROR,children:[_jsx("div",{className:"items",children:c},void 0),_jsx("input",{type:"file",style:{display:"none"},title:o,onChange:e=>(e=>{var s=e.files;if(s?.length){const l=a?.files||[];for(let e=0;e<s.length&&l.length!==n;e++)l.push(s[e]);e={refValueType:"files",files:l};i.value=e,r.forceUpdate(),t.post("changed",{name:r.props.name,value:e})}})(e.target),multiple:e,accept:i.fileTypes,ref:e=>{l=e}},void 0)]},void 0)}export{renderFilePicker};

package/esm/forms/geometry.js

@@ -1 +1 @@
-import React from"react";import FormElementOuter from"./FormElementOuter.js";import{renderCrossAdd,renderArrowRollup,renderRemove}from"./assets/stock.js";import{renderFocus}from"./common.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{makeSafeClassName,sanitizeGeometryRef,setClass,text}from"./utils.js";class StateTrackingElement extends React.Component{render(){return React.createElement("div",{ref:e=>this.root=e,...this.props})}}function renderGeometryPicker(t,n){var e=t.props;const a=e.name,s=e.host;let r=5;var o=n.size;"number"==typeof o&&(r=1<o?Math.ceil(o):1);let c,l,d="✎",i=n.value=sanitizeGeometryRef(n.value);void 0!==i&&(c=i.geometry,R=n.itemLabel,Array.isArray(R)?l=R:(l=[],text.isMarkdown(R)?R.markdown&&(d=R):text.isStatus(R)?R.status&&(d=R.status):R&&(d=R)));let u=n.state;function m(e){let t=u[e];return void 0!==t&&null!==t||(u.length<=e&&(u.length=e,u.push({})),t=u[e]),t}void 0!==u&&null!==u||(u=n.state=[]);const f=t.enabled;function p(t,n=!0){let r;function o(){const e=m(t);e.checked=f&&r.checked,e.focused=f&&r.focused,e.pending=f&&r.pending,n&&s.renderState(a,"geometry",u),setClass(r.root,"checked",e.checked),setClass(r.root,"focus",e.focused),setClass(r.root,"hover",e.pending)}return{ref(e){r=e,null!==r&&o()},onChangeCapture:function(e){r&&(r.checked=null!==e.currentTarget.querySelector("input:checked"),o())},onFocusCapture:function(e){r&&(r.focused=!0,o())},onBlurCapture:function(){r&&(r.focused=!1,o())},onMouseOver:function(){r&&(r.pending=!0,o())},onMouseOut:function(){r&&(r.pending=!1,o())},onKeyDownCapture(e){f&&"delete"===getKeyString(e)&&void 0!==m(t).content&&h(t)()}}}function h(e){return function(){1<c.length?(c.splice(e,1),u.splice(e,1),e<l.length&&l.splice(e,1)):(n.value=void 0,n.state=void 0),t.forceUpdate(),s.post("changed",{name:a,value:i})}}let v=t.enabled;const g=[];if(void 0!==i){v=t.enabled&&i.geometry.length<r;for(const b of i.geometry){const y=g.length;m(y).content=b;var k={__html:s.renderHtml(l[y]||d)};g.push(React.createElement(StateTrackingElement,{className:"shape",key:"$"+y,...p(y)},React.createElement("div",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",disabled:!t.enabled,ref:function(t){return function(e){null!==e&&(e.disabled||s.renderFocus(e,a),e.checked=m(t).checked)}}(y)}),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:k})),React.createElement("button",{className:"delete",disabled:!t.enabled,ref:e=>renderFocus(e,a,s),onClick:h(y)},renderRemove()))))}}function C(){s.post("clicked",{name:a,value:i})}void 0!==i&&i.format;e={__html:s.renderHtml(n.prompt)},o=s.renderText(n.tooltip);const y=g.length;var R=t.enabled&&void 0!==i;g.push(React.createElement(StateTrackingElement,{className:"add-shape",key:"footer",...p(y,!1)},React.createElement("button",{className:"add",disabled:!v,title:o,ref:e=>renderFocus(e,a,s),onClick:C},renderCrossAdd(),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:e})),React.createElement("button",{className:"clear",disabled:!R,ref:e=>renderFocus(e,a,s),onClick:function(){i=n.value=void 0,t.forceUpdate(),s.post("changed",{name:a,value:i})}},renderArrowRollup())));const E=[n.type,makeSafeClassName(a)];return 1===r&&E.push(CssClasses.SINGLE),void 0!==i&&i.geometry.length>=r&&E.push(CssClasses.FULL),t.enabled&&n.autoActivate&&(v&&setTimeout(()=>C()),delete n.autoActivate),React.createElement(FormElementOuter,{className:E.join(" "),component:t,element:n,errorClassName:CssClasses.ERROR,ref:function(e){null===e&&s.renderState(a,"geometry")}},React.createElement("div",{className:"items"},g))}export{renderGeometryPicker};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import FormElementOuter from"./FormElementOuter.js";import{renderCrossAdd,renderArrowRollup,renderRemove}from"./assets/stock.js";import{renderFocus}from"./common.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{makeSafeClassName,sanitizeGeometryRef,setClass,text}from"./utils.js";class StateTrackingElement extends Component{render(){return _jsx("div",{ref:e=>this.root=e,...this.props},void 0)}}function renderGeometryPicker(t,n){var e=t.props;const r=e.name,a=e.host;let s=5;var o=n.size;"number"==typeof o&&(s=1<o?Math.ceil(o):1);let l,d,i="✎",c=n.value=sanitizeGeometryRef(n.value);void 0!==c&&(l=c.geometry,k=n.itemLabel,Array.isArray(k)?d=k:(d=[],text.isMarkdown(k)?k.markdown&&(i=k):text.isStatus(k)?k.status&&(i=k.status):k&&(i=k)));let u=n.state;function m(e){let t=u[e];return void 0!==t&&null!==t||(u.length<=e&&(u.length=e,u.push({})),t=u[e]),t}void 0!==u&&null!==u||(u=n.state=[]);const p=t.enabled;function f(t,n=!0){let s;function o(){const e=m(t);e.checked=p&&s.checked,e.focused=p&&s.focused,e.pending=p&&s.pending,n&&a.renderState(r,"geometry",u),setClass(s.root,"checked",e.checked),setClass(s.root,"focus",e.focused),setClass(s.root,"hover",e.pending)}return{ref(e){s=e,null!==s&&o()},onChangeCapture:function(e){s&&(s.checked=null!==e.currentTarget.querySelector("input:checked"),o())},onFocusCapture:function(e){s&&(s.focused=!0,o())},onBlurCapture:function(){s&&(s.focused=!1,o())},onMouseOver:function(){s&&(s.pending=!0,o())},onMouseOut:function(){s&&(s.pending=!1,o())},onKeyDownCapture(e){p&&"delete"===getKeyString(e)&&void 0!==m(t).content&&h(t)()}}}function h(e){return function(){1<l.length?(l.splice(e,1),u.splice(e,1),e<d.length&&d.splice(e,1)):(n.value=void 0,n.state=void 0),t.forceUpdate(),a.post("changed",{name:r,value:c})}}let v=t.enabled;const g=[];if(void 0!==c){v=t.enabled&&c.geometry.length<s;for(const b of c.geometry){const x=g.length;m(x).content=b;var C={__html:a.renderHtml(d[x]||i)};g.push(_jsx(StateTrackingElement,{className:"shape",...f(x),children:_jsxs("div",{children:[_jsxs("label",{children:[_jsx("input",{type:"checkbox",disabled:!t.enabled,ref:function(t){return function(e){null!==e&&(e.disabled||a.renderFocus(e,r),e.checked=m(t).checked)}}(x)},void 0),_jsx("div",{className:"inline",dangerouslySetInnerHTML:C},void 0)]},void 0),_jsx("button",{className:"delete",disabled:!t.enabled,ref:e=>renderFocus(e,r,a),onClick:h(x),children:renderRemove()},void 0)]},void 0)},"$"+x))}}function j(){a.post("clicked",{name:r,value:c})}e={__html:a.renderHtml(n.prompt)},o=a.renderText(n.tooltip);const x=g.length;var k=t.enabled&&void 0!==c;g.push(_jsxs(StateTrackingElement,{className:"add-shape",...f(x,!1),children:[_jsxs("button",{className:"add",disabled:!v,title:o,ref:e=>renderFocus(e,r,a),onClick:j,children:[renderCrossAdd(),_jsx("div",{className:"inline",dangerouslySetInnerHTML:e},void 0)]},void 0),_jsx("button",{className:"clear",disabled:!k,ref:e=>renderFocus(e,r,a),onClick:function(){c=n.value=void 0,t.forceUpdate(),a.post("changed",{name:r,value:c})},children:renderArrowRollup()},void 0)]},"footer"));const y=[n.type,makeSafeClassName(r)];return 1===s&&y.push(CssClasses.SINGLE),void 0!==c&&c.geometry.length>=s&&y.push(CssClasses.FULL),t.enabled&&n.autoActivate&&(v&&setTimeout(()=>j()),delete n.autoActivate),_jsx(FormElementOuter,{className:y.join(" "),component:t,element:n,errorClassName:CssClasses.ERROR,ref:function(e){null===e&&a.renderState(r,"geometry")},children:_jsx("div",{className:"items",children:g},void 0)},void 0)}export{renderGeometryPicker};

package/esm/forms/number.d.ts

@@ -3,7 +3,7 @@ import * as defs from "./FormDefinition";
 export declare function renderNumberRangeSlider(component: FormComponent, element: defs.Element): JSX.Element;
 export declare function renderNumberSlider(component: FormComponent, element: defs.Element): JSX.Element;
 /**
- * Renders the 'Number' form element as well as the legacy 'NumberSlider' (used only in IE as of now).
+ * Renders the 'Number' form element.
  * @param component The form component.
  * @param element The element used in the form.
  */

package/esm/forms/number.js

@@ -1 +1 @@
-import React from"react";import FormElementOuter from"./FormElementOuter.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isNumberRef,isString,makeSafeClassName}from"./utils.js";const NumberRangeSlider=React.lazy(()=>import("./components/NumberRangeSlider")),NumberSlider=React.lazy(()=>import("./components/NumberSlider"));function renderNumberRangeSlider(e,r){return React.createElement(React.Suspense,{fallback:null},React.createElement(NumberRangeSlider,{component:e,element:r}))}function renderNumberSlider(e,r){return React.createElement(React.Suspense,{fallback:null},React.createElement(NumberSlider,{component:e,element:r}))}function renderRangeFormat(e,r){return r=null==(r=isNumberRef(e)?e.format:r)?{}:r}function renderNumber(t,n){const r=t.props.name,o=t.props.host;let u=renderRangeFormat(n.value,n.format),a=u.precision;"number"==typeof a&&0*a==0||(a=3);const l=Math.pow(10,-1*a);let e=Math.round(u.step/l)*l;"number"==typeof e&&0*e<e||(e=void 0);let i=Math.floor(u.lowerBound/l)*l;"number"==typeof i&&0*i==0||(i=void 0);let m=Math.ceil(u.upperBound/l)*l;"number"==typeof m&&0*m==0||(m=void 0),void 0!==i&&void 0!==m&&m<=i&&(i=void 0,m=void 0);const s=[CssClasses.NUMERIC,makeSafeClassName(r)];void 0!==e&&s.push(CssClasses.STEPPER),u={precision:a,step:e,lowerBound:i,upperBound:m};const c={useGrouping:!0,minimumFractionDigits:0<a?a:0,maximumFractionDigits:0<a?a:0};function p(r){if(void 0===(r=function(e){if("string"==typeof e){if(e.length<1)return;e=Number(e)}if("number"==typeof e&&0*e==0)return void 0!==m&&e>m&&(e=m),void 0!==i&&e<i&&(e=i),Math.round(e/l)*l}(r)))return n.value=void 0,"";{n.value={refValueType:"number",format:u,display:o.formatNumber(r,c),numeric:r};let e=a;return e=20<e?20:e,e=e<0?0:e,r.toFixed(e)}}let d=null,f=(b=n.value,isNumberRef(b)&&(b=b.numeric),p("number"==typeof(b=isString(b)?o.coerceNumber(b):b)?b:void 0));var b;function v(e){return e=p(e),d.value=e,f!==e&&(f=e,o.post("changed",{name:r,value:n.value}),1)}var R=o.renderText(n.prompt),N=o.renderText(n.tooltip);return React.createElement(FormElementOuter,{className:s.join(" "),component:t,element:n,errorClassName:CssClasses.ERROR,htmlElementType:"label",ref:function(e){null!==e&&null===e.querySelector("*:focus")&&(d.value=f,o.renderFocus(d,r))}},React.createElement("input",{placeholder:R,title:N,type:"number",disabled:!t.enabled,min:i,max:m,step:e,onKeyDown:function(e){var r=getKeyString(e);if("enter"===r&&v(d.value))return d.select(),e.preventDefault(),e.stopPropagation(),!1;"escape"===r&&(d.value=f,d.select()),t.autoInput=!1},onFocus:function(){d.select()},onMouseDown:function(){t.autoInput=!0},onChange:function(){t.autoInput&&(v(d.value),d.select())},onBlur:function(){v(d.value)},ref:function(e){d=e}}))}export{renderNumberRangeSlider,renderNumberSlider,renderNumber};
+import{jsx as _jsx}from"react/jsx-runtime";import{lazy,Suspense}from"react";import FormElementOuter from"./FormElementOuter.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isNumberRef,isString,makeSafeClassName}from"./utils.js";const NumberRangeSlider=lazy(()=>import("./components/NumberRangeSlider")),NumberSlider=lazy(()=>import("./components/NumberSlider"));function renderNumberRangeSlider(e,r){return _jsx(Suspense,{fallback:null,children:_jsx(NumberRangeSlider,{component:e,element:r},void 0)},void 0)}function renderNumberSlider(e,r){return _jsx(Suspense,{fallback:null,children:_jsx(NumberSlider,{component:e,element:r},void 0)},void 0)}function renderRangeFormat(e,r){return r=null==(r=isNumberRef(e)?e.format:r)?{}:r}function renderNumber(n,o){const r=n.props.name,t=n.props.host;let u=renderRangeFormat(o.value,o.format),i=u.precision;"number"==typeof i&&0*i==0||(i=3);const l=Math.pow(10,-1*i);let e=Math.round(u.step/l)*l;"number"==typeof e&&0*e<e||(e=void 0);let s=Math.floor(u.lowerBound/l)*l;"number"==typeof s&&0*s==0||(s=void 0);let m=Math.ceil(u.upperBound/l)*l;"number"==typeof m&&0*m==0||(m=void 0),void 0!==s&&void 0!==m&&m<=s&&(s=void 0,m=void 0);const a=[CssClasses.NUMERIC,makeSafeClassName(r)];void 0!==e&&a.push(CssClasses.STEPPER),u={precision:i,step:e,lowerBound:s,upperBound:m};const p={useGrouping:!0,minimumFractionDigits:0<i?i:0,maximumFractionDigits:0<i?i:0};function d(r){if(void 0===(r=function(e){if("string"==typeof e){if(e.length<1)return;e=Number(e)}if("number"==typeof e&&0*e==0)return void 0!==m&&e>m&&(e=m),void 0!==s&&e<s&&(e=s),Math.round(e/l)*l}(r)))return o.value=void 0,"";{o.value={refValueType:"number",format:u,display:t.formatNumber(r,p),numeric:r};let e=i;return e=20<e?20:e,e=e<0?0:e,r.toFixed(e)}}let c=null,f=("number"==typeof(v=o.value)?.numeric&&(v=v.numeric),d("number"==typeof(v=isString(v)?t.coerceNumber(v):v)?v:void 0));var v;function b(e){return e=d(e),c.value=e,f!==e&&(f=e,t.post("changed",{name:r,value:o.value}),1)}var N=t.renderText(o.prompt),g=t.renderText(o.tooltip);return _jsx(FormElementOuter,{className:a.join(" "),component:n,element:o,errorClassName:CssClasses.ERROR,htmlElementType:"label",ref:function(e){null!==e&&null===e.querySelector("*:focus")&&(c.value=f,t.renderFocus(c,r))},children:_jsx("input",{placeholder:N,title:g,type:"number",disabled:!n.enabled,min:s,max:m,step:e,onKeyDown:function(e){var r=getKeyString(e);if("enter"===r&&b(c.value))return c.select(),e.preventDefault(),e.stopPropagation(),!1;"escape"===r&&(c.value=f,c.select()),n.autoInput=!1},onFocus:function(){c.select()},onMouseDown:function(){n.autoInput=!0},onChange:function(){n.autoInput&&(b(c.value),c.select())},onBlur:function(){b(c.value)},ref:function(e){c=e}},void 0)},void 0)}export{renderNumberRangeSlider,renderNumberSlider,renderNumber};

package/esm/forms/numberFormatter.js

@@ -1 +1 @@
-import{DEFAULT_LOCALE}from"../constants.js";export{isNumeric}from"./utils";var NumberDisplayFormat;!function(t){t.NUMBER="n",t.FIXED_POINT="f",t.CURRENCY="c",t.ACCOUNTING="a",t.PERCENT="p",t.ROUND_TRIP="r",t.DEFAULT="n",t.CUSTOM="custom"}(NumberDisplayFormat=NumberDisplayFormat||{});const DEFAULT_CURRENCY="USD",DEFAULT_CUSTOM_FORMAT="#.##",DEFAULT_FRACTIONAL_DIGITS=4,SUPPORTED_CURRENCIES=["ADP","AED","AFA","AFN","ALK","ALL","AMD","ANG","AOA","AOK","AON","AOR","ARA","ARL","ARM","ARP","ARS","ATS","AUD","AWG","AZM","AZN","BAD","BAM","BAN","BBD","BDT","BEC","BEF","BEL","BGL","BGM","BGN","BGO","BHD","BIF","BMD","BND","BOB","BOL","BOP","BOV","BRB","BRC","BRE","BRL","BRN","BRR","BRZ","BSD","BTN","BUK","BWP","BYB","BYN","BYR","BZD","CAD","CDF","CHE","CHF","CHW","CLE","CLF","CLP","CNH","CNX","CNY","COP","COU","CRC","CSD","CSK","CUC","CUP","CVE","CYP","CZK","DDM","DEM","DJF","DKK","DOP","DZD","ECS","ECV","EEK","EGP","ERN","ESA","ESB","ESP","ETB","EUR","FIM","FJD","FKP","FRF","GBP","GEK","GEL","GHC","GHS","GIP","GMD","GNF","GNS","GQE","GRD","GTQ","GWE","GWP","GYD","HKD","HNL","HRD","HRK","HTG","HUF","IDR","IEP","ILP","ILR","ILS","INR","IQD","IRR","ISJ","ISK","ITL","JMD","JOD","JPY","KES","KGS","KHR","KMF","KPW","KRH","KRO","KRW","KWD","KYD","KZT","LAK","LBP","LKR","LRD","LSL","LTL","LTT","LUC","LUF","LUL","LVL","LVR","LYD","MAD","MAF","MCF","MDC","MDL","MGA","MGF","MKD","MKN","MLF","MMK","MNT","MOP","MRO","MRU","MTL","MTP","MUR","MVP","MVR","MWK","MXN","MXP","MXV","MYR","MZE","MZM","MZN","NAD","NGN","NIC","NIO","NLG","NOK","NPR","NZD","OMR","PAB","PEI","PEN","PES","PGK","PHP","PKR","PLN","PLZ","PTE","PYG","QAR","RHD","ROL","RON","RSD","RUB","RUR","RWF","SAR","SBD","SCR","SDD","SDG","SDP","SEK","SGD","SHP","SIT","SKK","SLL","SOS","SRD","SRG","SSP","STD","STN","SUR","SVC","SYP","SZL","THB","TJR","TJS","TMM","TMT","TND","TOP","TPE","TRL","TRY","TTD","TWD","TZS","UAH","UAK","UGS","UGX","USD","USN","USS","UYI","UYP","UYU","UYW","UZS","VEB","VEF","VES","VND","VNN","VUV","WST","XAF","XAG","XAU","XBA","XBB","XBC","XBD","XCD","XDR","XEU","XFO","XFU","XOF","XPD","XPF","XPT","XRE","XSU","XTS","XUA","XXX","YDD","YER","YUD","YUM","YUN","YUR","ZAL","ZAR","ZMK","ZMW","ZRN","ZRZ","ZWD","ZWL","ZWR"];function format(...t){return globalFormatter.format.apply(globalFormatter,t)}class NumberFormatter{format(...t){var r;let a=NaN,e={};if(1===t.length?(a=t[0],e={}):2<=arguments.length&&(a=t[1],e="string"==typeof t[0]?{format:t[0]}:t[0]||e),null===a||void 0===a||isNaN(a))return"";let m=e.format||NumberDisplayFormat.DEFAULT;if(m===NumberDisplayFormat.CUSTOM&&(m=e.customDisplayFormat||DEFAULT_CUSTOM_FORMAT),m===NumberDisplayFormat.ROUND_TRIP)return a.toString();var D,i=m.toLowerCase();i===NumberDisplayFormat.CURRENCY||i===NumberDisplayFormat.ACCOUNTING?(D=e.currency||DEFAULT_CURRENCY,m=i,m+=null!==(r=e.fractionalDigits)&&void 0!==r?r:"",m+=D?`$${D}`:""):i!==NumberDisplayFormat.NUMBER&&i!==NumberDisplayFormat.FIXED_POINT&&i!==NumberDisplayFormat.PERCENT||(m=i,m+=null!==(R=e.fractionalDigits)&&void 0!==R?R:""),e.locale=e.locale||DEFAULT_LOCALE;const N=[e.locale];var R,i=`${N.join(";")}|${m}`;let o=numberFormatters.get(i);return o||(o=[],1===(R=m.split(";",3)).length?(o[0]=this._createNumberFormatter(N,R[0]),o[1]=o[0],o[2]=o[0]):2===R.length?(o[0]=this._createNumberFormatter(N,R[0]),o[1]=this._createNumberFormatter(N,R[1]),o[2]=o[0]):3===R.length&&(o[0]=this._createNumberFormatter(N,R[0]),o[1]=this._createNumberFormatter(N,R[1]),o[2]=this._createNumberFormatter(N,R[2])),numberFormatters.set(i,o)),0<a?o[0](a):a<0?o[1](a):o[2](a)}_createNumberFormatter(r,t){const a={};let e=t.match(standardFormatPattern);if(e){var m=e[1].toLowerCase(),D=Math.min(20,parseInt(e[2]));let t=e[3];m===NumberDisplayFormat.CURRENCY||m===NumberDisplayFormat.ACCOUNTING?t=(t||DEFAULT_CURRENCY).toUpperCase():(t="",void 0===a.minimumFractionDigits&&(a.minimumFractionDigits=0),void 0===a.maximumFractionDigits&&(a.maximumFractionDigits=Math.max(DEFAULT_FRACTIONAL_DIGITS,a.minimumFractionDigits))),m===NumberDisplayFormat.PERCENT?a.style="percent":m===NumberDisplayFormat.ACCOUNTING?a.currencySign="accounting":m===NumberDisplayFormat.FIXED_POINT&&(a.useGrouping=!1),isNaN(D)||(a.minimumFractionDigits=D,a.maximumFractionDigits=D);const E=t?new Intl.NumberFormat(r,{style:"currency",currency:t,...a}):new Intl.NumberFormat(r,a);return t=>E.format(t)}var i,N;e=t.match(/[0#]+|\.|,|%|\\.|(["'])[^\1]+\1|[^0#.,\\'"]+/g);let R=!1,o="",F="",n="",s="";a.minimumFractionDigits=0,a.maximumFractionDigits=0,a.useGrouping=!1;for(i of e)switch(i[0]){case".":R=!0;break;case",":a.useGrouping=!0;break;case"%":a.style="percent";break;case"0":case"#":R?F+=i:o+=i;break;default:0===i.indexOf('"')||0===i.indexOf("'")?i=i.slice(1,-1):0===i.indexOf("\\")&&(i=i.slice(1)),o||F?s+=i:n+=i}if(!o||0<=(N=o.indexOf("0"))&&(a.minimumIntegerDigits=o.length-N),F&&(N=F.lastIndexOf("0"),a.minimumFractionDigits=0<=N?N+1:0,a.maximumFractionDigits=Math.min(20,F.length)),o||F){const C=new Intl.NumberFormat(r,a);return t=>`${n}${C.format(t)}${s}`}return()=>n+s}}const numberFormatters=new Map,standardFormatPattern=/^([acfnp])(\d*)(?:\$([a-zA-Z]{3}))?$/i,globalFormatter=new NumberFormatter;export{NumberDisplayFormat,DEFAULT_CURRENCY,DEFAULT_CUSTOM_FORMAT,DEFAULT_FRACTIONAL_DIGITS,SUPPORTED_CURRENCIES,format};
+import{DEFAULT_LOCALE}from"../constants.js";export{isNumeric}from"./utils";var NumberDisplayFormat;!function(t){t.NUMBER="n",t.FIXED_POINT="f",t.CURRENCY="c",t.ACCOUNTING="a",t.PERCENT="p",t.ROUND_TRIP="r",t.DEFAULT="n",t.CUSTOM="custom"}(NumberDisplayFormat=NumberDisplayFormat||{});const DEFAULT_CURRENCY="USD",DEFAULT_CUSTOM_FORMAT="#.##",DEFAULT_FRACTIONAL_DIGITS=4,SUPPORTED_CURRENCIES=["ADP","AED","AFA","AFN","ALK","ALL","AMD","ANG","AOA","AOK","AON","AOR","ARA","ARL","ARM","ARP","ARS","ATS","AUD","AWG","AZM","AZN","BAD","BAM","BAN","BBD","BDT","BEC","BEF","BEL","BGL","BGM","BGN","BGO","BHD","BIF","BMD","BND","BOB","BOL","BOP","BOV","BRB","BRC","BRE","BRL","BRN","BRR","BRZ","BSD","BTN","BUK","BWP","BYB","BYN","BYR","BZD","CAD","CDF","CHE","CHF","CHW","CLE","CLF","CLP","CNH","CNX","CNY","COP","COU","CRC","CSD","CSK","CUC","CUP","CVE","CYP","CZK","DDM","DEM","DJF","DKK","DOP","DZD","ECS","ECV","EEK","EGP","ERN","ESA","ESB","ESP","ETB","EUR","FIM","FJD","FKP","FRF","GBP","GEK","GEL","GHC","GHS","GIP","GMD","GNF","GNS","GQE","GRD","GTQ","GWE","GWP","GYD","HKD","HNL","HRD","HRK","HTG","HUF","IDR","IEP","ILP","ILR","ILS","INR","IQD","IRR","ISJ","ISK","ITL","JMD","JOD","JPY","KES","KGS","KHR","KMF","KPW","KRH","KRO","KRW","KWD","KYD","KZT","LAK","LBP","LKR","LRD","LSL","LTL","LTT","LUC","LUF","LUL","LVL","LVR","LYD","MAD","MAF","MCF","MDC","MDL","MGA","MGF","MKD","MKN","MLF","MMK","MNT","MOP","MRO","MRU","MTL","MTP","MUR","MVP","MVR","MWK","MXN","MXP","MXV","MYR","MZE","MZM","MZN","NAD","NGN","NIC","NIO","NLG","NOK","NPR","NZD","OMR","PAB","PEI","PEN","PES","PGK","PHP","PKR","PLN","PLZ","PTE","PYG","QAR","RHD","ROL","RON","RSD","RUB","RUR","RWF","SAR","SBD","SCR","SDD","SDG","SDP","SEK","SGD","SHP","SIT","SKK","SLL","SOS","SRD","SRG","SSP","STD","STN","SUR","SVC","SYP","SZL","THB","TJR","TJS","TMM","TMT","TND","TOP","TPE","TRL","TRY","TTD","TWD","TZS","UAH","UAK","UGS","UGX","USD","USN","USS","UYI","UYP","UYU","UYW","UZS","VEB","VEF","VES","VND","VNN","VUV","WST","XAF","XAG","XAU","XBA","XBB","XBC","XBD","XCD","XDR","XEU","XFO","XFU","XOF","XPD","XPF","XPT","XRE","XSU","XTS","XUA","XXX","YDD","YER","YUD","YUM","YUN","YUR","ZAL","ZAR","ZMK","ZMW","ZRN","ZRZ","ZWD","ZWL","ZWR"];function format(...t){return globalFormatter.format.apply(globalFormatter,t)}class NumberFormatter{format(...t){let r=NaN,a={};if(1===t.length?(r=t[0],a={}):2<=arguments.length&&(r=t[1],a="string"==typeof t[0]?{format:t[0]}:t[0]||a),null===r||void 0===r||isNaN(r))return"";let e=a.format||NumberDisplayFormat.DEFAULT;if(e===NumberDisplayFormat.CUSTOM&&(e=a.customDisplayFormat||DEFAULT_CUSTOM_FORMAT),e===NumberDisplayFormat.ROUND_TRIP)return r.toString();var m=e.toLowerCase();m===NumberDisplayFormat.CURRENCY||m===NumberDisplayFormat.ACCOUNTING?(i=a.currency||DEFAULT_CURRENCY,e=m,e+=a.fractionalDigits??"",e+=i?`$${i}`:""):m!==NumberDisplayFormat.NUMBER&&m!==NumberDisplayFormat.FIXED_POINT&&m!==NumberDisplayFormat.PERCENT||(e=m,e+=a.fractionalDigits??""),a.locale=a.locale||DEFAULT_LOCALE;const D=[a.locale];var i=`${D.join(";")}|${e}`;let N=numberFormatters.get(i);return N||(N=[],1===(m=e.split(";",3)).length?(N[0]=this._createNumberFormatter(D,m[0]),N[1]=N[0],N[2]=N[0]):2===m.length?(N[0]=this._createNumberFormatter(D,m[0]),N[1]=this._createNumberFormatter(D,m[1]),N[2]=N[0]):3===m.length&&(N[0]=this._createNumberFormatter(D,m[0]),N[1]=this._createNumberFormatter(D,m[1]),N[2]=this._createNumberFormatter(D,m[2])),numberFormatters.set(i,N)),0<r?N[0](r):r<0?N[1](r):N[2](r)}_createNumberFormatter(r,t){const a={};let e=t.match(standardFormatPattern);if(e){var m=e[1].toLowerCase(),D=Math.min(20,parseInt(e[2]));let t=e[3];m===NumberDisplayFormat.CURRENCY||m===NumberDisplayFormat.ACCOUNTING?t=(t||DEFAULT_CURRENCY).toUpperCase():(t="",void 0===a.minimumFractionDigits&&(a.minimumFractionDigits=0),void 0===a.maximumFractionDigits&&(a.maximumFractionDigits=Math.max(DEFAULT_FRACTIONAL_DIGITS,a.minimumFractionDigits))),m===NumberDisplayFormat.PERCENT?a.style="percent":m===NumberDisplayFormat.ACCOUNTING?a.currencySign="accounting":m===NumberDisplayFormat.FIXED_POINT&&(a.useGrouping=!1),isNaN(D)||(a.minimumFractionDigits=D,a.maximumFractionDigits=D);const E=t?new Intl.NumberFormat(r,{style:"currency",currency:t,...a}):new Intl.NumberFormat(r,a);return t=>E.format(t)}var i,N;e=t.match(/[0#]+|\.|,|%|\\.|(["'])[^\1]+\1|[^0#.,\\'"]+/g);let R=!1,F="",o="",n="",s="";a.minimumFractionDigits=0,a.maximumFractionDigits=0,a.useGrouping=!1;for(i of e)switch(i[0]){case".":R=!0;break;case",":a.useGrouping=!0;break;case"%":a.style="percent";break;case"0":case"#":R?o+=i:F+=i;break;default:0===i.indexOf('"')||0===i.indexOf("'")?i=i.slice(1,-1):0===i.indexOf("\\")&&(i=i.slice(1)),F||o?s+=i:n+=i}if(!F||0<=(N=F.indexOf("0"))&&(a.minimumIntegerDigits=F.length-N),o&&(N=o.lastIndexOf("0"),a.minimumFractionDigits=0<=N?N+1:0,a.maximumFractionDigits=Math.min(20,o.length)),F||o){const C=new Intl.NumberFormat(r,a);return t=>`${n}${C.format(t)}${s}`}return()=>n+s}}const numberFormatters=new Map,standardFormatPattern=/^([acfnp])(\d*)(?:\$([a-zA-Z]{3}))?$/i,globalFormatter=new NumberFormatter;export{NumberDisplayFormat,DEFAULT_CURRENCY,DEFAULT_CUSTOM_FORMAT,DEFAULT_FRACTIONAL_DIGITS,SUPPORTED_CURRENCIES,format};

package/esm/forms/numberSliderUtilities.js

@@ -1 +1 @@
-import{DEFAULT_CURRENCY}from"./numberFormatter.js";import{isNumeric}from"./utils.js";const DEFAULT_SLIDER_LOWER_BOUND=0,DEFAULT_SLIDER_UPPER_BOUND=100,SLIDER_MAX_DECIMALS=20;function getProcessedNumberFormat(r,e,t,i){r=r||{};let o=r.precision,u=r.step,s=r.lowerBound,D=r.upperBound;s=isNumeric(s)?s:DEFAULT_SLIDER_LOWER_BOUND,D=isNumeric(D)?D:DEFAULT_SLIDER_UPPER_BOUND,D<=s&&(s=DEFAULT_SLIDER_LOWER_BOUND,D=DEFAULT_SLIDER_UPPER_BOUND),o=isNumeric(o)?o:t,(o<e||o>SLIDER_MAX_DECIMALS)&&(o=t),u=isNumeric(u)&&u<=D-s&&0<=u?u:i;t=r.displayFormat,i=r.customDisplayFormat;return o<0&&(u=Math.pow(10,-1*o),o=0),{currency:r.currency||DEFAULT_CURRENCY,customDisplayFormat:i,displayFormat:t,precision:o,step:u,lowerBound:s,upperBound:D}}function getNumberSliderValues(r,e,t=!1){const i=isNumeric(e.lowerBound)?e.lowerBound:DEFAULT_SLIDER_LOWER_BOUND,o=isNumeric(e.upperBound)?e.upperBound:DEFAULT_SLIDER_UPPER_BOUND,u=r=>isNumeric(r)?r<i?i:r>o?o:r:NaN;var s=r=>{r=(r||"").trim();r=isNumeric(r)?parseFloat(r):NaN;return u(r)};let D=[],E=NaN,_=NaN;return"string"==typeof r?(e=r.split("\n").filter(r=>""!==r),E=s(e[0]),_=s(e[1])):"number"==typeof r?E=u(r):Array.isArray(r)&&1<=r.length&&(E=("string"==typeof r[0]?s:u)(r[0]),_=("string"==typeof r[1]?s:u)(r[1])),isNaN(E)||(isNaN(_)?t&&D.push(E):D.push(E,_)),D=D.sort((r,e)=>r-e),D.length?D:t?[Math.round((i+o)/2)]:[i,o]}export{DEFAULT_SLIDER_LOWER_BOUND,DEFAULT_SLIDER_UPPER_BOUND,SLIDER_MAX_DECIMALS,getProcessedNumberFormat,getNumberSliderValues};
+import{DEFAULT_CURRENCY}from"./numberFormatter.js";import{isNumeric}from"./utils.js";const DEFAULT_SLIDER_LOWER_BOUND=0,DEFAULT_SLIDER_UPPER_BOUND=100,SLIDER_MAX_DECIMALS=20;function getProcessedNumberFormat(r,e,t,u){r=r||{};let i=r.precision,o=r.step,s=r.lowerBound,D=r.upperBound;s=isNumeric(s)?s:DEFAULT_SLIDER_LOWER_BOUND,D=isNumeric(D)?D:DEFAULT_SLIDER_UPPER_BOUND,D<=s&&(s=DEFAULT_SLIDER_LOWER_BOUND,D=DEFAULT_SLIDER_UPPER_BOUND),i=isNumeric(i)?i:t,(i<e||i>SLIDER_MAX_DECIMALS)&&(i=t),o=isNumeric(o)&&o<=D-s&&0<=o?o:u;t=r.displayFormat,u=r.customDisplayFormat;return i<0&&(o=Math.pow(10,-1*i),i=0),{currency:r.currency||DEFAULT_CURRENCY,customDisplayFormat:u,displayFormat:t,precision:i,step:o,lowerBound:s,upperBound:D}}function getNumberSliderValues(r,e,t=!1){const u=isNumeric(e.lowerBound)?e.lowerBound:DEFAULT_SLIDER_LOWER_BOUND,i=isNumeric(e.upperBound)?e.upperBound:DEFAULT_SLIDER_UPPER_BOUND,o=r=>isNumeric(r)?r<u?u:r>i?i:r:NaN;var s=r=>{r=(r||"").trim();r=isNumeric(r)?parseFloat(r):NaN;return o(r)};let D=[],E=NaN,_=NaN;return"string"==typeof r?(e=r.split("\n").filter(r=>""!==r),E=s(e[0]),_=s(e[1])):"number"==typeof r?E=o(r):"number"==typeof r?.numeric?E=o(r.numeric):Array.isArray(r)&&1<=r.length&&(E=("string"==typeof r[0]?s:o)(r[0]),_=("string"==typeof r[1]?s:o)(r[1])),isNaN(E)||(isNaN(_)?t&&D.push(E):D.push(E,_)),D=D.sort((r,e)=>r-e),D.length?D:t?[Math.round((u+i)/2)]:[u,i]}export{DEFAULT_SLIDER_LOWER_BOUND,DEFAULT_SLIDER_UPPER_BOUND,SLIDER_MAX_DECIMALS,getProcessedNumberFormat,getNumberSliderValues};

package/esm/forms/presenter.js

@@ -1 +1 @@
-import React from"react";import ReactDOM from"react-dom";import{FormComponent}from"./FormComponent.js";import*as renderers from"./renderers.js";function refresh(e){e instanceof FormComponent&&e.forceUpdate()}function refreshForm(e,r){ReactDOM.render(React.createElement(FormComponent,{host:e,type:"form"}),r)}function releaseForm(e){ReactDOM.unmountComponentAtNode(e)}function render(e){if(e instanceof FormComponent){switch(e.props.type){case"form":return renderers.renderForm(e);case"header":return renderers.renderHeader(e);case"main":return renderers.renderMain(e);case"footer":return renderers.renderFooter(e);case"body":return renderers.renderBody(e);case"row":return renderers.renderRow(e);case"section":return renderers.element.renderSection(e,e.prepare());case"element":break;default:return}var r=e.prepare();if(null==r)return;var n=r.type;if("string"!=typeof n)return;if("Custom"===n)return e.props.host.renderCustom(e,r);if(e.elementRegistration)return React.createElement(e.elementRegistration.component,renderers.getElementProps(e,r));const t=renderers.element["render"+n];if("function"==typeof t)return t(e,r)}}function renderNone(e){if(e instanceof FormComponent)return renderers.renderNone(e)}export{refresh,refreshForm,releaseForm,render,renderNone};
+import{jsx as _jsx}from"react/jsx-runtime";import{createElement}from"react";import{unmountComponentAtNode,render as reactRender}from"react-dom";import{FormComponent}from"./FormComponent.js";import*as renderers from"./renderers.js";function refresh(e){e instanceof FormComponent&&e.forceUpdate()}function refreshForm(e,r){reactRender(_jsx(FormComponent,{host:e,type:"form"},void 0),r)}function releaseForm(e){unmountComponentAtNode(e)}function render(e){if(e instanceof FormComponent){switch(e.props.type){case"form":return renderers.renderForm(e);case"header":return renderers.renderHeader(e);case"main":return renderers.renderMain(e);case"footer":return renderers.renderFooter(e);case"body":return renderers.renderBody(e);case"row":return renderers.renderRow(e);case"section":return renderers.element.renderSection(e,e.prepare());case"element":break;default:return}var r=e.prepare();if(null==r)return;var n=r.type;if("string"!=typeof n)return;if("Custom"===n)return e.props.host.renderCustom(e,r);if(e.elementRegistration)return createElement(e.elementRegistration.component,renderers.getElementProps(e,r));const o=renderers.element["render"+n];if("function"==typeof o)return o(e,r)}}function renderNone(e){if(e instanceof FormComponent)return renderers.renderNone(e)}export{refresh,refreshForm,releaseForm,render,renderNone};

package/esm/forms/renderers.js

@@ -1 +1 @@
-import React from"react";import{FormComponent,FormElement}from"./FormComponent.js";import*as defs from"./FormDefinition.js";import FormElementOuter from"./FormElementOuter.js";import{renderChevronDown,renderChevronUp}from"./assets/stock.js";import{renderDescription,renderTitle,renderError,renderFocus}from"./common.js";import{CssClasses,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*as text from"./text.js";import{makeSafeClassName,sort,makeUniqueId}from"./utils.js";function renderForm(e){const o=e.props.host,n={host:o,type:"header",children:[]},s={host:o,type:"body",children:[]},m={host:o,type:"main",children:[]},a={host:o,type:"footer",children:[]},r={host:o,type:"body",children:[]},l={},i=[];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 i)if(r.name===e)return r})(r);return void 0===t&&(t={host:o,name:r,type:"section",children:[]},i.push(t)),t}function c(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&&c(h.type)))if(!0!==f.overlay){let e=t(f.section);void 0!==f.rowNumber&&(u=d(e),e=function(e,r){let t=l[r];t=t||(l[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(FormElement,{key:R,host:o,type:"element",name:R}))}else r.children.push(React.createElement(FormElement,{key:R,host:o,type:"element",name:R}))}var h,y;const v=[];if(0<n.children.length&&v.push(React.createElement(FormComponent,{key:"header",...n})),0<r.children.length)v.push(React.createElement(FormComponent,{key:"main",...r}));else{E(s);for(const N of i)y=N.name,null!=(y=p[y])&&(c(y.type)||!0===y.hoisted||!1===y.visible)||E(t(N.name));0<m.children.length&&v.push(React.createElement(FormComponent,{key:"main",...m}))}function E(e){var r=e===s?"body":`$${e.name}`,t=d(e),n=l[t];if(n)for(const a of Object.keys(n).sort((e,r)=>parseInt(e)-parseInt(r))){var o=n[a];1<o.children.length?e.children.push(React.createElement(FormComponent,{key:"row",...o})):1===o.children.length&&e.children.push(...o.children)}0<e.children.length&&m.children.push(React.createElement(FormComponent,{key:r,...e}))}return 0<a.children.length&&v.push(React.createElement(FormComponent,{key:"footer",...a})),React.createElement("div",{className:"gcx-forms defaults custom",ref:function(e){o.renderFocus(e)},onKeyDown:function(e){"enter"===getKeyString(e)&&(e.target instanceof HTMLButtonElement||o.post("clicked"))}},v)}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.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.renderPasswordBox=text.renderPasswordBox,e.renderTextArea=text.renderTextArea,e.renderTextBox=text.renderTextBox,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 s=a||"collapsible-section"===e;const m=[t.type,makeSafeClassName(o),e];t.styleName&&m.push(makeSafeClassName(t.styleName));let l=null,i;var c=makeUniqueId(o);let d="content";if(s){let e="form-element-title";t.collapsed&&(e+=" collapsed",d+=" collapsed");var p=(t.collapsed?renderChevronDown:renderChevronUp)();l=renderTitle(t,n,c,"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)},l||React.createElement("span",{className:"caption"}),p)}else l=renderTitle(t,n,c),i=l;var u=renderDescription(t,n,c),s=renderError(t,n),c=null===(p=null===l||void 0===l?void 0:l.props)||void 0===p?void 0:p.id,p=null===(p=null==u?void 0:u.props)||void 0===p?void 0:p.id;return React.createElement("div",{"aria-labelledby":c,"aria-describedby":p,className:m.join(" ")},i,React.createElement("div",{className:d},u,s,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.renderText=function(e,r){var t=e.props.name;const n=[r.type,makeSafeClassName(t)];return React.createElement(FormElementOuter,{className:n.join(" "),component:e,element:r})},e.renderImage=function(e,r){const{host:t,name:n}=e.props;let o,a;var s=r.size;"number"==typeof s&&(a=s,o=s),"object"==typeof s&&("number"==typeof s.width&&(o=s.width),"number"==typeof s.height&&(a=s.height));let m=void 0;"string"==typeof(s=r.value)&&(m=s);const l=[r.type,makeSafeClassName(n)];return s=t.renderText(r.tooltip),React.createElement(FormElementOuter,{className:l.join(" "),component:e,element:r},React.createElement("img",{src:m,title:s,width:o,height:a}))},e.renderButtonBar=function(e,r){const{host:n,name:o}=e.props;var t=sort(r.items);let a=void 0;const s=[];for(const h in t){var m=t[h],l=e.enabled&&!1!==m.enabled&&!1!==m.visible,i={__html:n.renderHtml(m.label,defs.HTMLContentCategory.Phrasing)},c=n.renderText(m.tooltip),d=t[h].value;l&&void 0===a&&(a=h);var p=m.styleName?makeSafeClassName(m.styleName):void 0;!1!==m.visible&&s.push(React.createElement("button",{className:p,key:h,disabled:!l,title:c,ref:function(r){return function(e){null!==e&&r===a&&n.renderFocus(e,o)}}(h),onClick:function(r,t){return function(e){n.post("clicked",{name:o,item:r,value:t})}}(h,d),dangerouslySetInnerHTML:i}))}const u=[r.type,makeSafeClassName(o)],f=["items"];return r.orientation===Orientation.VERTICAL&&f.push("vertical"),React.createElement(FormElementOuter,{className:u.join(" "),component:e,element:r,errorClassName:CssClasses.ERROR},React.createElement("div",{className:f.join(" ")},s))},e.renderCustom=function(e,r){var t=e.props.name;e.elementRegistration||console.warn(`Unable to render custom form element '${t}' of type '${r.customType}'.`);const n=[r.type,makeSafeClassName(t)];return React.createElement(FormElementOuter,{className:n.join(" "),component:e,element:r,errorClassName:CssClasses.ERROR},e.elementRegistration?React.createElement(e.elementRegistration.component,getElementProps(e,r)):`--- ${r.customType} ---`)}}(element=element||{});export{renderForm,renderHeader,renderFooter,renderBody,renderRow,renderMain,renderNone,element,getElementProps};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{createElement}from"react";import{FormComponent,FormElement}from"./FormComponent.js";import*as defs from"./FormDefinition.js";import FormElementOuter from"./FormElementOuter.js";import{renderChevronDown,renderChevronUp}from"./assets/stock.js";import{renderDescription,renderTitle,renderError,renderFocus}from"./common.js";import{CssClasses,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*as text from"./text.js";import{makeSafeClassName,sort,makeUniqueId}from"./utils.js";function renderForm(e){const o=e.props.host,t={host:o,type:"header",children:[]},i={host:o,type:"body",children:[]},a={host:o,type:"main",children:[]},s={host:o,type:"footer",children:[]},r={host:o,type:"body",children:[]},m={},l=[];function n(e){if(void 0===e)return i;if("header"===e)return t;if("footer"===e)return s;let r;r="object"==typeof e?e.name:e;let n=(e=>{for(const r of l)if(r.name===e)return r})(r);return void 0===n&&(n={host:o,name:r,type:"section",children:[]},l.push(n)),n}function d(e){return"Section"!==e}function c(e){return e===t||e===i||e===s?`${e.type}-section`:e.name}const p=sort(e.props.host.form.elements);for(const x in p){var u,f=p[x];if(!0!==(h=f).hoisted&&(!1!==h.visible&&d(h.type)))if(!0!==f.overlay){let e=n(f.section);void 0!==f.rowNumber&&(u=c(e),e=function(e,r){let n=m[r];n=n||(m[r]=[]);let t=n[e];return void 0===t&&(t=n[e]={host:o,type:"row",children:[]}),t}(f.rowNumber,u)),e.children.push(_jsx(FormElement,{host:o,type:"element",name:x},x))}else r.children.push(_jsx(FormElement,{host:o,type:"element",name:x},x))}var h,v;const j=[];if(0<t.children.length&&j.push(_jsx(FormComponent,{...t},"header")),0<r.children.length)j.push(_jsx(FormComponent,{...r},"main"));else{y(i);for(const N of l)v=N.name,null!=(v=p[v])&&(d(v.type)||!0===v.hoisted||!1===v.visible)||y(n(N.name));0<a.children.length&&j.push(_jsx(FormComponent,{...a},"main"))}function y(e){var r=e===i?"body":`$${e.name}`,n=c(e),t=m[n];if(t)for(const s of Object.keys(t).sort((e,r)=>parseInt(e)-parseInt(r))){var o=t[s];1<o.children.length?e.children.push(_jsx(FormComponent,{...o},"row")):1===o.children.length&&e.children.push(...o.children)}0<e.children.length&&a.children.push(_jsx(FormComponent,{...e},r))}return 0<s.children.length&&j.push(_jsx(FormComponent,{...s},"footer")),_jsx("div",{className:"gcx-forms defaults custom",ref:function(e){o.renderFocus(e)},onKeyDown:function(e){"enter"===getKeyString(e)&&(e.target instanceof HTMLButtonElement||o.post("clicked"))},children:j},void 0)}function renderHeader(e){return _jsx("div",{className:"Header",children:e.props.children},void 0)}function renderFooter(e){return _jsx("div",{className:"Footer",children:e.props.children},void 0)}function renderBody(e){return _jsx("div",{className:"Body",children:e.props.children},void 0)}function renderRow(e){return _jsx("div",{className:"Row",children:e.props.children},void 0)}function renderMain(e){return _jsx("div",{className:"Main",children:e.props.children},void 0)}function renderNone(e){return _jsxs("div",{className:"None",children:["--- Unsupported Form Element (name=",e.props.name,") ---"]},void 0)}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.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.renderPasswordBox=text.renderPasswordBox,e.renderTextArea=text.renderTextArea,e.renderTextBox=text.renderTextBox,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,n){const t=r.props.host,o=r.props.name;let e=void 0;null!=n&&n.format&&(e=n.format),e=void 0!==e&&null!==e?e:defs.DEFAULT_SECTION_FORMAT;const s="accordion-section"===e;var i=s||"collapsible-section"===e;const a=[n.type,makeSafeClassName(o),e];n.styleName&&a.push(makeSafeClassName(n.styleName));let m=null,l;var d=makeUniqueId(o);let c="content";if(i){let e="form-element-title";n.collapsed&&(e+=" collapsed",c+=" collapsed");var p=(n.collapsed?renderChevronDown:renderChevronUp)();m=renderTitle(n,t,d,"caption"),l=_jsxs("button",{className:e,onClick:function(){s&&n.collapsed?t.updateAccordionSections(o):(n.collapsed=!n.collapsed,r.forceUpdate())},ref:e=>renderFocus(e,o,t),children:[m||_jsx("span",{className:"caption"},void 0),p]},void 0)}else m=renderTitle(n,t,d),l=m;var u=renderDescription(n,t,d),i=renderError(n,t),p=m?.props?.id,d=u?.props?.id;return _jsxs("div",{"aria-labelledby":p,"aria-describedby":d,className:a.join(" "),children:[l,_jsxs("div",{className:c,children:[u,i,r.props.children]},void 0)]},void 0)},e.renderHorizontalRule=function(e,r){e=e.props.name;const n=[FormElementTypes.HORIZONTALRULE,makeSafeClassName(e)];return r.styleName&&n.push(makeSafeClassName(r.styleName)),_jsx("hr",{className:n.join(" ")},void 0)},e.renderText=function(e,r){var n=e.props.name;const t=[r.type,makeSafeClassName(n)];return _jsx(FormElementOuter,{className:t.join(" "),component:e,element:r},void 0)},e.renderImage=function(e,r){const{host:n,name:t}=e.props;let o,s;var i=r.size;"number"==typeof i&&(s=i,o=i),"object"==typeof i&&("number"==typeof i.width&&(o=i.width),"number"==typeof i.height&&(s=i.height));let a=void 0;"string"==typeof(i=r.value)&&(a=i);const m=[r.type,makeSafeClassName(t)];return i=n.renderText(r.tooltip),_jsx(FormElementOuter,{className:m.join(" "),component:e,element:r,children:_jsx("img",{src:a,title:i,width:o,height:s},void 0)},void 0)},e.renderButtonBar=function(e,r){const{host:t,name:o}=e.props;var n=sort(r.items);let s=void 0;const i=[];for(const h in n){var a=n[h],m=e.enabled&&!1!==a.enabled&&!1!==a.visible,l={__html:t.renderHtml(a.label,defs.HTMLContentCategory.Phrasing)},d=t.renderText(a.tooltip),c=n[h].value;m&&void 0===s&&(s=h);var p=a.styleName?makeSafeClassName(a.styleName):void 0;!1!==a.visible&&i.push(_jsx("button",{className:p,disabled:!m,title:d,ref:function(r){return function(e){null!==e&&r===s&&t.renderFocus(e,o)}}(h),onClick:function(r,n){return function(e){t.post("clicked",{name:o,item:r,value:n})}}(h,c),dangerouslySetInnerHTML:l},h))}const u=[r.type,makeSafeClassName(o)],f=["items"];return r.orientation===Orientation.VERTICAL&&f.push("vertical"),_jsx(FormElementOuter,{className:u.join(" "),component:e,element:r,errorClassName:CssClasses.ERROR,children:_jsx("div",{className:f.join(" "),children:i},void 0)},void 0)},e.renderCustom=function(e,r){var n=e.props.name;e.elementRegistration||console.warn(`Unable to render custom form element '${n}' of type '${r.customType}'.`);const t=[r.type,makeSafeClassName(n)];return _jsx(FormElementOuter,{className:t.join(" "),component:e,element:r,errorClassName:CssClasses.ERROR,children:e.elementRegistration?createElement(e.elementRegistration.component,getElementProps(e,r)):`--- ${r.customType} ---`},void 0)}}(element=element||{});export{renderForm,renderHeader,renderFooter,renderBody,renderRow,renderMain,renderNone,element,getElementProps};

package/esm/forms/scanner.js

@@ -1 +1 @@
-import React,{useState,useEffect,useRef}from"react";import FormElementOuter from"./FormElementOuter.js";import{renderRemove,renderScanBarcode,renderScanQrcode,renderScanMulti}from"./assets/stock.js";import{useFocusCallback}from"./common.js";import{CssClasses,ScanType,SCANNER_DEFAULT_ROW_COUNT}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isScanRef,makeSafeClassName}from"./utils.js";function renderScanner(e,a){return React.createElement(Scanner,{component:e,element:a})}const CAMERA_READY_TIMEOUT_MS=1500;var EntryMethod;!function(e){e.Camera="camera",e.Manual="manual"}(EntryMethod=EntryMethod||{});const convertToScanRef=(e,a,t)=>{var r=typeof e,n="number"==r||"string"==r?e.toString():null===(n=null===e||void 0===e?void 0:e.value)||void 0===n?void 0:n.toString();if(n)return a=a||(null===e||void 0===e?void 0:e.entryMethod)||EntryMethod.Manual,{refValueType:"scan",value:n,scanType:t=t||(null===e||void 0===e?void 0:e.scanType),entryMethod:a}},Scanner=e=>{const[t,o]=useState(),[a,r]=useState(""),[n,c]=useState(!1),[s,l]=useState(!0),d=useRef(),{component:i,element:m}=e,{host:u,name:v}=i.props;var p="barcode"!==m.scanType;let E=m.value;useEffect(()=>(c(!0),()=>c(!1)),[]),useEffect(()=>{n&&m.enabled&&m.autoActivate&&(m.autoActivate=!1,R())},[n]),useEffect(()=>{const e=()=>{l(!1),setTimeout(()=>{n&&l(!0)},CAMERA_READY_TIMEOUT_MS)};return t&&e(),()=>{t&&(t.reset(),e())}},[t]);var y=useFocusCallback(i);useEffect(()=>{!isScanRef(E)&&E&&(m.value=E=convertToScanRef(E));var e=(null===E||void 0===E?void 0:E.value)||"";a!==e&&r(e)},[E]);var S=u.renderText(m.tooltip);const f=(e,a,t)=>{e&&(E&&E.value===e||(t=convertToScanRef(e,a,t),m.value=t,r(e),u.post("changed",{name:i.props.name,value:t})))},C=async e=>{var a=await import("@zxing/library");let t=void 0;return e===ScanType.QrCode?t=[a.BarcodeFormat.QR_CODE,a.BarcodeFormat.DATA_MATRIX,a.BarcodeFormat.AZTEC,a.BarcodeFormat.PDF_417,a.BarcodeFormat.MAXICODE]:e===ScanType.BarCode&&(t=[a.BarcodeFormat.CODABAR,a.BarcodeFormat.CODE_39,a.BarcodeFormat.CODE_93,a.BarcodeFormat.CODE_128,a.BarcodeFormat.EAN_8,a.BarcodeFormat.EAN_13,a.BarcodeFormat.ITF,a.BarcodeFormat.RSS_14,a.BarcodeFormat.RSS_EXPANDED,a.BarcodeFormat.UPC_A,a.BarcodeFormat.UPC_E]),t},R=async()=>{if(t)return o(null),void u.post("cancel",{name:i.props.name,type:"cancel"});var e;const a=await import("@zxing/library");n&&(e=await(async e=>{var a=await import("@zxing/library"),e=await C(e);const t=new Map;return t.set(a.DecodeHintType.POSSIBLE_FORMATS,e),t})(m.scanType),e=new a.BrowserMultiFormatReader(e),o(e),await(async e=>{try{var a=await e.listVideoInputDevices();if(!a||0==a.length)throw new DOMException("No video input devices detected.");const r=await e.decodeOnceFromVideoDevice(void 0,d.current),n=await C(ScanType.QrCode);var t=n.indexOf(r.getBarcodeFormat())<0?ScanType.BarCode:ScanType.QrCode;f(r.toString(),EntryMethod.Camera,t),o(null)}catch(e){e instanceof DOMException&&(m.error=e.message,o(null))}})(e))};var T=e=>{t&&o(null),f(e.currentTarget.value,EntryMethod.Manual)},e=e=>{r(e.currentTarget.value)};const F=[m.type,makeSafeClassName(v)];return React.createElement(FormElementOuter,{className:F.join(" "),component:i,element:m,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"items"},React.createElement("div",{className:"scanner-container"},React.createElement("video",{className:"video-element",hidden:!t,ref:d}),React.createElement("div",{className:"user-controls"},p?React.createElement("textarea",{className:"manual-entry",disabled:!(i.enabled&&m.manualEntry),onBlur:T,onChange:e,onKeyDown:e=>e.stopPropagation(),ref:y,rows:m.size||SCANNER_DEFAULT_ROW_COUNT,spellCheck:!1,title:S,value:a}):React.createElement("input",{className:"manual-entry",disabled:!(i.enabled&&m.manualEntry),onBlur:T,onChange:e,onKeyDown:e=>{var a=e.currentTarget;"enter"===getKeyString(e)&&(e.stopPropagation(),t&&o(null),f(a.value,EntryMethod.Manual))},ref:y,title:S,type:"text",value:a}),React.createElement("button",{className:t?"scan activated":"scan",disabled:!(i.enabled&&s),title:S,onClick:e=>R(),ref:y},(t?renderRemove:m.scanType===ScanType.BarCode?renderScanBarcode:m.scanType===ScanType.QrCode?renderScanQrcode:renderScanMulti)())))))};export{renderScanner};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect,useRef}from"react";import FormElementOuter from"./FormElementOuter.js";import{renderRemove,renderScanBarcode,renderScanQrcode,renderScanMulti}from"./assets/stock.js";import{useFocusCallback}from"./common.js";import{CssClasses,ScanType,SCANNER_DEFAULT_ROW_COUNT}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isScanRef,makeSafeClassName}from"./utils.js";function renderScanner(e,a){return _jsx(Scanner,{component:e,element:a},void 0)}const CAMERA_READY_TIMEOUT_MS=1500;var EntryMethod;!function(e){e.Camera="camera",e.Manual="manual"}(EntryMethod=EntryMethod||{});const convertToScanRef=(e,a,r)=>{var t=typeof e,t="number"==t||"string"==t?e.toString():e?.value?.toString();if(t)return a=a||e?.entryMethod||EntryMethod.Manual,{refValueType:"scan",value:t,scanType:r=r||e?.scanType,entryMethod:a}},Scanner=e=>{const[r,o]=useState(),[a,t]=useState(""),[n,s]=useState(!1),[c,i]=useState(!0),d=useRef(),{component:l,element:m}=e,{host:u,name:p}=l.props;var v="barcode"!==m.scanType;let y=m.value;useEffect(()=>(s(!0),()=>s(!1)),[]),useEffect(()=>{n&&m.enabled&&m.autoActivate&&(m.autoActivate=!1,T())},[n]),useEffect(()=>{const e=()=>{i(!1),setTimeout(()=>{n&&i(!0)},CAMERA_READY_TIMEOUT_MS)};return r&&e(),()=>{r&&(r.reset(),e())}},[r]);var S=useFocusCallback(l);useEffect(()=>{!isScanRef(y)&&y&&(m.value=y=convertToScanRef(y));var e=y?.value||"";a!==e&&t(e)},[y]);var E=u.renderText(m.tooltip);const f=(e,a,r)=>{e&&y?.value!==e&&(r=convertToScanRef(e,a,r),m.value=r,t(e),u.post("changed",{name:l.props.name,value:r}))},C=async e=>{var a=await import("@zxing/library");let r=void 0;return e===ScanType.QrCode?r=[a.BarcodeFormat.QR_CODE,a.BarcodeFormat.DATA_MATRIX,a.BarcodeFormat.AZTEC,a.BarcodeFormat.PDF_417,a.BarcodeFormat.MAXICODE]:e===ScanType.BarCode&&(r=[a.BarcodeFormat.CODABAR,a.BarcodeFormat.CODE_39,a.BarcodeFormat.CODE_93,a.BarcodeFormat.CODE_128,a.BarcodeFormat.EAN_8,a.BarcodeFormat.EAN_13,a.BarcodeFormat.ITF,a.BarcodeFormat.RSS_14,a.BarcodeFormat.RSS_EXPANDED,a.BarcodeFormat.UPC_A,a.BarcodeFormat.UPC_E]),r},T=async()=>{if(r)return o(null),void u.post("cancel",{name:l.props.name,type:"cancel"});var e;const a=await import("@zxing/library");n&&(e=await(async e=>{var a=await import("@zxing/library"),e=await C(e);const r=new Map;return r.set(a.DecodeHintType.POSSIBLE_FORMATS,e),r})(m.scanType),e=new a.BrowserMultiFormatReader(e),o(e),await(async e=>{try{var a=await e.listVideoInputDevices();if(!a||0==a.length)throw new DOMException("No video input devices detected.");const t=await e.decodeOnceFromVideoDevice(void 0,d.current),n=await C(ScanType.QrCode);var r=n.indexOf(t.getBarcodeFormat())<0?ScanType.BarCode:ScanType.QrCode;f(t.toString(),EntryMethod.Camera,r),o(null)}catch(e){e instanceof DOMException&&(m.error=e.message,o(null))}})(e))};var _=e=>{r&&o(null),f(e.currentTarget.value,EntryMethod.Manual)},e=e=>{t(e.currentTarget.value)};const F=[m.type,makeSafeClassName(p)];return _jsx(FormElementOuter,{className:F.join(" "),component:l,element:m,errorClassName:CssClasses.ERROR,children:_jsx("div",{className:"items",children:_jsxs("div",{className:"scanner-container",children:[_jsx("video",{className:"video-element",hidden:!r,ref:d},void 0),_jsxs("div",{className:"user-controls",children:[v?_jsx("textarea",{className:"manual-entry",disabled:!(l.enabled&&m.manualEntry),onBlur:_,onChange:e,onKeyDown:e=>e.stopPropagation(),ref:S,rows:m.size||SCANNER_DEFAULT_ROW_COUNT,spellCheck:!1,title:E,value:a},void 0):_jsx("input",{className:"manual-entry",disabled:!(l.enabled&&m.manualEntry),onBlur:_,onChange:e,onKeyDown:e=>{var a=e.currentTarget;"enter"===getKeyString(e)&&(e.stopPropagation(),r&&o(null),f(a.value,EntryMethod.Manual))},ref:S,title:E,type:"text",value:a},void 0),_jsx("button",{className:r?"scan activated":"scan",disabled:!(l.enabled&&c),title:E,onClick:e=>T(),ref:S,children:(r?renderRemove:m.scanType===ScanType.BarCode?renderScanBarcode:m.scanType===ScanType.QrCode?renderScanQrcode:renderScanMulti)()},void 0)]},void 0)]},void 0)},void 0)},void 0)};export{renderScanner};

package/esm/forms/selectors.js

@@ -1 +1 @@
-import React from"react";import{ExclusiveTimer}from"./ExclusiveTimer.js";import*as defs from"./FormDefinition.js";import FormElementOuter from"./FormElementOuter.js";import{renderFocus}from"./common.js";import{CssClasses,Orientation}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isDataRef,isGeometryRef,makeSafeClassName,sortItems,setClass}from"./utils.js";function renderCheckBox(e,n){const{host:a,name:r}=e.props,t=n.value;var o={__html:a.renderHtml(n.label)},l=a.renderText(n.tooltip);const s=[n.type,makeSafeClassName(r)];return React.createElement(FormElementOuter,{className:s.join(" "),component:e,element:n,errorClassName:CssClasses.ERROR},React.createElement("label",{className:"items",title:l},React.createElement("input",{type:"checkbox",disabled:!e.enabled,ref:function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||a.renderFocus(e,r),e.checked=n.checked=!0===n.checked,e.onfocus=t,(e.onblur=t)())},onChange:function(e){e=n.checked=e.currentTarget.checked,a.post("changed",{name:r,value:e?t:void 0})}}),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:o})))}function renderCheckGroup(e,a){const{host:r,name:o}=e.props,l=sortItems(a);let s;function c(){const e=[];for(const n in l){var t=l[n];t.checked&&e.push(t)}s=0===e.length?a.value=void 0:a.value={refValueType:"items",items:e}}a.current=void 0,c();const t=[];for(const p in l){const v=l[p];v.checked=!0===v.checked;var n=e.enabled&&!1!==v.enabled,i=r.renderText(v.tooltip),u={__html:r.renderHtml(v.label)},d=v.styleName?makeSafeClassName(v.styleName):void 0;t.push(React.createElement("label",{className:d,key:p,title:i},React.createElement("input",{type:"checkbox",disabled:!n,ref:function(n){return function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||r.renderFocus(e,o),e.checked=!0===l[n].checked,e.onfocus=t,(e.onblur=t)())}}(p),onChange:function(t,n){return function(e){e=l[t].checked=e.currentTarget.checked;c(),r.post("changed",{name:o,item:t,value:e?n:void 0})}}(p,v.value)}),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:u})))}const m=[a.type,makeSafeClassName(o)],f=["items"];return a.orientation===Orientation.HORIZONTAL&&f.push("horizontal"),React.createElement(FormElementOuter,{className:m.join(" "),component:e,element:a,errorClassName:CssClasses.ERROR},React.createElement("div",{className:f.join(" ")},t))}function renderItemPicker(r,o){const{host:s,name:c}=r.props,i=o.items;let u,l,d,m=o.state;function f(){const e=[];for(const n in i){var t=i[n];t.checked&&e.push(t)}u=0===e.length?o.value=void 0:o.value={refValueType:"items",items:e}}function p(e,t=!0){let n=m.keyToIndex[e];if(null==n||null===n){if(!t)return;m.keyToIndex[e]=m.length,m.push({}),n=m.keyToIndex[e]}return m[n]}function v(e,t){i[e].checked=!!t,p(e).checked=t}function e(o,l){return function(e){var t,n=!!e.currentTarget.checked||void 0;if(t=l,e=n,i[t].checked!==e){if("checkbox"===o)v(l,n);else if(n)for(const r in i){var a=r===l||void 0;v(r,a)}f(),s.post("changed",{name:c,value:u}),s.renderState(c,"geometry",m)}}}function t(e){p(e.currentTarget.dataset.id).pending=!0,s.renderState(c,"geometry",m)}function n(e){delete p(e.currentTarget.dataset.id).pending,s.renderState(c,"geometry",m)}function a(e){p(e.currentTarget.dataset.id).focused=!0,s.renderState(c,"geometry",m)}function b(e){delete p(e.currentTarget.dataset.id).focused,s.renderState(c,"geometry",m)}f(),function(){void 0!==m&&null!==m||(m=o.state=[]),m.keyToIndex||(m.keyToIndex={});const e={};for(const n in o.items){var t=p(n,!1);t&&(e[n]=t)}m=o.state=[],m.keyToIndex={};for(const a in e)m.keyToIndex[a]=m.length,m.push(e[a])}();const h=[];let g;switch(o.selectionMode){case"single":g="radio";break;case"multiple":g="checkbox"}for(const I in i){var y,k,R,C,E=i[I];p(I).content=function(e){if(e){if(isGeometryRef(e))return e.geometry;if(isDataRef(e)&&e.data)return e.data.geometry}}(E.value),!1!==E.visible&&(y=r.enabled&&!1!==E.enabled,k=s.renderText(E.tooltip),R={__html:s.renderHtml(E.label)},C=g?void 0:0,E=E.styleName?makeSafeClassName(E.styleName):void 0,h.push(React.createElement("label",{className:E,key:I,"data-id":I,title:k,onMouseOver:t,onMouseOut:n,onFocus:a,onBlur:b,tabIndex:C},g&&React.createElement("input",{type:g,name:r.id,disabled:!y,ref:function(n){return function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||s.renderFocus(e,c),p(n).checked=e.checked=!0===i[n].checked,e.onfocus=t,(e.onblur=t)())}}(I),onClick:e(g,I),value:I}),React.createElement("span",{className:"inline",dangerouslySetInnerHTML:R}))))}var N=s.renderText(o.prompt);const T=[o.type,makeSafeClassName(c)];function x(){var e=l.value.toLowerCase();for(const t in i){const n=i[t];if(e){const a=s.renderText(n.label).toLowerCase();n.visible=-1!==a.indexOf(e)}else n.visible=!0}d.hidden=!e||void 0,r.forceUpdate()}var S="multiple"===o.selectionMode&&0<h.length;const O=["items"];return o.orientation===Orientation.HORIZONTAL&&O.push("horizontal"),React.createElement(FormElementOuter,{className:T.join(" "),component:r,element:o,errorClassName:CssClasses.ERROR,ref:function(e){null===e?s.renderState(c,"geometry"):s.renderState(c,"geometry",m)}},o.showFilter&&React.createElement("div",{className:"filter-container"},React.createElement("input",{type:"text",ref:e=>{l=e,renderFocus(e,c,s)},placeholder:N,disabled:!r.enabled,onChange:x}),React.createElement("button",{ref:e=>d=e,disabled:!r.enabled,hidden:!0,onClick:function(){l.value="",x()}},s.renderText("@common-clear"))),S&&React.createElement("div",null,React.createElement("button",{disabled:!r.enabled,onClick:()=>function(){for(const e in i)!1!==i[e].visible&&v(e,!0);f(),r.forceUpdate(),s.post("changed",{name:c,value:u})}()},s.renderText("@common-all")),React.createElement("button",{disabled:!r.enabled,onClick:()=>function(){for(const e in i)v(e,void 0);f(),r.forceUpdate(),s.post("changed",{name:c,value:u})}()},s.renderText("@common-none"))),React.createElement("div",{className:O.join(" ")},h))}function renderListBox(r,a){const{host:o,name:l}=r.props,s=sortItems(a);let c;!function(){const e=[];for(const n in s){var t=s[n];t.checked&&e.push(t)}c=0===e.length?a.value=void 0:a.value={refValueType:"items",items:e}}();const e=[];for(const f in s){const p=s[f];var t=o.renderText(p.label);const i=o.renderText(p.tooltip);p.checked=!0===p.checked;var n=p.styleName?makeSafeClassName(p.styleName):void 0;e.push(React.createElement("option",{className:n,key:f,title:i,value:f,selected:!0===p.checked,disabled:!1===p.enabled},t))}e.length<1&&(r.enabled=!1);const i=o.renderText(a.tooltip),u=[a.type,makeSafeClassName(l)];let d=void 0;var m=a.size;return"number"==typeof m&&(d=m),React.createElement(FormElementOuter,{className:u.join(" "),component:r,element:a,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("select",{multiple:!0,disabled:!r.enabled,size:d,title:i,ref:e=>renderFocus(e,l,o),onChange:function(e){const t=e.currentTarget.options;for(let e=0;e<t.length;e++){var n=t.item(e),a=n.value;s[a].checked=n.selected}r.forceUpdate(),o.post("changed",{name:l})}},e))}function renderDropDownList(a,r){const{host:o,name:l}=a.props,s=sortItems(r);let e=a.enabled;r.current;let t=void 0;for(const f in s){void 0===t&&(t=[],void 0===r.current&&(u=o.renderText(r.prompt),t.push(React.createElement("option",{key:"none",value:"none",selected:!0},u))));var n=s[f],c=f===r.current,i=o.renderText(n.label);const d=o.renderText(n.tooltip);var u=n.styleName?makeSafeClassName(n.styleName):void 0;t.push(React.createElement("option",{className:u,ref:function(t){return function(e){null!==e&&(e.selected=t)}}(c),key:"$"+f,value:"$"+f,title:d,disabled:!1===n.enabled},i))}void 0===t&&(e=!1);const d=o.renderText(r.tooltip),m=[r.type,makeSafeClassName(l)];return React.createElement(FormElementOuter,{className:m.join(" "),component:a,element:r,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("select",{disabled:!e,title:d,ref:e=>renderFocus(e,l,o),onChange:function(e){const t=e.currentTarget.value;var n;"$"===t[0]&&(n=t.substring(1),e=s[n].value,r.current=n,r.value=e,a.forceUpdate(),o.post("changed",{name:l,item:n,value:e}))}},t))}function renderRadioGroup(e,a){const{host:r,name:o}=e.props;var t=sortItems(a);let l=a.current;const s=a.current,n=[];for(const v in t){var c=t[v],i=e.enabled&&!1!==c.enabled,u=r.renderText(c.tooltip),d={__html:r.renderHtml(c.label)};i&&void 0===l&&(l=v);var m=c.styleName?makeSafeClassName(c.styleName):void 0;n.push(React.createElement("label",{className:m,key:v,title:u},React.createElement("input",{type:"radio",name:e.id,disabled:!i,ref:function(n){return function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(l===n&&r.renderFocus(e,o),e.checked=s===n,e.onfocus=t,(e.onblur=t)())}}(v),onClick:function(t,n){return function(e){e.currentTarget.checked&&a.current!==t&&(a.current=t,a.value=n,r.post("changed",{name:o,item:t,value:n}))}}(v,c.value)}),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:d})))}const f=[a.type,makeSafeClassName(o)],p=["items"];return a.orientation===Orientation.HORIZONTAL&&p.push("horizontal"),React.createElement(FormElementOuter,{className:f.join(" "),component:e,element:a,errorClassName:CssClasses.ERROR},React.createElement("div",{className:p.join(" ")},n))}function renderAutoComplete(a,c){const{host:i,name:u}=a.props;let d=i.renderText(c.label);"string"==typeof d&&"\n"===d[d.length-1]&&(d=d.substring(0,d.length-1));let m=c.value;const f=sortItems(c),p=a.timer||(a.timer=new ExclusiveTimer);let v=c.state;void 0!==v&&null!==v||(v=c.state={nextAction:defs.PreSelectionAction.None,selectDisabled:!0,selectValue:""}),v.nextAction===defs.PreSelectionAction.None&&c.autoActivate&&a.enabled&&"string"==typeof d&&""!==d&&(c.autoActivate=!1,v.nextAction=defs.PreSelectionAction.RetrieveSuggestions),c.label=d,c.value=m;let t=c.delay;"number"==typeof t&&0*t<t||(t=300);let n=c.minLength;"number"!=typeof n&&(n=parseInt(String(n))),isNaN(n)&&(n=3);const e=function(e){return e.length>=n?e:""},r={},o={},l={},s={};let b=void 0,h=void 0;const g=[];let y;if(a.enabled)for(var k in f){var R=f[k];const d=i.renderText(R.label),w=i.renderText(R.tooltip);var C=!1!==R.enabled;k=C?(void 0!==b?(o[k]=h,r[h]=k):b=k,h=k,l[k]=d,void 0===s[d]&&(s[d]=k),"$"+k):"!"+k;var E=k===v.selectValue;let e=E?"selected":void 0;e=C?e:"disabled",R.styleName&&(e=e?e+" ":"",e+=makeSafeClassName(R.styleName));E=E?e=>y=e:void 0;g.push(React.createElement("li",{title:w,"data-value":k,className:e,ref:E},d))}void 0!==h&&(o[b]=h,r[h]=b);a.enabled;let N=null,T=null,x=null;function S(){return null!==N.querySelector("input:focus")}function O(){v.selectDisabled=!0}function I(e,t){let n=v.selectValue;n="$"===n[0]?(n=n.substring(1),e[n]):t,T.value=l[n],v.selectValue="$"+n,T.select(),a.forceUpdate()}function D(e){c.current=e;var t=f[e];c.value=m=t.value,c.label=T.value=d=l[e],S()&&T.select(),i.post("changed",{name:u,value:m,argument:d})}function F(){if(p.reset(),!v.selectDisabled){O();const e=v.selectValue;if("$"===e[0])return D(e.substring(1)),a.forceUpdate(),1}if(T.value!==c.label)return c.current=void 0,c.label=d=T.value,c.value=m=void 0,S()&&T.select(),i.post("changed",{name:u,value:m,argument:d}),a.forceUpdate(),1;a.forceUpdate()}function A(){0<e(T.value).length?(c.items={message:{enabled:!1,label:{status:"pending"}}},i.post("suggest",{name:u,value:m,argument:T.value,cancellationToken:p.cancellationToken}),v.selectDisabled=!1,v.selectValue=""):(c.items={},O()),a.forceUpdate()}d=c.label=i.renderText(c.label);let L=10;var j=c.size;"number"==typeof j&&0*j<j&&(L=j),L=Math.min(L,g.length);var P=i.renderText(c.prompt);const w=i.renderText(c.tooltip),H=[c.type,makeSafeClassName(u),CssClasses.DROPDOWN];j=0<g.length&&!v.selectDisabled?void 0:{display:"none"};return React.createElement(FormElementOuter,{className:H.join(" "),component:a,element:c,errorClassName:CssClasses.ERROR,htmlElementType:"label",ref(e){if(null!==(N=e)?(p.resume(A),S()||(T.value=d,T.disabled||i.renderFocus(T,u))):p.suspend(),e&&x&&y){var t=x.getBoundingClientRect(),n=y.getBoundingClientRect(),a=t.top,r=t.bottom,t=n.top,n=n.bottom;let e=0;r<n?e=n-r:t<a&&(e=t-a),x.scrollTop+=e}if(e&&v.nextAction===defs.PreSelectionAction.RetrieveSuggestions&&setTimeout(()=>{c.items=void 0,i.post("suggest",{name:u,value:m,argument:d}),v.nextAction=defs.PreSelectionAction.SelectFirstItem}),e&&v.nextAction===defs.PreSelectionAction.SelectFirstItem&&c.items){v.nextAction=defs.PreSelectionAction.None;var o=d.toLowerCase();let e;for(const s in f){var l=f[s];if(l&&l.label)if(i.renderText(l.label).toLowerCase()===o){e=s;break}}e&&setTimeout(()=>D(e))}},onKeyDownCapture(e){return"enter"===getKeyString(e)||"tab"===getKeyString(e)&&!v.selectDisabled?F()?(e.preventDefault(),e.stopPropagation(),!1):void 0:"escape"===getKeyString(e)?(p.reset(),T.value=d,T.select(),O(),a.forceUpdate(),e.preventDefault(),e.stopPropagation(),!1):"arrowdown"===getKeyString(e)?(v.selectDisabled?(p.reset(),p.start(0,A)):void 0!==b&&I(r,b),e.preventDefault(),e.stopPropagation(),!1):"arrowup"===getKeyString(e)?(v.selectDisabled?(p.reset(),p.start(0,A)):void 0!==b&&I(o,h),e.preventDefault(),e.stopPropagation(),!1):void 0},onBlurCapture(e){F()},onFocusCapture(e){e.target===T&&T.select()},onMouseDown(e){if(a.enabled){var t,n=e.target;if(n instanceof HTMLElement&&(!x.contains(n)||(t=x.querySelector(":hover"))instanceof HTMLLIElement&&("$"===(t=t.attributes["data-value"].value)[0]&&(v.selectValue=t,F()))),n!==T)return T.focus(),e.preventDefault(),e.stopPropagation(),!1}},onTouchStart(e){if(a.enabled){var t,n=e.target;if(n instanceof HTMLElement&&(!x.contains(n)||(t=n.attributes["data-value"].value)&&"$"===t[0]&&(v.selectValue=t,F())),n!==T)return e.preventDefault(),e.stopPropagation(),!1}},onChangeCapture(e){p.reset(),O(),p.start(t,A)}},React.createElement("input",{id:a.id,type:"text",disabled:!a.enabled,placeholder:P,title:w,ref:e=>T=e}),React.createElement("div",{className:"relative"},React.createElement("ul",{className:"suggestions",style:j,tabIndex:-1,ref:e=>x=e},g)))}export{renderCheckBox,renderCheckGroup,renderItemPicker,renderListBox,renderDropDownList,renderRadioGroup,renderAutoComplete};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ExclusiveTimer}from"./ExclusiveTimer.js";import*as defs from"./FormDefinition.js";import FormElementOuter from"./FormElementOuter.js";import{renderFocus}from"./common.js";import{CssClasses,Orientation}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isDataRef,isGeometryRef,makeSafeClassName,sortItems,setClass}from"./utils.js";function renderCheckBox(e,n){const{host:o,name:s}=e.props,t=n.value;var r={__html:o.renderHtml(n.label)},a=o.renderText(n.tooltip);const l=[n.type,makeSafeClassName(s)];return _jsx(FormElementOuter,{className:l.join(" "),component:e,element:n,errorClassName:CssClasses.ERROR,children:_jsxs("label",{className:"items",title:a,children:[_jsx("input",{type:"checkbox",disabled:!e.enabled,ref:function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||o.renderFocus(e,s),e.checked=n.checked=!0===n.checked,e.onfocus=t,(e.onblur=t)())},onChange:function(e){e=n.checked=e.currentTarget.checked,o.post("changed",{name:s,value:e?t:void 0})}},void 0),_jsx("div",{className:"inline",dangerouslySetInnerHTML:r},void 0)]},void 0)},void 0)}function renderCheckGroup(e,o){const{host:s,name:r}=e.props,a=sortItems(o);function l(){const e=[];for(const n in a){var t=a[n];t.checked&&e.push(t)}0===e.length?o.value=void 0:o.value={refValueType:"items",items:e}}o.current=void 0,l();const t=[];for(const v in a){const f=a[v];f.checked=!0===f.checked;var n=e.enabled&&!1!==f.enabled,i=s.renderText(f.tooltip),c={__html:s.renderHtml(f.label)},d=f.styleName?makeSafeClassName(f.styleName):void 0;t.push(_jsxs("label",{className:d,title:i,children:[_jsx("input",{type:"checkbox",disabled:!n,ref:function(n){return function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||s.renderFocus(e,r),e.checked=!0===a[n].checked,e.onfocus=t,(e.onblur=t)())}}(v),onChange:function(t,n){return function(e){e=a[t].checked=e.currentTarget.checked;l(),s.post("changed",{name:r,item:t,value:e?n:void 0})}}(v,f.value)},void 0),_jsx("div",{className:"inline",dangerouslySetInnerHTML:c},void 0)]},v))}const u=[o.type,makeSafeClassName(r)],m=["items"];return o.orientation===Orientation.HORIZONTAL&&m.push("horizontal"),_jsx(FormElementOuter,{className:u.join(" "),component:e,element:o,errorClassName:CssClasses.ERROR,children:_jsx("div",{className:m.join(" "),children:t},void 0)},void 0)}function renderItemPicker(s,r){const{host:l,name:i}=s.props,c=r.items;let d,a,u,m=r.state;function v(){const e=[];for(const n in c){var t=c[n];t.checked&&e.push(t)}d=0===e.length?r.value=void 0:r.value={refValueType:"items",items:e}}function f(e,t=!0){let n=m.keyToIndex[e];if(null==n||null===n){if(!t)return;m.keyToIndex[e]=m.length,m.push({}),n=m.keyToIndex[e]}return m[n]}function p(e,t){c[e].checked=!!t,f(e).checked=t}function e(r,a){return function(e){var t,n=!!e.currentTarget.checked||void 0;if(t=a,e=n,c[t].checked!==e){if("checkbox"===r)p(a,n);else if(n)for(const s in c){var o=s===a||void 0;p(s,o)}v(),l.post("changed",{name:i,value:d}),l.renderState(i,"geometry",m)}}}function t(e){f(e.currentTarget.dataset.id).pending=!0,l.renderState(i,"geometry",m)}function n(e){delete f(e.currentTarget.dataset.id).pending,l.renderState(i,"geometry",m)}function o(e){f(e.currentTarget.dataset.id).focused=!0,l.renderState(i,"geometry",m)}function h(e){delete f(e.currentTarget.dataset.id).focused,l.renderState(i,"geometry",m)}v(),function(){void 0!==m&&null!==m||(m=r.state=[]),m.keyToIndex||(m.keyToIndex={});const e={};for(const n in r.items){var t=f(n,!1);t&&(e[n]=t)}m=r.state=[],m.keyToIndex={};for(const o in e)m.keyToIndex[o]=m.length,m.push(e[o])}();const b=[];let g;switch(r.selectionMode){case"single":g="radio";break;case"multiple":g="checkbox"}for(const E in c){var x,y,C,k,N=c[E];f(E).content=function(e){if(e){if(isGeometryRef(e))return e.geometry;if(isDataRef(e)&&e.data)return e.data.geometry}}(N.value),!1!==N.visible&&(x=s.enabled&&!1!==N.enabled,y=l.renderText(N.tooltip),C={__html:l.renderHtml(N.label)},k=g?void 0:0,N=N.styleName?makeSafeClassName(N.styleName):void 0,b.push(_jsxs("label",{className:N,"data-id":E,title:y,onMouseOver:t,onMouseOut:n,onFocus:o,onBlur:h,tabIndex:k,children:[g&&_jsx("input",{type:g,name:s.id,disabled:!x,ref:function(n){return function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||l.renderFocus(e,i),f(n).checked=e.checked=!0===c[n].checked,e.onfocus=t,(e.onblur=t)())}}(E),onClick:e(g,E),value:E},void 0),_jsx("span",{className:"inline",dangerouslySetInnerHTML:C},void 0)]},E)))}var T=l.renderText(r.prompt);const j=[r.type,makeSafeClassName(i)];function _(){var e=a.value.toLowerCase();for(const t in c){const n=c[t];if(e){const o=l.renderText(n.label).toLowerCase();n.visible=-1!==o.indexOf(e)}else n.visible=!0}u.hidden=!e||void 0,s.forceUpdate()}var S="multiple"===r.selectionMode&&0<b.length;const R=["items"];return r.orientation===Orientation.HORIZONTAL&&R.push("horizontal"),_jsxs(FormElementOuter,{className:j.join(" "),component:s,element:r,errorClassName:CssClasses.ERROR,ref:function(e){null===e?l.renderState(i,"geometry"):l.renderState(i,"geometry",m)},children:[r.showFilter&&_jsxs("div",{className:"filter-container",children:[_jsx("input",{type:"text",ref:e=>{a=e,renderFocus(e,i,l)},placeholder:T,disabled:!s.enabled,onChange:_},void 0),_jsx("button",{ref:e=>u=e,disabled:!s.enabled,hidden:!0,onClick:function(){a.value="",_()},children:l.renderText("@common-clear")},void 0)]},void 0),S&&_jsxs("div",{children:[_jsx("button",{disabled:!s.enabled,onClick:()=>function(){for(const e in c)!1!==c[e].visible&&p(e,!0);v(),s.forceUpdate(),l.post("changed",{name:i,value:d})}(),children:l.renderText("@common-all")},void 0),_jsx("button",{disabled:!s.enabled,onClick:()=>function(){for(const e in c)p(e,void 0);v(),s.forceUpdate(),l.post("changed",{name:i,value:d})}(),children:l.renderText("@common-none")},void 0)]},void 0),_jsx("div",{className:R.join(" "),children:b},void 0)]},void 0)}function renderListBox(s,o){const{host:r,name:a}=s.props,l=sortItems(o);!function(){const e=[];for(const n in l){var t=l[n];t.checked&&e.push(t)}0===e.length?o.value=void 0:o.value={refValueType:"items",items:e}}();const e=[];for(const m in l){const v=l[m];var t=r.renderText(v.label);const i=r.renderText(v.tooltip);v.checked=!0===v.checked;var n=v.styleName?makeSafeClassName(v.styleName):void 0;e.push(_jsx("option",{className:n,title:i,value:m,selected:!0===v.checked,disabled:!1===v.enabled,children:t},m))}e.length<1&&(s.enabled=!1);const i=r.renderText(o.tooltip),c=[o.type,makeSafeClassName(a)];let d=void 0;var u=o.size;return"number"==typeof u&&(d=u),_jsx(FormElementOuter,{className:c.join(" "),component:s,element:o,errorClassName:CssClasses.ERROR,htmlElementType:"label",children:_jsx("select",{multiple:!0,disabled:!s.enabled,size:d,title:i,ref:e=>renderFocus(e,a,r),onChange:function(e){const t=e.currentTarget.options;for(let e=0;e<t.length;e++){var n=t.item(e),o=n.value;l[o].checked=n.selected}s.forceUpdate(),r.post("changed",{name:a})},children:e},void 0)},void 0)}function renderDropDownList(o,s){const{host:r,name:a}=o.props,l=sortItems(s);let e=o.enabled,t=void 0;for(const v in l){void 0===t&&(t=[],void 0===s.current&&(d=r.renderText(s.prompt),t.push(_jsx("option",{value:"none",selected:!0,children:d},"none"))));var n=l[v],i=v===s.current,c=r.renderText(n.label);const u=r.renderText(n.tooltip);var d=n.styleName?makeSafeClassName(n.styleName):void 0;t.push(_jsx("option",{className:d,ref:function(t){return function(e){null!==e&&(e.selected=t)}}(i),value:"$"+v,title:u,disabled:!1===n.enabled,children:c},"$"+v))}void 0===t&&(e=!1);const u=r.renderText(s.tooltip),m=[s.type,makeSafeClassName(a)];return _jsx(FormElementOuter,{className:m.join(" "),component:o,element:s,errorClassName:CssClasses.ERROR,htmlElementType:"label",children:_jsx("select",{disabled:!e,title:u,ref:e=>renderFocus(e,a,r),onChange:function(e){const t=e.currentTarget.value;var n;"$"===t[0]&&(n=t.substring(1),e=l[n].value,s.current=n,s.value=e,o.forceUpdate(),r.post("changed",{name:a,item:n,value:e}))},children:t},void 0)},void 0)}function renderRadioGroup(e,o){const{host:s,name:r}=e.props;var t=sortItems(o);let a=o.current;const l=o.current,n=[];for(const p in t){var i=t[p],c=e.enabled&&!1!==i.enabled,d=s.renderText(i.tooltip),u={__html:s.renderHtml(i.label)};c&&void 0===a&&(a=p);var m=i.styleName?makeSafeClassName(i.styleName):void 0;n.push(_jsxs("label",{className:m,title:d,children:[_jsx("input",{type:"radio",name:e.id,disabled:!c,ref:function(n){return function(e){function t(){setClass(e.parentElement,"focus",document.activeElement===e)}null!==e&&(a===n&&s.renderFocus(e,r),e.checked=l===n,e.onfocus=t,(e.onblur=t)())}}(p),onClick:function(t,n){return function(e){e.currentTarget.checked&&o.current!==t&&(o.current=t,o.value=n,s.post("changed",{name:r,item:t,value:n}))}}(p,i.value)},void 0),_jsx("div",{className:"inline",dangerouslySetInnerHTML:u},void 0)]},p))}const v=[o.type,makeSafeClassName(r)],f=["items"];return o.orientation===Orientation.HORIZONTAL&&f.push("horizontal"),_jsx(FormElementOuter,{className:v.join(" "),component:e,element:o,errorClassName:CssClasses.ERROR,children:_jsx("div",{className:f.join(" "),children:n},void 0)},void 0)}function renderAutoComplete(o,i){const{host:c,name:d}=o.props;let u=c.renderText(i.label);"string"==typeof u&&"\n"===u[u.length-1]&&(u=u.substring(0,u.length-1));let m=i.value;const v=sortItems(i),f=o.timer||(o.timer=new ExclusiveTimer);let p=i.state;void 0!==p&&null!==p||(p=i.state={nextAction:defs.PreSelectionAction.None,selectDisabled:!0,selectValue:""}),p.nextAction===defs.PreSelectionAction.None&&i.autoActivate&&o.enabled&&"string"==typeof u&&""!==u&&(i.autoActivate=!1,p.nextAction=defs.PreSelectionAction.RetrieveSuggestions),i.label=u,i.value=m;let t=i.delay;"number"==typeof t&&0*t<t||(t=300);let n=i.minLength;"number"!=typeof n&&(n=parseInt(String(n))),isNaN(n)&&(n=3);const e=function(e){return e.length>=n?e:""},s={},r={},a={},l={};let h=void 0,b=void 0;const g=[];let x;if(o.enabled)for(var y in v){var C=v[y];const u=c.renderText(C.label),P=c.renderText(C.tooltip);var k=!1!==C.enabled;y=k?(void 0!==h?(r[y]=b,s[b]=y):h=y,b=y,a[y]=u,void 0===l[u]&&(l[u]=y),"$"+y):"!"+y;var N=y===p.selectValue;let e=N?"selected":void 0;e=k?e:"disabled",C.styleName&&(e=e?e+" ":"",e+=makeSafeClassName(C.styleName));N=N?e=>x=e:void 0;g.push(_jsx("li",{title:P,"data-value":y,className:e,ref:N,children:u},void 0))}void 0!==b&&(r[h]=b,s[b]=h);let T=null,j=null,_=null;function S(){return null!==T.querySelector("input:focus")}function R(){p.selectDisabled=!0}function E(e,t){let n=p.selectValue;n="$"===n[0]?(n=n.substring(1),e[n]):t,j.value=a[n],p.selectValue="$"+n,j.select(),o.forceUpdate()}function O(e){i.current=e;var t=v[e];i.value=m=t.value,i.label=j.value=u=a[e],S()&&j.select(),c.post("changed",{name:d,value:m,argument:u})}function I(){if(f.reset(),!p.selectDisabled){R();const e=p.selectValue;if("$"===e[0])return O(e.substring(1)),o.forceUpdate(),1}if(j.value!==i.label)return i.current=void 0,i.label=u=j.value,i.value=m=void 0,S()&&j.select(),c.post("changed",{name:d,value:m,argument:u}),o.forceUpdate(),1;o.forceUpdate()}function D(){0<e(j.value).length?(i.items={message:{enabled:!1,label:{status:"pending"}}},c.post("suggest",{name:d,value:m,argument:j.value,cancellationToken:f.cancellationToken}),p.selectDisabled=!1,p.selectValue=""):(i.items={},R()),o.forceUpdate()}u=i.label=c.renderText(i.label);let F=10;var A=i.size;"number"==typeof A&&0*A<A&&(F=A),F=Math.min(F,g.length);var L=c.renderText(i.prompt);const P=c.renderText(i.tooltip),w=[i.type,makeSafeClassName(d),CssClasses.DROPDOWN];A=0<g.length&&!p.selectDisabled?void 0:{display:"none"};return _jsxs(FormElementOuter,{className:w.join(" "),component:o,element:i,errorClassName:CssClasses.ERROR,htmlElementType:"label",ref(e){if(null!==(T=e)?(f.resume(D),S()||(j.value=u,j.disabled||c.renderFocus(j,d))):f.suspend(),e&&_&&x){var t=_.getBoundingClientRect(),n=x.getBoundingClientRect(),o=t.top,s=t.bottom,t=n.top,n=n.bottom;let e=0;s<n?e=n-s:t<o&&(e=t-o),_.scrollTop+=e}if(e&&p.nextAction===defs.PreSelectionAction.RetrieveSuggestions&&setTimeout(()=>{i.items=void 0,c.post("suggest",{name:d,value:m,argument:u}),p.nextAction=defs.PreSelectionAction.SelectFirstItem}),e&&p.nextAction===defs.PreSelectionAction.SelectFirstItem&&i.items){p.nextAction=defs.PreSelectionAction.None;var r=u.toLowerCase();let e;for(const l in v){var a=v[l];if(a?.label)if(c.renderText(a.label).toLowerCase()===r){e=l;break}}e&&setTimeout(()=>O(e))}},onKeyDownCapture(e){return"enter"===getKeyString(e)||"tab"===getKeyString(e)&&!p.selectDisabled?I()?(e.preventDefault(),e.stopPropagation(),!1):void 0:"escape"===getKeyString(e)?(f.reset(),j.value=u,j.select(),R(),o.forceUpdate(),e.preventDefault(),e.stopPropagation(),!1):"arrowdown"===getKeyString(e)?(p.selectDisabled?(f.reset(),f.start(0,D)):void 0!==h&&E(s,h),e.preventDefault(),e.stopPropagation(),!1):"arrowup"===getKeyString(e)?(p.selectDisabled?(f.reset(),f.start(0,D)):void 0!==h&&E(r,b),e.preventDefault(),e.stopPropagation(),!1):void 0},onBlurCapture(e){I()},onFocusCapture(e){e.target===j&&j.select()},onMouseDown(e){if(o.enabled){var t,n=e.target;if(n instanceof HTMLElement&&(!_.contains(n)||(t=_.querySelector(":hover"))instanceof HTMLLIElement&&("$"===(t=t.attributes["data-value"].value)[0]&&(p.selectValue=t,I()))),n!==j)return j.focus(),e.preventDefault(),e.stopPropagation(),!1}},onTouchStart(e){if(o.enabled){var t,n=e.target;if(n instanceof HTMLElement&&(!_.contains(n)||(t=n.attributes["data-value"].value)&&"$"===t[0]&&(p.selectValue=t,I())),n!==j)return e.preventDefault(),e.stopPropagation(),!1}},onChangeCapture(e){f.reset(),R(),f.start(t,D)},children:[_jsx("input",{id:o.id,type:"text",disabled:!o.enabled,placeholder:L,title:P,ref:e=>j=e},void 0),_jsx("div",{className:"relative",children:_jsx("ul",{className:"suggestions",style:A,tabIndex:-1,ref:e=>_=e,children:g},void 0)},void 0)]},void 0)}export{renderCheckBox,renderCheckGroup,renderItemPicker,renderListBox,renderDropDownList,renderRadioGroup,renderAutoComplete};

package/esm/forms/text.js

@@ -1 +1 @@
-import React from"react";import FormElementOuter from"./FormElementOuter.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{makeSafeClassName}from"./utils.js";function renderPasswordBox(e,t){const{host:r,name:o}=e.props;let a="";var n=t.value;function l(e){e=e.value;a!==e&&(t.value=a=e,r.post("changed",{name:o,value:a}))}"string"==typeof n&&(a=n),t.value=a;var s=r.renderText(t.prompt),n=r.renderText(t.tooltip);const u=[t.type,makeSafeClassName(o)];return React.createElement(FormElementOuter,{className:u.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("input",{type:"password",disabled:!e.enabled,placeholder:s,title:n,ref:function(n){if(null!==n){n.value=a;let t=!1;n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||r.renderFocus(n,o)}},onKeyDown:function(e){var t=getKeyString(e);return"enter"===t?function(e){const t=e.currentTarget;if(a!==t.value)return l(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){const t=e.currentTarget;if(a!==t.value)return t.value=a,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:e=>l(e.currentTarget)}))}function renderTextBox(e,t){const{host:r,name:o}=e.props;let a="";var n=t.value;function l(e){e=e.value;a!==e&&(t.value=a=e,r.post("changed",{name:o,value:a}))}"string"==typeof n&&(a=n),"number"==typeof n&&(a=r.formatNumber(n,{useGrouping:!0})),t.value=a;var s=r.renderText(t.prompt),n=r.renderText(t.tooltip);const u=[t.type,makeSafeClassName(o)];return React.createElement(FormElementOuter,{className:u.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("input",{type:"text",disabled:!e.enabled,maxLength:t.maxLength,readOnly:t.readOnly,placeholder:s,title:n,ref:function(n){if(null!==n){n.value=a;let t=!1;n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||r.renderFocus(n,o)}},onKeyDown:function(e){var t=getKeyString(e);return"enter"===t?function(e){const t=e.currentTarget;if(a!==t.value)return l(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){const t=e.currentTarget;if(a!==t.value)return t.value=a,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:e=>l(e.currentTarget)}))}function renderTextArea(e,t){const{host:r,name:o}=e.props;let a="";var n=t.value;"string"==typeof n&&(a=n),t.value=a;var l=t.size;let s=8;"number"==typeof l&&(s=l);var u=r.renderText(t.prompt),n=r.renderText(t.tooltip),l=t.wrap||"off";const c=[t.type,makeSafeClassName(o)];return React.createElement(FormElementOuter,{className:c.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("textarea",{disabled:!e.enabled,readOnly:t.readOnly,placeholder:u,rows:s,title:n,wrap:l,maxLength:t.maxLength,spellCheck:!1,ref:function(n){if(null!==n){n.value=a;let t=!(n.onkeydown=function(e){e.stopPropagation()});n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e),n.scrollTop=n.scrollHeight})},n.disabled||r.renderFocus(n,o)}},onBlur:function(e){e=e.currentTarget.value,a!==e&&(t.value=a=e,r.post("changed",{name:o,value:a}))}}))}export{renderPasswordBox,renderTextBox,renderTextArea};
+import{jsx as _jsx}from"react/jsx-runtime";import FormElementOuter from"./FormElementOuter.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{makeSafeClassName}from"./utils.js";function renderPasswordBox(e,t){const{host:o,name:r}=e.props;let a="";var n=t.value;function l(e){e=e.value;a!==e&&(t.value=a=e,o.post("changed",{name:r,value:a}))}"string"==typeof n&&(a=n),t.value=a;var s=o.renderText(t.prompt),n=o.renderText(t.tooltip);const u=[t.type,makeSafeClassName(r)];return _jsx(FormElementOuter,{className:u.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label",children:_jsx("input",{type:"password",disabled:!e.enabled,placeholder:s,title:n,ref:function(n){if(null!==n){n.value=a;let t=!1;n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||o.renderFocus(n,r)}},onKeyDown:function(e){var t=getKeyString(e);return"enter"===t?function(e){const t=e.currentTarget;if(a!==t.value)return l(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){const t=e.currentTarget;if(a!==t.value)return t.value=a,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:e=>l(e.currentTarget)},void 0)},void 0)}function renderTextBox(e,t){const{host:o,name:r}=e.props;let a="";var n=t.value;function l(e){e=e.value;a!==e&&(t.value=a=e,o.post("changed",{name:r,value:a}))}"string"==typeof n&&(a=n),"number"==typeof n&&(a=o.formatNumber(n,{useGrouping:!0})),t.value=a;var s=o.renderText(t.prompt),n=o.renderText(t.tooltip);const u=[t.type,makeSafeClassName(r)];return _jsx(FormElementOuter,{className:u.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label",children:_jsx("input",{type:"text",disabled:!e.enabled,maxLength:t.maxLength,readOnly:t.readOnly,placeholder:s,title:n,ref:function(n){if(null!==n){n.value=a;let t=!1;n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||o.renderFocus(n,r)}},onKeyDown:function(e){var t=getKeyString(e);return"enter"===t?function(e){const t=e.currentTarget;if(a!==t.value)return l(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){const t=e.currentTarget;if(a!==t.value)return t.value=a,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:e=>l(e.currentTarget)},void 0)},void 0)}function renderTextArea(e,t){const{host:o,name:r}=e.props;let a="";var n=t.value;"string"==typeof n&&(a=n),t.value=a;var l=t.size;let s=8;"number"==typeof l&&(s=l);var u=o.renderText(t.prompt),n=o.renderText(t.tooltip),l=t.wrap||"off";const i=[t.type,makeSafeClassName(r)];return _jsx(FormElementOuter,{className:i.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label",children:_jsx("textarea",{disabled:!e.enabled,readOnly:t.readOnly,placeholder:u,rows:s,title:n,wrap:l,maxLength:t.maxLength,spellCheck:!1,ref:function(n){if(null!==n){n.value=a;let t=!(n.onkeydown=function(e){e.stopPropagation()});n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e),n.scrollTop=n.scrollHeight})},n.disabled||o.renderFocus(n,r)}},onBlur:function(e){e=e.currentTarget.value,a!==e&&(t.value=a=e,o.post("changed",{name:r,value:a}))}},void 0)},void 0)}export{renderPasswordBox,renderTextBox,renderTextArea};

package/esm/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&&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 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};

package/esm/libs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.31.0+20";
+export declare const VERSION = "5.32.0+12";

package/esm/libs/version.js

@@ -1 +1 @@
-const VERSION="5.31.0+20";export{VERSION};
+const VERSION="5.32.0+12";export{VERSION};

package/esm/licensing/LicenseChecker.js

@@ -1 +1 @@
-import{validate}from"@vertigis-internal/licensing";import React from"react";import ReactDOM from"react-dom";import Watermark from"./Watermark.js";const workflowSkuCode="GCXWFL";let div;function show(){void 0===div&&(div=document.createElement("div")),div.parentNode!==document.body&&(null!==div.parentNode&&div.parentNode.removeChild(div),document.body.appendChild(div));ReactDOM.render(React.createElement(Watermark,{hide:()=>{null!==div.parentNode&&div.parentNode.removeChild(div)},message:"VertiGIS Studio Workflow must be licensed for use in production applications."}),div)}async function check(i,o){if("localhost"!==location.hostname&&"127.0.0.1"!==location.hostname){o=o?`-${workflowSkuCode}-${o}-`:`${workflowSkuCode}-`;if(void 0===div&&(div=document.createElement("div")),null===div.parentNode){let e=i&&i.licenseInfo&&i.licenseInfo.licenseeId;i=i&&i.licenseInfo&&i.licenseInfo.licenseUrl;i&&!e&&(e="a");try{const t=await validate({sku:o,orgId:e,url:i});if(null===t||void 0===t||!t.isValid){if(t&&!t.isEval&&t.expires)if(((new Date).getTime()-t.expires.getTime())/864e5<60)return;show()}}catch{show()}}}}export{check};
+import{jsx as _jsx}from"react/jsx-runtime";import{validate}from"@vertigis-internal/licensing";import{render}from"react-dom";import Watermark from"./Watermark.js";const workflowSkuCode="GCXWFL";let div;function show(){void 0===div&&(div=document.createElement("div")),div.parentNode!==document.body&&(null!==div.parentNode&&div.parentNode.removeChild(div),document.body.appendChild(div));render(_jsx(Watermark,{hide:()=>{null!==div.parentNode&&div.parentNode.removeChild(div)},message:"VertiGIS Studio Workflow must be licensed for use in production applications."},void 0),div)}async function check(i,o){if("localhost"!==location.hostname&&"127.0.0.1"!==location.hostname){o=o?`-${workflowSkuCode}-${o}-`:`${workflowSkuCode}-`;if(void 0===div&&(div=document.createElement("div")),null===div.parentNode){let e=i?.licenseInfo?.licenseeId;i=i?.licenseInfo?.licenseUrl;i&&!e&&(e="a");try{const t=await validate({sku:o,orgId:e,url:i});if(!t?.isValid){if(t&&!t.isEval&&t.expires)if(((new Date).getTime()-t.expires.getTime())/864e5<60)return;show()}}catch{show()}}}}export{check};

package/esm/licensing/Watermark.js

@@ -1 +1 @@
-import React from"react";const Watermark=({hide:e,message:t})=>{return React.createElement("div",{style:{position:"fixed",top:"0",left:"0",right:"0",color:"#333",textAlign:"center",zIndex:"2147483647",pointerEvents:"none",opacity:1}},React.createElement("div",{style:{display:"inline-table",backgroundColor:"#ffd498",verticalAlign:"top",textAlign:"left",pointerEvents:"all",border:"1px solid #dab581",borderTop:"0",borderRadius:"0 0 2px 2px"}},React.createElement("svg",{style:{display:"table-cell",width:"32px",height:"34px",margin:"4px 0 4px 4px"},viewBox:"0 0 32 34"},React.createElement("path",{d:"M19.46.37.37,4.72V30.1L19.46,34l12.18-7.58V8.93ZM14,8.45a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84V11.8a.84.84,0,0,1-.84.84H14.82A.84.84,0,0,1,14,11.8ZM12.31,25.21a.84.84,0,0,1-.84.84H8.12a.84.84,0,0,1-.84-.84V21.86A.84.84,0,0,1,8.12,21h3.35a.84.84,0,0,1,.84.84Zm6.71,0a.84.84,0,0,1-.84.84H14.82a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Zm-1.89-7.75V20H15.87V17.46H10.42V20H9.16V16.83a.63.63,0,0,1,.63-.63h6.08V13.69h1.26V16.2H23.2a.63.63,0,0,1,.63.63V20H22.58V17.46Zm8.59,7.75a.84.84,0,0,1-.84.84H21.53a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Z"})),React.createElement("div",{style:{display:"table-cell",verticalAlign:"top",padding:"4px 8px",maxWidth:"260px"}},React.createElement("div",{style:{fontSize:"12px"},title:t},t)),React.createElement("div",{style:{display:"table-cell",cursor:"pointer",color:"#555",verticalAlign:"top"},onClick:e},React.createElement("button",{style:{marginRight:"4px",background:"none",border:"none",cursor:"pointer"}},"✖"))))};export default Watermark;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const Watermark=({hide:e,message:i})=>{return _jsx("div",{style:{position:"fixed",top:"0",left:"0",right:"0",color:"#333",textAlign:"center",zIndex:"2147483647",pointerEvents:"none",opacity:1},children:_jsxs("div",{style:{display:"inline-table",backgroundColor:"#ffd498",verticalAlign:"top",textAlign:"left",pointerEvents:"all",border:"1px solid #dab581",borderTop:"0",borderRadius:"0 0 2px 2px"},children:[_jsx("svg",{style:{display:"table-cell",width:"32px",height:"34px",margin:"4px 0 4px 4px"},viewBox:"0 0 32 34",children:_jsx("path",{d:"M19.46.37.37,4.72V30.1L19.46,34l12.18-7.58V8.93ZM14,8.45a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84V11.8a.84.84,0,0,1-.84.84H14.82A.84.84,0,0,1,14,11.8ZM12.31,25.21a.84.84,0,0,1-.84.84H8.12a.84.84,0,0,1-.84-.84V21.86A.84.84,0,0,1,8.12,21h3.35a.84.84,0,0,1,.84.84Zm6.71,0a.84.84,0,0,1-.84.84H14.82a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Zm-1.89-7.75V20H15.87V17.46H10.42V20H9.16V16.83a.63.63,0,0,1,.63-.63h6.08V13.69h1.26V16.2H23.2a.63.63,0,0,1,.63.63V20H22.58V17.46Zm8.59,7.75a.84.84,0,0,1-.84.84H21.53a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Z"},void 0)},void 0),_jsx("div",{style:{display:"table-cell",verticalAlign:"top",padding:"4px 8px",maxWidth:"260px"},children:_jsx("div",{style:{fontSize:"12px"},title:i,children:i},void 0)},void 0),_jsx("div",{style:{display:"table-cell",cursor:"pointer",color:"#555",verticalAlign:"top"},onClick:e,children:_jsx("button",{style:{marginRight:"4px",background:"none",border:"none",cursor:"pointer"},children:"✖"},void 0)},void 0)]},void 0)},void 0)};export default Watermark;

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "@vertigis/workflow",
-  "version": "5.31.0",
+  "version": "5.32.0",
   "author": "VertiGIS",
   "dependencies": {
-    "@types/react": "^16.9.19",
-    "@types/react-dom": "^16.8.4",
     "@zxing/library": "^0.18.3",
     "date-fns": "^2.16.1",
-    "react": "^16.8.6",
     "react-date-range": "^1.1.3",
-    "react-dom": "^16.8.6",
     "react-range": "^1.8.9",
     "remarkable": "^2.0.1"
   },
@@ -17,18 +13,26 @@
     "@types/arcgis-js-api": "^4.24.0",
     "@types/jest": "^27.0.0",
     "@types/moment-timezone": "0.5.13",
+    "@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",
-    "globalize": "1.3.0",
+    "cross-env": "7.0.3",
     "jest": "^27.0.4",
     "jest-junit": "^12.1.0",
     "jest-runtime": "^27.0.4",
     "moment-timezone": "0.5.14",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "ts-jest": "^27.0.2",
     "tslib": "^2.3.1",
     "typescript": "4.5.5"
   },
+  "peerDependencies": {
+    "react": ">= 17 < 19",
+    "react-dom": ">= 17 < 19"
+  },
   "files": [
     "amd",
     "esm",
@@ -37,8 +41,8 @@
   "homepage": "https://developers.vertigisstudio.com/docs/workflow/overview/",
   "license": "SEE LICENSE IN LICENSE",
   "scripts": {
-    "test": "jest",
-    "test-coverage": "jest --coverage",
-    "test-watch": "jest --watch"
+    "test": "cross-env TZ=\"America/Los_Angeles\" jest",
+    "test-coverage": "cross-env TZ=\"America/Los_Angeles\" jest --coverage",
+    "test-watch": "cross-env TZ=\"America/Los_Angeles\" jest --watch"
   }
 }