@vertigis/workflow 5.31.0

package/esm/forms/components/TimePickerInput.js

@@ -0,0 +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});

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

@@ -0,0 +1,7 @@
+export declare class TimerManager<T extends string> {
+    private _tickets;
+    start(name: T, delay: number, action: () => void): void;
+    repeat(name: T, delay: number, action: () => void): void;
+    stop(name: T): void;
+    dispose(): void;
+}

package/esm/forms/components/TimerManager.js

@@ -0,0 +1 @@
+class TimerManager{constructor(){this._tickets={}}start(i,s,o){const e=this._tickets;if(void 0!==e){this.stop(i);let t;e[i]=function(){e[i]=void 0,clearTimeout(t)},t=setTimeout(function(){e[i]=void 0,o()},s)}}repeat(i,s,o){const e=this._tickets;if(void 0!==e){this.stop(i);let t;e[i]=function(){e[i]=void 0,clearInterval(t)},t=setInterval(o,s)}}stop(t){var i=this._tickets;if(void 0!==i){const s=i[t];void 0!==s&&s()}}dispose(){var t=this._tickets;if(void 0!==t){this._tickets=void 0;for(const i in t){const s=t[i];void 0!==s&&s()}}}}export{TimerManager};

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

@@ -0,0 +1,2 @@
+export declare function scrollIntoView(target: Element): void;
+export declare function captureMouseEvents(action: (event: MouseEvent) => void): void;

package/esm/forms/components/utils.js

@@ -0,0 +1 @@
+function applyFocusBehavior(e){if(null===e.onmousedown){let t=!1;e.onmousedown=function(){t=!0},e.onmouseup=function(){t=!1},e.onfocus=function(){var e;t?this.select():(e=this.value.length,this.setSelectionRange(e,e))}}}function setClass(t,o,n){if(void 0!==t.classList)n?t.classList.add(o):t.classList.remove(o);else{let e=t.className.split(" ");var s=e.indexOf(o);n?s<0?e.push(o):e=void 0:s<0?e=void 0:e.splice(s,1),void 0!==e&&(t.className=e.join(" "))}}function isOverflow(e){e=getComputedStyle(e);switch(e.overflowX){case"auto":case"scroll":return!0}switch(e.overflowY){case"auto":case"scroll":return!0}return!1}function deriveOverflowRegion(t){if(null===t)t=document.documentElement;else if(!isOverflow(t))return;return{scrollIntoView(e){e.right>t.scrollLeft+t.clientWidth&&(t.scrollLeft=e.right-t.clientWidth),e.left<t.scrollLeft&&(t.scrollLeft=e.left),e.bottom>t.scrollTop+t.clientHeight&&(t.scrollTop=e.bottom-t.clientHeight),e.top<t.scrollTop&&(t.scrollTop=e.top)}}}function extentOf(e,t){if(void 0===t)return{left:e.offsetLeft,top:e.offsetTop,right:e.offsetLeft+e.offsetWidth+e.scrollWidth-e.clientWidth,bottom:e.offsetTop+e.offsetHeight+e.scrollHeight-e.clientHeight};var o=e.offsetLeft+e.clientLeft,e=e.offsetTop+e.clientTop;return{left:o+t.left,top:e+t.top,right:o+t.right,bottom:e+t.bottom}}function scrollIntoView(e){let t;for(;e instanceof HTMLElement;){t=extentOf(e,t);const o=deriveOverflowRegion(e.offsetParent);if(void 0!==o){o.scrollIntoView(t);break}e=e.offsetParent}}function captureMouseEvents(o){let n=!1;function s(e){return o(e),n=!0,e.stopPropagation(),e.preventDefault(),!1}addEventListener("mousemove",s,!0),addEventListener("mouseup",function e(t){if(removeEventListener("mousemove",s,!0),removeEventListener("mouseup",e,!0),n)return o(void 0),t.stopPropagation(),t.preventDefault(),!1},!0)}export{applyFocusBehavior,setClass,scrollIntoView,captureMouseEvents};

package/esm/forms/constants.d.ts

@@ -0,0 +1,93 @@
+/**
+ * All of the types of Form Element that are included in VertiGIS Studio Workflow.
+ *
+ * IMPORTANT: These are used as element classes when the form is rendered.
+ *            Changing these values could introduce breaking changes to
+ *           custom styling of existing workflows.
+ */
+export declare const FormElementTypes: {
+    AUTOCOMPLETE: string;
+    BUTTONBAR: string;
+    CHECKBOX: string;
+    CHECKGROUP: string;
+    CUSTOM: string;
+    DATEPICKER: string;
+    DATERANGEPICKER: string;
+    DATETIMEPICKER: string;
+    DROPDOWNLIST: string;
+    FILEPICKER: string;
+    GEOMETRYPICKER: string;
+    HEADER: string;
+    HORIZONTALRULE: string;
+    IMAGE: string;
+    ITEMPICKER: string;
+    LISTBOX: string;
+    NUMBER: string;
+    NUMBERRANGESLIDER: string;
+    NUMBERSLIDER: string;
+    PASSWORDBOX: string;
+    RADIOGROUP: string;
+    SCANNER: string;
+    SECTION: string;
+    TEXT: string;
+    TEXTAREA: string;
+    TEXTBOX: string;
+    TIMEPICKER: string;
+};
+export declare const CssClasses: {
+    /**
+     * The Form Element contains a drop down list.
+     */
+    DROPDOWN: string;
+    /**
+     * The Form Element has an error.
+     */
+    ERROR: string;
+    /**
+     * The Form Element cannot contain any more items.
+     */
+    FULL: string;
+    /**
+     * The Form Element is a Number or Number Slider.
+     */
+    NUMERIC: string;
+    /**
+     * The Form Element can only contain a single item.
+     */
+    SINGLE: string;
+    /**
+     * The Form Element allows increment by steps.
+     */
+    STEPPER: string;
+};
+/**
+ * The way that Form Element Items are presented to the user.
+ */
+export declare const Orientation: {
+    /** The items are laid out side-by-side, in a row. */
+    HORIZONTAL: string;
+    /** The items are laid out one above the other, in a column */
+    VERTICAL: string;
+};
+/**
+ * The type of scan being performed in a Scanner Form Element.
+ * This is defined outside of scanner.tsx to prevent webpack from pulling @zxing/library into the designer.
+ */
+export declare enum ScanType {
+    BarCode = "barcode",
+    QrCode = "qrcode"
+}
+/**
+ * The default number of rows for a Text Area in the Scanner Form Element.
+ * This is defined outside of scanner.tsx to prevent webpack from pulling @zxing/library into the designer.
+ */
+export declare const SCANNER_DEFAULT_ROW_COUNT = 5;
+/**
+ * The way that a Form Element's title is positioned relative to its content.
+ */
+export declare const TitleLocation: {
+    /** The title is shown above the element's content. */
+    ABOVE: string;
+    /** The title is shown before the element's content. */
+    BESIDE: string;
+};

package/esm/forms/constants.js

@@ -0,0 +1 @@
+const FormElementTypes={AUTOCOMPLETE:"AutoComplete",BUTTONBAR:"ButtonBar",CHECKBOX:"CheckBox",CHECKGROUP:"CheckGroup",CUSTOM:"Custom",DATEPICKER:"DatePicker",DATERANGEPICKER:"DateRangePicker",DATETIMEPICKER:"DateTimePicker",DROPDOWNLIST:"DropDownList",FILEPICKER:"FilePicker",GEOMETRYPICKER:"GeometryPicker",HEADER:"Header",HORIZONTALRULE:"HorizontalRule",IMAGE:"Image",ITEMPICKER:"ItemPicker",LISTBOX:"ListBox",NUMBER:"Number",NUMBERRANGESLIDER:"NumberRangeSlider",NUMBERSLIDER:"NumberSlider",PASSWORDBOX:"PasswordBox",RADIOGROUP:"RadioGroup",SCANNER:"Scanner",SECTION:"Section",TEXT:"Text",TEXTAREA:"TextArea",TEXTBOX:"TextBox",TIMEPICKER:"TimePicker"},CssClasses={DROPDOWN:"dropdown",ERROR:"error",FULL:"full",NUMERIC:"Numeric",SINGLE:"single",STEPPER:"stepper"},Orientation={HORIZONTAL:"horizontal",VERTICAL:"vertical"};var ScanType;!function(e){e.BarCode="barcode",e.QrCode="qrcode"}(ScanType=ScanType||{});const SCANNER_DEFAULT_ROW_COUNT=5,TitleLocation={ABOVE:"above",BESIDE:"beside"};export{FormElementTypes,CssClasses,Orientation,ScanType,SCANNER_DEFAULT_ROW_COUNT,TitleLocation};

package/esm/forms/dateUtilities.d.ts

@@ -0,0 +1,85 @@
+import { DateRangeRef } from "./FormDefinition";
+/**
+ * Checks if a given date is valid or not.
+ * @param date The date object to check.
+ */
+export declare function isValidDate(date: Date): boolean;
+/**
+ * Converts a given two-digit year to its four digit string equivalent or pads with leading zero's to make four digit.
+ * Returns undefined if the input is invalid.
+ * @param year The string for the year.
+ */
+export declare function tryParseYear(year: string): string;
+/**
+ * Converts a given string to a corresponding two digit month. Performs basic validation.
+ * Returns undefined if input is valid.
+ * @param month The string for the month.
+ */
+export declare function tryParseMonth(month: string): string;
+/**
+ * Converts a given string to a corresponding two digit day. Performs basic validation.
+ * Returns undefined if input is valid.
+ * @param month The string for the day.
+ */
+export declare function tryParseDay(day: string): string;
+/**
+ * Processes user input and parses it in the current date format if possible. Else returns undefined.
+ * The purpose of this function is to allow maximum leeway to the user. As long as there are three
+ * numeric values in the input, we'll parse it correctly regardless of separator used and regardless
+ * of whether the day/month were entered as 1 or 2 digits or whether year was entered as 2 or 4 digits.
+ * While some basic validation is performed, this function is simply intended to format user input
+ * correctly and should not be relied upon for validation. Note that this function will always return
+ * four digit year and two digit day and month tokens.
+ * @param input The input date text.
+ */
+export declare function tryParseDateText(input: string): string;
+/**
+ * Retrieves the DateFns locale corresponding to the specified language. This function will return undefined
+ * if the locale is not found.
+ * If the specified language is region specific eg. 'de-AT', this function will first try to retrieve it. In
+ * the event of failure, it will also try to retrieve the generic locale for the given language i.e. 'de' for the
+ * current example.
+ * @param language The target language to retrieve the locale for.
+ */
+export declare function getDateFnsLocale(language: string): Promise<Locale | undefined>;
+/**
+ * Gets the date format based on the current browser locale. This function will always return four digit year tokens
+ * and two digit month and day tokens. The browser locale however, will determine their placement and the separator.
+ */
+export declare function getLocaleDateFormat(): string;
+export declare function getLocaleDateFormatSeparator(): string;
+/**
+ * Returns the position of the year, month or day in the date format. eg. 2 for year position in mm/dd/yyyy
+ * 1 for year position in mm/yyyy/dd and 0 for year position in yyyy/mm/dd.
+ */
+export declare function getLocaleDateFormatTokenPosition(token: "yyyy" | "dd" | "MM"): number;
+/**
+ * Returns a string formatted using the locale date format while always using 'yyyy', 'MM' and
+ * 'dd' token styles ie two digit months and days and four digit years.
+ * @param date The input date
+ */
+export declare function getDateAsLocaleFormattedString(date: Date): string;
+/**
+ * Inputs that can be converted to a DateRangeRef. Requires two values that can be converted into
+ * start and end dates
+ */
+export declare type DateRangeLike = (Date | number | string)[] | {
+    startDate: Date | string;
+    endDate: Date | string;
+};
+/**
+ * Attempts to convert user input into a valid DateRangeRef if possible. If arrays of dates,
+ * numbers are provided, the lower value will be used as the startDate irrespective of order defined. If a
+ * dateRangeRef like object is provided with explicit startDate and endDate properties no swapping will be done.
+ * @param value DateRangeLike inputs which could be an array of string, number, Date or a
+ *              DateRangeRef like object.
+ * @returns A valid DateRangeRef if possible. Undefined otherwise.
+ */
+export declare function convertToDateRangeRef(value: DateRangeLike): DateRangeRef;
+/**
+ * This function is for the sole purpose of facilitating testing. This should not be
+ * used for any other purpose. An incorrect value set here will result in incorrect
+ * behaviour for the duration of the session or until the value is cleared.
+ * @param dateFormat The date format to set in cache.
+ */
+export declare function __test__setlocaleDateFormatInCache(dateFormat: string): void;

package/esm/forms/dateUtilities.js

@@ -0,0 +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};

package/esm/forms/datetime.d.ts

@@ -0,0 +1,4 @@
+import { FormComponent } from "./FormComponent";
+import { Element } from "./FormDefinition";
+export declare function renderDateRangePicker(component: FormComponent, element: Element): JSX.Element;
+export declare function renderDateTimePicker(component: FormComponent, element: Element): JSX.Element;

package/esm/forms/datetime.js

@@ -0,0 +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};

package/esm/forms/elements/AutoComplete.d.ts

@@ -0,0 +1,6 @@
+import * as types from "./types";
+export interface AutoComplete extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item>, types.ElementWithStringLabel, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: any;
+}
+export declare type Item = types.ElementItemBase<any>;

package/esm/forms/elements/ButtonBar.d.ts

@@ -0,0 +1,9 @@
+import * as types from "./types";
+export interface ButtonBar extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item> {
+}
+export interface Item extends types.ElementItemBase<any> {
+    /** Indicates if the item is a default. */
+    readonly default?: boolean;
+    /** Indicates if the element triggers validation when submitting. */
+    readonly validates?: boolean;
+}

package/esm/forms/elements/CheckBox.d.ts

@@ -0,0 +1,7 @@
+import * as types from "./types";
+export interface CheckBox extends types.ElementBase, types.EditableElement, types.ElementWithTextLabel {
+    /** Indicates that the element is checked or not. */
+    readonly checked?: boolean;
+    /** Indicates the current value. */
+    readonly value?: any;
+}

package/esm/forms/elements/CheckGroup.d.ts

@@ -0,0 +1,11 @@
+import * as types from "./types";
+export interface CheckGroup extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item>, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value: ItemsRef;
+}
+export interface Item extends types.ElementItemBase<any>, types.ElementItemWithChecked {
+}
+export interface ItemsRef {
+    /** The items that were selected. */
+    items: Item[];
+}

package/esm/forms/elements/Custom.d.ts

@@ -0,0 +1,7 @@
+import * as types from "./types";
+export interface Custom extends types.ElementBase, types.EditableElement {
+    /** Indicates the type name of the custom form element implementation. */
+    readonly customType?: string;
+    /** Indicates the current value. */
+    readonly value?: any;
+}

package/esm/forms/elements/DatePicker.d.ts

@@ -0,0 +1,6 @@
+import { DateTimeRef } from "../FormDefinition";
+import * as types from "./types";
+export interface DatePicker extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: DateTimeRef;
+}

package/esm/forms/elements/DateRangePicker.d.ts

@@ -0,0 +1,6 @@
+import { DateRangeRef } from "../FormDefinition";
+import * as types from "./types";
+export interface DateRangePicker extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: DateRangeRef;
+}

package/esm/forms/elements/DateTimePicker.d.ts

@@ -0,0 +1,6 @@
+import { DateTimeRef } from "../FormDefinition";
+import * as types from "./types";
+export interface DateTimePicker extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: DateTimeRef;
+}

package/esm/forms/elements/DropDownList.d.ts

@@ -0,0 +1,6 @@
+import * as types from "./types";
+export interface DropDownList extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item>, types.ElementWithCurrent, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: any;
+}
+export declare type Item = types.ElementItemBase<any>;

package/esm/forms/elements/FilePicker.d.ts

@@ -0,0 +1,8 @@
+import { FilesRef } from "../FormDefinition";
+import * as types from "./types";
+export interface FilePicker extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates a comma-separated list of file extensions and MIME types that you want to accept. */
+    readonly fileTypes: string;
+    /** Indicates the current value. */
+    readonly value: FilesRef;
+}

package/esm/forms/elements/GeometryPicker.d.ts

@@ -0,0 +1,18 @@
+import { GeometryFormat } from "../FormDefinition";
+import * as types from "./types";
+/**
+ * We re-define this interface to expose the geometry property as the real
+ * esri type. This is done to allow Input Type Validation to succeed when that
+ * property or one of its descendants is used in an input for another activity.
+ * It also improves the suggestions offered when editing the expression.
+ */
+export interface GeometryRef {
+    /** Indicates the format of the value. */
+    format: GeometryFormat;
+    /** Indicates the geometry. */
+    geometry: __esri.Geometry[];
+}
+export interface GeometryPicker extends types.ElementBase, types.EditableElement, types.ElementWithAutoActivate, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: GeometryRef;
+}

package/esm/forms/elements/Header.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This does not inherit ElementBase because the "visible" property has
+ * no effect on the header. The alternative would have been to split
+ * ElementBase into two separate interfaces for "type" and "visible",
+ * but this was more appealing as it's a smaller change.
+ */
+export interface Header {
+    /** Indicates the type of the element. */
+    readonly type?: string;
+}

package/esm/forms/elements/HorizontalRule.d.ts

@@ -0,0 +1,2 @@
+import * as types from "./types";
+export declare type HorizontalRule = types.ElementBase;

package/esm/forms/elements/Image.d.ts

@@ -0,0 +1,2 @@
+import * as types from "./types";
+export declare type Image = types.ElementBase;

package/esm/forms/elements/ItemPicker.d.ts

@@ -0,0 +1,13 @@
+import * as types from "./types";
+export interface ItemPicker extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item>, types.ElementWithRequire {
+    /** Indicates if the user can select one item, several items or no items. */
+    readonly selectionMode?: "single" | "multiple" | "none";
+    /** Indicates the current value. */
+    readonly value: ItemsRef;
+}
+export interface Item extends types.ElementItemBase<any>, types.ElementItemWithChecked {
+}
+export interface ItemsRef {
+    /** The items that were selected. */
+    items: Item[];
+}

package/esm/forms/elements/ListBox.d.ts

@@ -0,0 +1,11 @@
+import * as types from "./types";
+export interface ListBox extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item>, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value: ItemsRef;
+}
+export interface Item extends types.ElementItemBase<any>, types.ElementItemWithChecked {
+}
+export interface ItemsRef {
+    /** The items that were selected. */
+    items: Item[];
+}

package/esm/forms/elements/Number.d.ts

@@ -0,0 +1,6 @@
+import { NumberRef } from "../FormDefinition";
+import * as types from "./types";
+export interface Number extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value: NumberRef;
+}

package/esm/forms/elements/NumberRangeSlider.d.ts

@@ -0,0 +1,5 @@
+import * as types from "./types";
+export interface NumberRangeSlider extends types.ElementBase, types.EditableElement {
+    /** Indicates the current value. */
+    readonly value: number[];
+}

package/esm/forms/elements/NumberSlider.d.ts

@@ -0,0 +1,6 @@
+import { NumberRef } from "../FormDefinition";
+import * as types from "./types";
+export interface NumberSlider extends types.ElementBase, types.EditableElement {
+    /** Indicates the current value. */
+    readonly value: NumberRef;
+}

package/esm/forms/elements/PasswordBox.d.ts

@@ -0,0 +1,5 @@
+import * as types from "./types";
+export interface PasswordBox extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value: string;
+}

package/esm/forms/elements/RadioGroup.d.ts

@@ -0,0 +1,6 @@
+import * as types from "./types";
+export interface RadioGroup extends types.ElementBase, types.EditableElement, types.ElementWithItems<Item>, types.ElementWithCurrent, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: any;
+}
+export declare type Item = types.ElementItemBase<any>;

package/esm/forms/elements/Scanner.d.ts

@@ -0,0 +1,10 @@
+import { ScanRef } from "../FormDefinition";
+import * as types from "./types";
+export interface Scanner extends types.ElementBase, types.EditableElement, types.ElementWithAutoActivate, types.ElementWithRequire {
+    /** True if this element should support manual user entry, false otherwise. */
+    readonly manualEntry: boolean;
+    /** Indicates whether to support barcode scanning, qrcode scanning or both. */
+    readonly scanType: "barcode" | "qrcode" | "both";
+    /** Indicates the current value. */
+    readonly value: ScanRef;
+}

package/esm/forms/elements/Section.d.ts

@@ -0,0 +1,2 @@
+import * as types from "./types";
+export declare type Section = types.ElementBase;

package/esm/forms/elements/Text.d.ts

@@ -0,0 +1,2 @@
+import * as types from "./types";
+export declare type Text = types.ElementBase;

package/esm/forms/elements/TextArea.d.ts

@@ -0,0 +1,7 @@
+import * as types from "./types";
+export interface TextArea extends types.ElementBase, types.EditableElement, types.ElementWithReadOnly, types.ElementWithRequire, types.ElementWithMaxLength {
+    /** Indicates the current value. */
+    readonly value: string;
+    /** Indicates how the control wraps text. */
+    readonly wrap?: "hard" | "soft" | "off";
+}

package/esm/forms/elements/TextBox.d.ts

@@ -0,0 +1,5 @@
+import * as types from "./types";
+export interface TextBox extends types.ElementBase, types.EditableElement, types.ElementWithReadOnly, types.ElementWithMaxLength, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value: string;
+}

package/esm/forms/elements/TimePicker.d.ts

@@ -0,0 +1,6 @@
+import { DateTimeRef } from "../FormDefinition";
+import * as types from "./types";
+export interface TimePicker extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: DateTimeRef;
+}