@vertigis/workflow 5.31.1 → 5.32.0

package/esm/forms/assets/datetime.js

@@ -1 +1 @@
-import React from"react";function renderCalendar(){return React.createElement("svg",{className:"calendar",viewBox:"0 0 24 24"},React.createElement("path",{d:"M23 6v16c0 .6-.4 1-1 1H2c-.6 0-1-.4-1-1V6m21-6H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"}),React.createElement("path",{d:"M13 13h3v3h-3v-3zm-2-2H8V8h3v3zm5-3h-3v3h3V8zm5 0h-3v3h3V8zM6 13H3v3h3v-3zm5 0H8v3h3v-3zm10 0h-3v3h3v-3zM6 18H3v3h3v-3zm5 0H8v3h3v-3zm5 0h-3v3h3v-3z"}))}function renderClock(){return React.createElement("svg",{className:"clock",viewBox:"0 0 24 24"},React.createElement("path",{d:"M12.9748 11.6775C13.8937 12.9336 16 16 16 16s-4.4547-3.0477-4.7742-3.3673c-.1703-.1703-.2432-.4286-.2222-.6921C11.043 11.1284 12 4 12 4s.8257 6.1508.9748 7.6775zM12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2m0-2C5.3726 0 0 5.3726 0 12s5.3726 12 12 12 12-5.3726 12-12S18.6274 0 12 0z"}))}export{renderCalendar,renderClock};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function renderCalendar(){return _jsxs("svg",{className:"calendar",viewBox:"0 0 24 24",children:[_jsx("path",{d:"M23 6v16c0 .6-.4 1-1 1H2c-.6 0-1-.4-1-1V6m21-6H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"},void 0),_jsx("path",{d:"M13 13h3v3h-3v-3zm-2-2H8V8h3v3zm5-3h-3v3h3V8zm5 0h-3v3h3V8zM6 13H3v3h3v-3zm5 0H8v3h3v-3zm10 0h-3v3h3v-3zM6 18H3v3h3v-3zm5 0H8v3h3v-3zm5 0h-3v3h3v-3z"},void 0)]},void 0)}function renderClock(){return _jsx("svg",{className:"clock",viewBox:"0 0 24 24",children:_jsx("path",{d:"M12.9748 11.6775C13.8937 12.9336 16 16 16 16s-4.4547-3.0477-4.7742-3.3673c-.1703-.1703-.2432-.4286-.2222-.6921C11.043 11.1284 12 4 12 4s.8257 6.1508.9748 7.6775zM12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2m0-2C5.3726 0 0 5.3726 0 12s5.3726 12 12 12 12-5.3726 12-12S18.6274 0 12 0z"},void 0)},void 0)}export{renderCalendar,renderClock};

package/esm/forms/assets/remove.js

@@ -1 +1 @@
-import React from"react";function renderRemove(){return React.createElement("svg",{className:"remove",viewBox:"0 0 24 24"},React.createElement("path",{d:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"}))}export{renderRemove};
+import{jsx as _jsx}from"react/jsx-runtime";function renderRemove(){return _jsx("svg",{className:"remove",viewBox:"0 0 24 24",children:_jsx("path",{d:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"},void 0)},void 0)}export{renderRemove};

package/esm/forms/assets/scan.js

@@ -1 +1 @@
-import React from"react";function renderScanBarcode(){return React.createElement("svg",{className:"barcode",viewBox:"0 0 24 24"},React.createElement("path",{d:"M1 8V4.6666C1 2.65 2.65 1 4.6667 1H8v2H4.6667C3.7477 3 3 3.7477 3 4.6666V8H1zm15-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2zM6 5H5v14h1V5zm3 0H7v14h2V5zm5 0h-2v14h2V5zm-3 0h-1v14h1V5zm5 0h-1v14h1V5zm3 0h-2v14h2V5z"}))}function renderScanQrcode(){return React.createElement("svg",{className:"qrCode",viewBox:"0 0 24 24"},React.createElement("path",{d:"M9 6v3H6V6h3m1-1H5v5h5V5zM8 7H7v1h1V7zm1 8v3H6v-3h3m1-1H5v5h5v-5zm-2 2H7v1h1v-1zM18 6v3h-3V6h3m1-1h-5v5h5V5zm-2 2h-1v1h1V7zm-5 1h1V7h-1v1zm0 1h-1v1h1V9zm2 5h-3v1h3v-1zm0 2h1v-1h-1v1zm-2 0h-1v1h1v-1zm0 2h1v-1h-1v1zm4-1h1v-1h-1v1zm-1 1v-1h-1v2h2v-1h-1zm2-4h-1v1h1v-1zm1 2h1v-2h-1v2zm0 3h1v-1h-1v1zm-6-1h-1v1h1v-1zm0-13h-1v2h1V5zm-6 6H5v1h1v-1zm12 0v1h-1v1h2v-2h-1zm-2 0h-1v1h1v-1zm-1 3h1v-1h-1v1zm-1-3h-2v2h1v-1h1v-1zm-4 1h1v-1h-1v1zm-2 0v-1H7v2h3v-1H8zM3 8V4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2zm13-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2z"}))}function renderScanMulti(){return React.createElement("svg",{className:"barcodeOrQrCode",viewBox:"0 0 24 24"},React.createElement("path",{d:"M16 7h1v1h-1V7zM6 19V5H5v14h1zm1 0h2V5H7v14zm3 0h1V5h-1v14zm11 .3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2v3.3333zM16 11h-1v1h1v-1zM3 4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2V4.6666zM14 11h-1v1h1v-1zm0 3h-1v1h1v-1zm1 2v-1h-1v1h1zm4.3333-15H16v2h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1zM14 18h1v1h1v-2h-2v1zM3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2H4.6667C3.7477 21 3 20.2523 3 19.3333zM19 14h-1v2h1v-2zm-5-9v5h5V5h-5zm4 4h-3V6h3v3zm0 10h1v-1h-1v1zm-3-6v1h1v-1h-1zm2 1h-1v1h1v-1zm-1 3h1v-1h-1v1zm3-6h-1v1h-1v1h2v-2zm-5 7h-1v1h1v-1z"}))}export{renderScanBarcode,renderScanQrcode,renderScanMulti};
+import{jsx as _jsx}from"react/jsx-runtime";function renderScanBarcode(){return _jsx("svg",{className:"barcode",viewBox:"0 0 24 24",children:_jsx("path",{d:"M1 8V4.6666C1 2.65 2.65 1 4.6667 1H8v2H4.6667C3.7477 3 3 3.7477 3 4.6666V8H1zm15-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2zM6 5H5v14h1V5zm3 0H7v14h2V5zm5 0h-2v14h2V5zm-3 0h-1v14h1V5zm5 0h-1v14h1V5zm3 0h-2v14h2V5z"},void 0)},void 0)}function renderScanQrcode(){return _jsx("svg",{className:"qrCode",viewBox:"0 0 24 24",children:_jsx("path",{d:"M9 6v3H6V6h3m1-1H5v5h5V5zM8 7H7v1h1V7zm1 8v3H6v-3h3m1-1H5v5h5v-5zm-2 2H7v1h1v-1zM18 6v3h-3V6h3m1-1h-5v5h5V5zm-2 2h-1v1h1V7zm-5 1h1V7h-1v1zm0 1h-1v1h1V9zm2 5h-3v1h3v-1zm0 2h1v-1h-1v1zm-2 0h-1v1h1v-1zm0 2h1v-1h-1v1zm4-1h1v-1h-1v1zm-1 1v-1h-1v2h2v-1h-1zm2-4h-1v1h1v-1zm1 2h1v-2h-1v2zm0 3h1v-1h-1v1zm-6-1h-1v1h1v-1zm0-13h-1v2h1V5zm-6 6H5v1h1v-1zm12 0v1h-1v1h2v-2h-1zm-2 0h-1v1h1v-1zm-1 3h1v-1h-1v1zm-1-3h-2v2h1v-1h1v-1zm-4 1h1v-1h-1v1zm-2 0v-1H7v2h3v-1H8zM3 8V4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2zm13-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2z"},void 0)},void 0)}function renderScanMulti(){return _jsx("svg",{className:"barcodeOrQrCode",viewBox:"0 0 24 24",children:_jsx("path",{d:"M16 7h1v1h-1V7zM6 19V5H5v14h1zm1 0h2V5H7v14zm3 0h1V5h-1v14zm11 .3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2v3.3333zM16 11h-1v1h1v-1zM3 4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2V4.6666zM14 11h-1v1h1v-1zm0 3h-1v1h1v-1zm1 2v-1h-1v1h1zm4.3333-15H16v2h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1zM14 18h1v1h1v-2h-2v1zM3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2H4.6667C3.7477 21 3 20.2523 3 19.3333zM19 14h-1v2h1v-2zm-5-9v5h5V5h-5zm4 4h-3V6h3v3zm0 10h1v-1h-1v1zm-3-6v1h1v-1h-1zm2 1h-1v1h1v-1zm-1 3h1v-1h-1v1zm3-6h-1v1h-1v1h2v-2zm-5 7h-1v1h1v-1z"},void 0)},void 0)}export{renderScanBarcode,renderScanQrcode,renderScanMulti};

package/esm/forms/common.js

@@ -1 +1 @@
-import React,{useCallback}from"react";const DESCRIPTION_SUFFIX="-description",TITLE_SUFFIX="-title";function textToHtml(e,t){return{__html:t.renderHtml(e)}}function getTitleId(e){return`${e}${TITLE_SUFFIX}`}function getDescriptionId(e){return`${e}${DESCRIPTION_SUFFIX}`}function renderTitle(e,t,n,r){e=textToHtml(e.title,t);return 0<(null===(t=null==e?void 0:e.__html)||void 0===t?void 0:t.length)?(r=r||"form-element-title",React.createElement("span",{className:r,dangerouslySetInnerHTML:e,id:getTitleId(n)})):null}function renderDescription(e,t,n,r){e=textToHtml(e.description,t);return 0<(null===(t=null==e?void 0:e.__html)||void 0===t?void 0:t.length)?React.createElement("aside",{className:r,dangerouslySetInnerHTML:e,id:getDescriptionId(n)}):null}function renderError(e,t){e=textToHtml(e.error,t);return 0<(null===(t=null==e?void 0:e.__html)||void 0===t?void 0:t.length)?React.createElement("div",{className:"notice",dangerouslySetInnerHTML:e,role:"alert"}):null}function renderFocus(e,t,n){null===e||e.disabled||n.renderFocus(e,t)}function useFocusCallback(e){const{host:t,name:n}=e.props;return useCallback(e=>{null===(e=Array.isArray(null==e?void 0:e.thumbRefs)&&0<e.thumbRefs.length?e.thumbRefs[0].current:e)||e.disabled||t.renderFocus(e,n)},[e.enabled,n,t])}export{getTitleId,getDescriptionId,renderTitle,renderDescription,renderError,renderFocus,useFocusCallback};
+import{jsx as _jsx}from"react/jsx-runtime";import{useCallback}from"react";const DESCRIPTION_SUFFIX="-description",TITLE_SUFFIX="-title";function textToHtml(e,t){return{__html:t.renderHtml(e)}}function getTitleId(e){return`${e}${TITLE_SUFFIX}`}function getDescriptionId(e){return`${e}${DESCRIPTION_SUFFIX}`}function renderTitle(e,t,r,n){t=textToHtml(e.title,t);return 0<t?.__html?.length?(n=n||"form-element-title",_jsx("span",{className:n,dangerouslySetInnerHTML:t,id:getTitleId(r)},void 0)):null}function renderDescription(e,t,r,n){t=textToHtml(e.description,t);return 0<t?.__html?.length?_jsx("aside",{className:n,dangerouslySetInnerHTML:t,id:getDescriptionId(r)},void 0):null}function renderError(e,t){t=textToHtml(e.error,t);return 0<t?.__html?.length?_jsx("div",{className:"notice",dangerouslySetInnerHTML:t,role:"alert"},void 0):null}function renderFocus(e,t,r){null===e||e.disabled||r.renderFocus(e,t)}function useFocusCallback(e){const{host:t,name:r}=e.props;return useCallback(e=>{null===(e=Array.isArray(e?.thumbRefs)&&0<e.thumbRefs.length?e.thumbRefs[0].current:e)||e.disabled||t.renderFocus(e,r)},[e.enabled,r,t])}export{getTitleId,getDescriptionId,renderTitle,renderDescription,renderError,renderFocus,useFocusCallback};

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 interface DatePickerProps {

package/esm/forms/components/DatePicker.js

@@ -1 +1 @@
-import{parse}from"date-fns";import React,{useEffect,useState}from"react";import{DEFAULT_LOCALE}from"../../constants.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument}from"../utils.js";const Calendar=React.lazy(()=>import("./ReactDateRangeCalendar"));addStyleToDocument(CSS);const dateFormat=getLocaleDateFormat();let currentLocale;const DatePicker=e=>{const{component:t,element:a,isOpen:o,onChange:r,onPopupToggle:n}=e,s=t.props["host"],[c,l]=useState(),[i,m]=useState();var d=s.renderText(a.tooltip),u=!t.enabled,p=u?"inner disabled":"inner";useEffect(()=>{(async()=>{var e=s.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{l(e.value),m(getDateAsLocaleFormattedString(e.value))},[e.value]);var f=useFocusCallback(t);const D=e=>{var t="string"==typeof e?e:e.target.value,a=""!==t&&void 0!==t,e=a?tryParseDateText(t):void 0,t=a?e?parse(e,dateFormat,0):new Date(NaN):void 0;a?isValidDate(t)?(l(t),m(e),v(),g(t)):(v({status:"invalid"}),l(new Date(NaN)),g(void 0)):(v(),l(void 0),g(void 0))};const g=e=>{"function"==typeof r&&r(e)};const v=e=>{a.error=e,t.forceUpdate()};return React.createElement("div",{className:"SimpleDatePicker outer",title:d},React.createElement("div",{className:p},React.createElement("input",{"aria-label":"Date Picker",ref:f,disabled:u,type:"text",onChange:e=>(e=>{m(e.target.value)})(e),onBlur:e=>D(e),onKeyDown:e=>(e=>{e.stopPropagation(),"Enter"===e.key?D(i):"Escape"===e.key&&D(getDateAsLocaleFormattedString(c))})(e),placeholder:dateFormat.toUpperCase(),value:i})),React.createElement("div",{className:"buttonContainer"},React.createElement("button",{className:"calendarButton",disabled:u,onClick:()=>{"function"==typeof n&&n(!o)}},renderCalendar()),o&&React.createElement(React.Suspense,{fallback:null},React.createElement("div",{className:CssClasses.DROPDOWN},React.createElement(Calendar,{format:dateFormat,editableDateInputs:!1,date:c,onChange:e=>{l(e),m(getDateAsLocaleFormattedString(e)),v(),g(e)},locale:currentLocale}),React.createElement("button",{className:"done",onClick:()=>{"function"==typeof n&&n(!1)}},s.renderText("@common-done"))))))};export default DatePicker;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{parse}from"date-fns";import{useEffect,useState,lazy,Suspense}from"react";import{DEFAULT_LOCALE}from"../../constants.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument}from"../utils.js";const Calendar=lazy(()=>import("./ReactDateRangeCalendar"));addStyleToDocument(CSS);const dateFormat=getLocaleDateFormat();let currentLocale;const DatePicker=e=>{const{component:t,element:a,isOpen:o,onChange:s,onPopupToggle:r}=e,n=t.props["host"],[i,l]=useState(),[d,c]=useState();var m=n.renderText(a.tooltip),u=!t.enabled,p=u?"inner disabled":"inner";useEffect(()=>{(async()=>{var e=n.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{l(e.value),c(getDateAsLocaleFormattedString(e.value))},[e.value]);var v=useFocusCallback(t);const f=e=>{var t="string"==typeof e?e:e.target.value,a=""!==t&&void 0!==t,e=a?tryParseDateText(t):void 0,t=a?e?parse(e,dateFormat,0):new Date(NaN):void 0;a?isValidDate(t)?(l(t),c(e),g(),D(t)):(g({status:"invalid"}),l(new Date(NaN)),D(void 0)):(g(),l(void 0),D(void 0))};const D=e=>{"function"==typeof s&&s(e)};const g=e=>{a.error=e,t.forceUpdate()};return _jsxs("div",{className:"SimpleDatePicker outer",title:m,children:[_jsx("div",{className:p,children:_jsx("input",{"aria-label":"Date Picker",ref:v,disabled:u,type:"text",onChange:e=>(e=>{c(e.target.value)})(e),onBlur:e=>f(e),onKeyDown:e=>(e=>{e.stopPropagation(),"Enter"===e.key?f(d):"Escape"===e.key&&f(getDateAsLocaleFormattedString(i))})(e),placeholder:dateFormat.toUpperCase(),value:d},void 0)},void 0),_jsxs("div",{className:"buttonContainer",children:[_jsx("button",{className:"calendarButton",disabled:u,onClick:()=>{"function"==typeof r&&r(!o)},children:renderCalendar()},void 0),o&&_jsx(Suspense,{fallback:null,children:_jsxs("div",{className:CssClasses.DROPDOWN,children:[_jsx(Calendar,{format:dateFormat,editableDateInputs:!1,date:i,onChange:e=>{l(e),c(getDateAsLocaleFormattedString(e)),g(),D(e)},locale:currentLocale},void 0),_jsx("button",{className:"done",onClick:()=>{"function"==typeof r&&r(!1)},children:n.renderText("@common-done")},void 0)]},void 0)},void 0)]},void 0)]},void 0)};export default DatePicker;

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 interface DateRangePickerProps {

package/esm/forms/components/DateRangePicker.js

@@ -1 +1 @@
-import{parse,isAfter,isBefore,isEqual}from"date-fns";import React,{useEffect,useRef,useState}from"react";import{DEFAULT_LOCALE}from"../../constants.js";import FormElementOuter from"../FormElementOuter.js";import{renderArrowRight}from"../assets/arrow.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{convertToDateRangeRef,getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument,makeSafeClassName}from"../utils.js";const DateRange=React.lazy(()=>import("./DateRange"));var DateInputType;addStyleToDocument(CSS),function(e){e.Start="start",e.End="end"}(DateInputType=DateInputType||{});const dateFormat=getLocaleDateFormat();let currentLocale;const DateRangePicker=e=>{const t=e.component,r=e.element,n=useRef(),[a,o]=useState(!1),[l,c]=useState(),[s,i]=useState(),[d,m]=useState(),[u,D]=useState();var p=!t.enabled;const{host:v,name:g}=t.props;var f=v.renderText(r.tooltip),y=t.enabled?"inner":"inner disabled";const E=[r.type,makeSafeClassName(g)];useEffect(()=>{(async()=>{var e=v.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{var e;r.value!==n.current&&((e=convertToDateRangeRef(r.value))?(c(e.startDate),m(e.endDate),i(getDateAsLocaleFormattedString(e.startDate)),D(getDateAsLocaleFormattedString(e.endDate))):void 0===r.value&&(c(void 0),m(void 0),i(""),D("")),r.error&&A(),N(null==e?void 0:e.startDate,null==e?void 0:e.endDate,!1))},[r.value]);var S=useFocusCallback(t);const R=(e,t)=>{var a,r="string"==typeof e?e:e.target.value,n=""!==r&&void 0!==r,o=n?tryParseDateText(r):void 0,s=n?o?parse(o,dateFormat,0):new Date(NaN):void 0,e=t===DateInputType.Start,r=e?s:l,t=e?d:s;n?isValidDate(s)?e?(c(r),i(o),(a=!isValidDate(t)||isAfter(r,t))&&(m(r),D(o)),A(),a=a?r:t,C(r,a)):(m(t),D(o),(a=!isValidDate(r)||isBefore(t,r))&&(c(t),i(o)),A(),a=a?t:r,C(a,t)):(A({status:"invalid"}),C(),(e?c:m)(new Date(NaN))):((e?void 0===t||isValidDate(t):void 0===r||isValidDate(r))&&A(),C(),(e?c:m)(void 0))};const F=(e,t)=>{(t===DateInputType.Start?i:D)(e.target.value)},T=(e,t)=>{var a;e.stopPropagation(),"Enter"===e.key?(a=t===DateInputType.Start?s:u,R(a,t)):"Escape"===e.key&&(e=t===DateInputType.Start?getDateAsLocaleFormattedString(l):getDateAsLocaleFormattedString(d),R(e,t))},C=(e,t)=>{L(e,t)&&N(e,t)},L=(e,t)=>{var a=n.current;return!(e||t||!a)||(!(!e||!t||a)||!!(e&&t&&a)&&(!isEqual(e,a.startDate)||!isEqual(t,a.endDate)))},A=e=>{r.error=e,t.forceUpdate()},N=(e,t,a=!0)=>{t=e&&t?{refValueType:"daterange",startDate:e,endDate:t}:void 0;n.current=r.value=t,a&&v.post("changed",{name:g,value:r.value})};e={startDate:(null===(e=n.current)||void 0===e?void 0:e.startDate)||new Date,endDate:(null===(e=n.current)||void 0===e?void 0:e.endDate)||new Date,key:"selection",showDateDisplay:!1};return React.createElement(FormElementOuter,{className:E.join(" "),component:t,element:r},React.createElement("div",{className:"outer",title:f},React.createElement("div",{className:y},React.createElement("input",{ref:S,disabled:p,type:"text",onChange:e=>F(e,DateInputType.Start),onBlur:e=>R(e,DateInputType.Start),onKeyDown:e=>T(e,DateInputType.Start),placeholder:dateFormat.toUpperCase(),value:s}),React.createElement("span",{className:"arrow"},renderArrowRight()),React.createElement("input",{disabled:p,type:"text",onChange:e=>F(e,DateInputType.End),onBlur:e=>R(e,DateInputType.End),onKeyDown:e=>T(e,DateInputType.End),placeholder:dateFormat.toUpperCase(),value:u})),React.createElement("div",{className:"buttonContainer"},React.createElement("button",{className:"calendarButton",disabled:p,onClick:()=>{o(!a)}},renderCalendar()),a&&React.createElement(React.Suspense,{fallback:null},React.createElement("div",{className:CssClasses.DROPDOWN},React.createElement(DateRange,{dateDisplayFormat:dateFormat,editableDateInputs:!1,months:1,direction:"horizontal",ranges:[e],onChange:e=>{var t=e.selection.startDate,e=e.selection.endDate;c(t),i(getDateAsLocaleFormattedString(t)),m(e),D(getDateAsLocaleFormattedString(e)),A(),C(t,e)},locale:currentLocale}),React.createElement("button",{className:"done",onClick:()=>{o(!1)}},v.renderText("@common-done")))))))};export default DateRangePicker;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{parse,isAfter,isBefore,isEqual}from"date-fns";import{useEffect,useRef,useState,lazy,Suspense}from"react";import{DEFAULT_LOCALE}from"../../constants.js";import FormElementOuter from"../FormElementOuter.js";import{renderArrowRight}from"../assets/arrow.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{convertToDateRangeRef,getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument,makeSafeClassName}from"../utils.js";const DateRange=lazy(()=>import("./DateRange"));var DateInputType;addStyleToDocument(CSS),function(e){e.Start="start",e.End="end"}(DateInputType=DateInputType||{});const dateFormat=getLocaleDateFormat();let currentLocale;const DateRangePicker=e=>{const t=e.component,r=e.element,s=useRef(),[a,o]=useState(!1),[i,l]=useState(),[n,d]=useState(),[c,u]=useState(),[m,p]=useState();var D=!t.enabled;const{host:v,name:g}=t.props;var f=v.renderText(r.tooltip),y=t.enabled?"inner":"inner disabled";const S=[r.type,makeSafeClassName(g)];useEffect(()=>{(async()=>{var e=v.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{var e;r.value!==s.current&&((e=convertToDateRangeRef(r.value))?(l(e.startDate),u(e.endDate),d(getDateAsLocaleFormattedString(e.startDate)),p(getDateAsLocaleFormattedString(e.endDate))):void 0===r.value&&(l(void 0),u(void 0),d(""),p("")),r.error&&L(),E(e?.startDate,e?.endDate,!1))},[r.value]);var j=useFocusCallback(t);const x=(e,t)=>{var a,r="string"==typeof e?e:e.target.value,s=""!==r&&void 0!==r,o=s?tryParseDateText(r):void 0,n=s?o?parse(o,dateFormat,0):new Date(NaN):void 0,e=t===DateInputType.Start,r=e?n:i,t=e?c:n;s?isValidDate(n)?e?(l(r),d(o),(a=!isValidDate(t)||isAfter(r,t))&&(u(r),p(o)),L(),a=a?r:t,C(r,a)):(u(t),p(o),(a=!isValidDate(r)||isBefore(t,r))&&(l(t),d(o)),L(),a=a?t:r,C(a,t)):(L({status:"invalid"}),C(),(e?l:u)(new Date(NaN))):((e?void 0===t||isValidDate(t):void 0===r||isValidDate(r))&&L(),C(),(e?l:u)(void 0))};const F=(e,t)=>{(t===DateInputType.Start?d:p)(e.target.value)},T=(e,t)=>{var a;e.stopPropagation(),"Enter"===e.key?(a=t===DateInputType.Start?n:m,x(a,t)):"Escape"===e.key&&(e=t===DateInputType.Start?getDateAsLocaleFormattedString(i):getDateAsLocaleFormattedString(c),x(e,t))},C=(e,t)=>{h(e,t)&&E(e,t)},h=(e,t)=>{var a=s.current;return!(e||t||!a)||(!(!e||!t||a)||!!(e&&t&&a)&&(!isEqual(e,a.startDate)||!isEqual(t,a.endDate)))},L=e=>{r.error=e,t.forceUpdate()},E=(e,t,a=!0)=>{t=e&&t?{refValueType:"daterange",startDate:e,endDate:t}:void 0;s.current=r.value=t,a&&v.post("changed",{name:g,value:r.value})};e={startDate:s.current?.startDate||new Date,endDate:s.current?.endDate||new Date,key:"selection",showDateDisplay:!1};return _jsx(FormElementOuter,{className:S.join(" "),component:t,element:r,children:_jsxs("div",{className:"outer",title:f,children:[_jsxs("div",{className:y,children:[_jsx("input",{ref:j,disabled:D,type:"text",onChange:e=>F(e,DateInputType.Start),onBlur:e=>x(e,DateInputType.Start),onKeyDown:e=>T(e,DateInputType.Start),placeholder:dateFormat.toUpperCase(),value:n},void 0),_jsx("span",{className:"arrow",children:renderArrowRight()},void 0),_jsx("input",{disabled:D,type:"text",onChange:e=>F(e,DateInputType.End),onBlur:e=>x(e,DateInputType.End),onKeyDown:e=>T(e,DateInputType.End),placeholder:dateFormat.toUpperCase(),value:m},void 0)]},void 0),_jsxs("div",{className:"buttonContainer",children:[_jsx("button",{className:"calendarButton",disabled:D,onClick:()=>{o(!a)},children:renderCalendar()},void 0),a&&_jsx(Suspense,{fallback:null,children:_jsxs("div",{className:CssClasses.DROPDOWN,children:[_jsx(DateRange,{dateDisplayFormat:dateFormat,editableDateInputs:!1,months:1,direction:"horizontal",ranges:[e],onChange:e=>{var t=e.selection.startDate,e=e.selection.endDate;l(t),d(getDateAsLocaleFormattedString(t)),u(e),p(getDateAsLocaleFormattedString(e)),L(),C(t,e)},locale:currentLocale},void 0),_jsx("button",{className:"done",onClick:()=>{o(!1)},children:v.renderText("@common-done")},void 0)]},void 0)},void 0)]},void 0)]},void 0)},void 0)};export default DateRangePicker;

package/esm/forms/components/DateTimePicker.js

@@ -1 +1 @@
-import React,{useState}from"react";import{Calendar}from"../Calendar.js";import FormElementOuter from"../FormElementOuter.js";import{renderClock}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{makeSafeClassName}from"../utils.js";import DatePicker from"./DatePicker.js";import TimePickerInput from"./TimePickerInput.js";export default e=>{const[t,a]=useState(!1),[o,n]=useState(!1),{component:r,element:l}=e,{host:i,name:c}=r.props;var s=useFocusCallback(r);const u=[l.type,makeSafeClassName(c)];var m=i.renderText(l.tooltip);const d=((e,t)=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":t=e.format}if("object"!=typeof t)return"app"===t?t:"device";if(null===t)return"device";var a=t.locale,o=t.timezone;return"string"==typeof a&&"string"==typeof o?{locale:a,timezone:o}:"device"})(l.value,l.format),p=i.deriveCalendar(d),f=((e,t)=>{if("object"==typeof e){if(null===e)return;switch(e.refValueType){case"date":case"time":case"datetime":break;default:return}e=e.value}if("number"==typeof e||"string"==typeof e){const a=t.coerceIntoValue(e);if(void 0!==a&&null!==a&&isFinite(a.valueOf()))return a}})(l.value,p);let v="datetime",g=(e=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":return e.refValueType}})(l.value);"DatePicker"===l.type&&(v="date"),"TimePicker"===l.type&&(v="time");let k=f;"datetime"===v&&"date"===g?k=void 0:g=v;e={calendar:p,disabled:!r.enabled,doneText:i.renderText("@common-done"),placeholder:i.renderText(l.prompt),title:m};function y(e,t){return void 0===(e=null!=e&&!isFinite(e.valueOf())?void 0:e)?void 0!==f:void 0===f||(g!==t||("date"===t&&((e=new Date(e)).setHours(f.getHours()),e.setMinutes(f.getMinutes()),e.setSeconds(f.getSeconds()),e.setMilliseconds(f.getMilliseconds())),"time"===t&&((e=new Date(e)).setFullYear(f.getFullYear()),e.setMonth(f.getMonth()),e.setDate(f.getDate())),f.valueOf()!==e.valueOf()))}m=()=>{var e=!o;n(e),e&&a(!1)};const T=[];function h(e,t){void 0!==e&&isFinite(e.valueOf())?l.value={refValueType:t,format:d,display:p.format(e,Calendar.fullFormat),value:e.valueOf()}:l.value=void 0}return"DatePicker"!==l.type&&"DateTimePicker"!==l.type||T.push(React.createElement(DatePicker,{component:r,element:l,isOpen:t,onChange:function(e){let t=v;if("datetime"===v&&void 0!==e&&("date"===g&&(t="date"),void 0!==f)){const a=p.coerceIntoLocal(f),o=p.coerceIntoLocal(e);o.setHours(a.getHours()),o.setMinutes(a.getMinutes()),o.setSeconds(a.getSeconds()),o.setMilliseconds(a.getMilliseconds()),e=p.coerceIntoValue(o)}y(e,t)&&(h(e,t),r.forceUpdate(),i.post("changed",{name:c,value:l.value}))},onPopupToggle:()=>{var e=!t;a(e),e&&n(!1)},value:f})),"TimePicker"!==l.type&&"DateTimePicker"!==l.type||T.push(React.createElement("div",{className:"outer"},React.createElement("div",{className:"inner"},React.createElement(TimePickerInput,{...e,isOpen:o,onChange:function(e){let t=v;if("datetime"===v&&void 0!==f)if(void 0!==e){const a=p.coerceIntoLocal(f),o=p.coerceIntoLocal(e);o.setFullYear(a.getFullYear()),o.setMonth(a.getMonth()),o.setDate(a.getDate()),e=p.coerceIntoValue(o)}else e=f,t="date";y(e,t)&&(h(e,t),r.forceUpdate(),i.post("changed",{name:c,value:l.value}))},onPopupToggle:m,ref:s,value:k})),React.createElement("button",{className:"clockButton",disabled:e.disabled,onClick:m},renderClock()))),h(f,g),React.createElement(FormElementOuter,{className:u.join(" "),component:r,element:l},T)};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{Calendar}from"../Calendar.js";import FormElementOuter from"../FormElementOuter.js";import{renderClock}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{makeSafeClassName}from"../utils.js";import DatePicker from"./DatePicker.js";import TimePickerInput from"./TimePickerInput.js";export default e=>{const[t,o]=useState(!1),[a,i]=useState(!1),{component:r,element:n}=e,{host:s,name:l}=r.props;var c=useFocusCallback(r);const u=[n.type,makeSafeClassName(l)];var d=s.renderText(n.tooltip);const m=((e,t)=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":t=e.format}if("object"!=typeof t)return"app"===t?t:"device";if(null===t)return"device";var o=t.locale,a=t.timezone;return"string"==typeof o&&"string"==typeof a?{locale:o,timezone:a}:"device"})(n.value,n.format),p=s.deriveCalendar(m),f=((e,t)=>{if("object"==typeof e){if(null===e)return;switch(e.refValueType){case"date":case"time":case"datetime":break;default:return}e=e.value}if("number"==typeof e||"string"==typeof e){const o=t.coerceIntoValue(e);if(void 0!==o&&null!==o&&isFinite(o.valueOf()))return o}})(n.value,p);let v="datetime",g=(e=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":return e.refValueType}})(n.value);"DatePicker"===n.type&&(v="date"),"TimePicker"===n.type&&(v="time");let j=f;"datetime"===v&&"date"===g?j=void 0:g=v;e={calendar:p,disabled:!r.enabled,doneText:s.renderText("@common-done"),placeholder:s.renderText(n.prompt),title:d};function k(e,t){return void 0===(e=null!=e&&!isFinite(e.valueOf())?void 0:e)?void 0!==f:void 0===f||(g!==t||("date"===t&&((e=new Date(e)).setHours(f.getHours()),e.setMinutes(f.getMinutes()),e.setSeconds(f.getSeconds()),e.setMilliseconds(f.getMilliseconds())),"time"===t&&((e=new Date(e)).setFullYear(f.getFullYear()),e.setMonth(f.getMonth()),e.setDate(f.getDate())),f.valueOf()!==e.valueOf()))}d=()=>{var e=!a;i(e),e&&o(!1)};const y=[];function h(e,t){void 0!==e&&isFinite(e.valueOf())?n.value={refValueType:t,format:m,display:p.format(e,Calendar.fullFormat),value:e.valueOf()}:n.value=void 0}return"DatePicker"!==n.type&&"DateTimePicker"!==n.type||y.push(_jsx(DatePicker,{component:r,element:n,isOpen:t,onChange:function(e){let t=v;if("datetime"===v&&void 0!==e&&("date"===g&&(t="date"),void 0!==f)){const o=p.coerceIntoLocal(f),a=p.coerceIntoLocal(e);a.setHours(o.getHours()),a.setMinutes(o.getMinutes()),a.setSeconds(o.getSeconds()),a.setMilliseconds(o.getMilliseconds()),e=p.coerceIntoValue(a)}k(e,t)&&(h(e,t),r.forceUpdate(),s.post("changed",{name:l,value:n.value}))},onPopupToggle:()=>{var e=!t;o(e),e&&i(!1)},value:f},void 0)),"TimePicker"!==n.type&&"DateTimePicker"!==n.type||y.push(_jsxs("div",{className:"outer",children:[_jsx("div",{className:"inner",children:_jsx(TimePickerInput,{...e,isOpen:a,onChange:function(e){let t=v;if("datetime"===v&&void 0!==f)if(void 0!==e){const o=p.coerceIntoLocal(f),a=p.coerceIntoLocal(e);a.setFullYear(o.getFullYear()),a.setMonth(o.getMonth()),a.setDate(o.getDate()),e=p.coerceIntoValue(a)}else e=f,t="date";k(e,t)&&(h(e,t),r.forceUpdate(),s.post("changed",{name:l,value:n.value}))},onPopupToggle:d,ref:c,value:j},void 0)},void 0),_jsx("button",{className:"clockButton",disabled:e.disabled,onClick:d,children:renderClock()},void 0)]},void 0)),h(f,g),_jsx(FormElementOuter,{className:u.join(" "),component:r,element:n,children:y},void 0)};

package/esm/forms/components/Navigator.js

@@ -1 +1 @@
-import React from"react";const domReferenceKey="__navigator";class Navigator extends React.Component{static find(t){let e=t.target;for(;e!==t.currentTarget&&e instanceof HTMLElement;){var r=e[domReferenceKey];if(r instanceof Navigator)return r;e=e.parentNode}}init(t){const e=this.target;void 0!==e&&(this.target=void 0,e[domReferenceKey]=void 0),null!==t&&((this.target=t)[domReferenceKey]=this)}focus(){this.target.focus()}scrollTo(t){var e=this.props.children;if(Array.isArray(e)){const a=this.target;var r=a.scrollHeight/e.length,s=r/2,e=t%r,e=(a.scrollHeight-a.clientHeight)/2+(e+(e<-s?r:s<=e?-r:0));return a.scrollTop=e,Math.round(t/r)}return 0}hasStates(){var t=this.state;if(null==t)return!1;t=t.states;return null!=t}render(){var t=this.props,e=this.state||{},r=e.states;const s=[t.className];if(null!=r)for(const a in r)!0===r[a]&&s.push(a);return React.createElement("div",{className:s.join(" "),tabIndex:e.tabIndex,ref:t=>this.init(t)},this.props.children)}}export{Navigator};
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";const domReferenceKey="__navigator";class Navigator extends Component{static find(t){let e=t.target;for(;e!==t.currentTarget&&e instanceof HTMLElement;){var r=e[domReferenceKey];if(r instanceof Navigator)return r;e=e.parentNode}}init(t){const e=this.target;void 0!==e&&(this.target=void 0,e[domReferenceKey]=void 0),null!==t&&((this.target=t)[domReferenceKey]=this)}focus(){this.target.focus()}scrollTo(t){var e=this.props.children;if(Array.isArray(e)){const n=this.target;var r=n.scrollHeight/e.length,s=r/2,e=t%r,e=(n.scrollHeight-n.clientHeight)/2+(e+(e<-s?r:s<=e?-r:0));return n.scrollTop=e,Math.round(t/r)}return 0}hasStates(){var t=this.state;if(null==t)return!1;t=t.states;return null!=t}render(){var t=this.props,e=this.state||{},r=e.states;const s=[t.className];if(null!=r)for(const n in r)!0===r[n]&&s.push(n);return _jsx("div",{className:s.join(" "),tabIndex:e.tabIndex,ref:t=>this.init(t),children:this.props.children},void 0)}}export{Navigator};

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 export declare const MIN_DECIMALS = 0;

package/esm/forms/components/NumberRangeSlider.js

@@ -1 +1 @@
-import React,{useEffect,useMemo,useRef,useState}from"react";import{Range,getTrackBackground}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName,throttle}from"../utils.js";const MIN_DECIMALS=0,DEFAULT_DECIMALS=0,DEFAULT_STEP=0,NumberRangeSlider=e=>{const a=e.component,t=e.element,r=useMemo(()=>getProcessedNumberFormat(t.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),o=useRef(null),n=e=>{t.value=o.current=e},[s,l]=useState(),[c,u]=useState();useEffect(()=>{var e;null!==o.current&&t.value===o.current||(e=getNumberSliderValues(t.value,r),n(e),M(e))},[t.value]);const{host:m,name:i}=a.props,p=!a.enabled;var d=useFocusCallback(a);const{lowerBound:f,upperBound:g,precision:E}=r,{showMinMaxLabels:v,manualEntry:x}=t;let b=r.step,y=t.showTickMarks;y=0<b&&y,0===b&&(b=1/Math.pow(10,E));const h={currency:r.currency,customDisplayFormat:r.customDisplayFormat,format:r.displayFormat,fractionalDigits:E,locale:m.deriveLocale()};e=m.renderText(t.tooltip);const N=[t.type,makeSafeClassName(i)],A=e=>{e=S(e),M(e),(Array.isArray(o.current)||e[0]===f&&e[1]===g)&&(!Array.isArray(o.current)||e[0]===o.current[0]&&e[1]===o.current[1])||(n(e),m.post("changed",{name:i,value:t.value}))};const C=e=>{a.autoInput=!0},R=e=>e.target.select(),S=e=>{let t=e[0]<f?f:e[0]>g?g:e[0],r=e[1]>g?g:e[1]<f?f:e[1];return[t,r].sort((e,t)=>e-t)},k=useMemo(()=>throttle(e=>{m.post("dragged",{name:i,value:e})}),[]),F=(e,t)=>{const r=s.slice();let a=""!==e?Number(e):NaN;isNaN(a)?M(r):(0===t?(a<f&&(a=f),a>r[1]&&(a=r[1])):(a>g&&(a=g),a<r[0]&&(a=r[0])),r[t]=a,A(r))},M=e=>{l(e),u(e)};const T=(e,t,r,a,o="#fff",n="#197dc8")=>React.createElement("div",{style:{position:"absolute",top:t,color:o,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:n,left:r,right:a,whiteSpace:"nowrap"}},e);return s?React.createElement(FormElementOuter,{className:N.join(" "),component:a,element:t,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{draggableTrack:!0,step:b,min:f,max:g,values:s,onChange:e=>{e=S(e),M(e),Array.isArray(t.value)&&e[0]===t.value[0]&&e[1]===t.value[1]||k(e)},onFinalChange:A,renderMark:e=>{var{props:t,index:r}=e,e=f+r*b,r=e>g,e=e>s[0]&&e<s[1]?"#197dc8":"#ccc";return y&&!r&&React.createElement("div",{...t,style:{...t.style,height:"16px",width:"2px",backgroundColor:e}})},renderTrack:e=>{var{props:t,children:e}=e;return React.createElement("div",{...t,style:{...t.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:getTrackBackground({values:s,colors:["#ccc","#197dc8","#ccc"],min:f,max:g,rtl:!1})}},!1!==v&&T(m.formatNumber(f,h),"20px","-12px",void 0,"#333","#fff"),!1!==v&&T(m.formatNumber(g,h),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r,index:a}=e,o=g-f,e=r-f,r=e<o/10?"0":"auto",e=9*o/10<e?"0":"auto";return React.createElement("div",{...t,style:{...t.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"}},T(m.formatNumber(s[a],h),"-32px",r,e))},disabled:p,ref:d})),x||!c?null:React.createElement("div",{className:"inputs"},c.map((e,t)=>React.createElement("span",null,0===t?m.renderText("@common-start"):m.renderText("@common-end"),React.createElement("input",{key:t,type:"number",disabled:p,min:0===t?f:s[0],max:0===t?s[1]:g,step:b,title:e+"",value:e,onBlur:e=>((e,t)=>{F(e.target.value,t)})(e,t),onChange:e=>((e,t)=>{const r=c.slice();r[t]=e.target.value,u(r),a.autoInput&&F(e.target.value,t)})(e,t),onKeyDown:e=>((e,t)=>{e.stopPropagation(),a.autoInput=!1,"Enter"===e.key?F(c[t]+"",t):"Escape"===e.key&&M(s.slice())})(e,t),onMouseDown:C,onFocus:R}))))):null};export default NumberRangeSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect,useMemo,useRef,useState}from"react";import{Range,getTrackBackground}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName,throttle}from"../utils.js";const MIN_DECIMALS=0,DEFAULT_DECIMALS=0,DEFAULT_STEP=0,NumberRangeSlider=e=>{const a=e.component,r=e.element,t=useMemo(()=>getProcessedNumberFormat(r.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),o=useRef(null),s=e=>{r.value=o.current=e},[n,l]=useState(),[i,u]=useState();useEffect(()=>{var e;null!==o.current&&r.value===o.current||(e=getNumberSliderValues(r.value,t),s(e),F(e))},[r.value]);const{host:c,name:m}=a.props,d=!a.enabled;var p=useFocusCallback(a);const{lowerBound:x,upperBound:v,precision:f}=t,{showMinMaxLabels:g,manualEntry:h}=r;let b=t.step,y=r.showTickMarks;y=0<b&&y,0===b&&(b=1/Math.pow(10,f));const E={currency:t.currency,customDisplayFormat:t.customDisplayFormat,format:t.displayFormat,fractionalDigits:f,locale:c.deriveLocale()};e=c.renderText(r.tooltip);const N=[r.type,makeSafeClassName(m)],j=e=>{e=S(e),F(e),(Array.isArray(o.current)||e[0]===x&&e[1]===v)&&(!Array.isArray(o.current)||e[0]===o.current[0]&&e[1]===o.current[1])||(s(e),c.post("changed",{name:m,value:r.value}))};const A=e=>{a.autoInput=!0},C=e=>e.target.select(),S=e=>{let r=e[0]<x?x:e[0]>v?v:e[0],t=e[1]>v?v:e[1]<x?x:e[1];return[r,t].sort((e,r)=>e-r)},_=useMemo(()=>throttle(e=>{c.post("dragged",{name:m,value:e})}),[]),k=(e,r)=>{const t=n.slice();let a=""!==e?Number(e):NaN;isNaN(a)?F(t):(0===r?(a<x&&(a=x),a>t[1]&&(a=t[1])):(a>v&&(a=v),a<t[0]&&(a=t[0])),t[r]=a,j(t))},F=e=>{l(e),u(e)};const M=(e,r,t,a,o="#fff",s="#197dc8")=>_jsx("div",{style:{position:"absolute",top:r,color:o,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:s,left:t,right:a,whiteSpace:"nowrap"},children:e},void 0);return n?_jsxs(FormElementOuter,{className:N.join(" "),component:a,element:r,errorClassName:CssClasses.ERROR,children:[_jsx("div",{className:"slider-container",title:e,children:_jsx(Range,{draggableTrack:!0,step:b,min:x,max:v,values:n,onChange:e=>{e=S(e),F(e),Array.isArray(r.value)&&e[0]===r.value[0]&&e[1]===r.value[1]||_(e)},onFinalChange:j,renderMark:e=>{var{props:r,index:t}=e,e=x+t*b,t=e>v,e=e>n[0]&&e<n[1]?"#197dc8":"#ccc";return y&&!t&&_jsx("div",{...r,style:{...r.style,height:"16px",width:"2px",backgroundColor:e}},void 0)},renderTrack:e=>{var{props:r,children:e}=e;return _jsxs("div",{...r,style:{...r.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:getTrackBackground({values:n,colors:["#ccc","#197dc8","#ccc"],min:x,max:v,rtl:!1})},children:[!1!==g&&M(c.formatNumber(x,E),"20px","-12px",void 0,"#333","#fff"),!1!==g&&M(c.formatNumber(v,E),"20px",void 0,"-12px","#333","#fff"),e]},void 0)},renderThumb:e=>{var{props:r,value:t,index:a}=e,o=v-x,e=t-x,t=e<o/10?"0":"auto",e=9*o/10<e?"0":"auto";return _jsx("div",{...r,style:{...r.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"},children:M(c.formatNumber(n[a],E),"-32px",t,e)},void 0)},disabled:d,ref:p},void 0)},void 0),h||!i?null:_jsx("div",{className:"inputs",children:i.map((e,r)=>_jsxs("span",{children:[0===r?c.renderText("@common-start"):c.renderText("@common-end"),_jsx("input",{type:"number",disabled:d,min:0===r?x:n[0],max:0===r?n[1]:v,step:b,title:e+"",value:e,onBlur:e=>((e,r)=>{k(e.target.value,r)})(e,r),onChange:e=>((e,r)=>{const t=i.slice();t[r]=e.target.value,u(t),a.autoInput&&k(e.target.value,r)})(e,r),onKeyDown:e=>((e,r)=>{e.stopPropagation(),a.autoInput=!1,"Enter"===e.key?k(i[r]+"",r):"Escape"===e.key&&F(n.slice())})(e,r),onMouseDown:A,onFocus:C},r)]},void 0))},void 0)]},void 0):null};export default NumberRangeSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 export declare const MIN_DECIMALS = -20;

package/esm/forms/components/NumberSlider.js

@@ -1 +1 @@
-import React,{useEffect,useMemo,useRef,useState}from"react";import{Range}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{NumberDisplayFormat}from"../numberFormatter.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName}from"../utils.js";const MIN_DECIMALS=-20,DEFAULT_DECIMALS=3,DEFAULT_STEP=1,NumberSlider=e=>{const t=e.component,{host:n,name:r}=t.props,a=e.element,o=!t.enabled,l=useMemo(()=>getProcessedNumberFormat(a.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),s=useRef(null),{lowerBound:m,upperBound:u,precision:c}=l,{showMinMaxLabels:i,manualEntry:p}=a,d={currency:l.currency,customDisplayFormat:l.customDisplayFormat,format:l.displayFormat,fractionalDigits:c,locale:n.deriveLocale()},f={...d,format:NumberDisplayFormat.FIXED_POINT},E=e=>{a.value=s.current=(e=e,{refValueType:"number",format:l,display:n.formatNumber(e,d),numeric:e})},[b,v]=useState(),[g,x]=useState();useEffect(()=>{var e;null!==s.current&&a.value===s.current||(e=getNumberSliderValues(a.value,l,!0),E(e[0]),k(e[0]))},[a.value]);var N=useFocusCallback(t);let y=l.step,h=a.showTickMarks;h=0<y&&h,0===y&&(y=1/Math.pow(10,c));e=n.renderText(a.tooltip);const F=[a.type,makeSafeClassName(r)],C=e=>{var t=e[0],t=I(t);k(t),t!==(null===(e=s.current)||void 0===e?void 0:e.numeric)&&(E(t),n.post("changed",{name:r,value:a.value}))};const S=e=>{x(e.target.value),t.autoInput&&T(e.target.value)},D=e=>{T(e.target.value)},R=e=>{e.stopPropagation(),t.autoInput=!1,"Enter"===e.key?T(g+""):"Escape"===e.key&&k(b)},M=e=>{t.autoInput=!0},A=e=>e.target.select(),I=e=>e<m?m:e>u?u:e,T=e=>{let t=""!==e?Number(e):NaN;isNaN(t)?k(t):(t<m&&(t=m),t>u&&(t=u),C([t]))},k=e=>{v(e),x(n.formatNumber(e,f))};const L=(e,t,r,a,o="#fff",n="#197dc8")=>React.createElement("div",{style:{position:"absolute",top:t,color:o,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:n,left:r,right:a,whiteSpace:"nowrap"}},e);return React.createElement(FormElementOuter,{className:F.join(" "),component:t,element:a,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{step:y,min:m,max:u,values:[b],onChange:e=>{e=e[0],e=I(e);k(e)},onFinalChange:C,renderMark:e=>{var{props:t,index:e}=e,e=m+e*y>u;return h&&!e&&React.createElement("div",{...t,style:{...t.style,height:"16px",width:"2px",backgroundColor:"#ccc"}})},renderTrack:e=>{var{props:t,children:e}=e;return React.createElement("div",{...t,style:{...t.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:"#ccc"}},!1!==i&&L(n.formatNumber(m,d),"20px","-12px",void 0,"#333","#fff"),!1!==i&&L(n.formatNumber(u,d),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r}=e,a=u-m,o=r-m,e=o<a/10?"0":"auto",o=9*a/10<o?"0":"auto";return React.createElement("div",{...t,style:{...t.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"}},L(n.formatNumber(r,d),"-32px",e,o))},disabled:o,ref:N})),!1===p?null:React.createElement("div",{className:"inputs"},React.createElement("span",null,React.createElement("input",{type:"number",disabled:o,min:m,max:u,step:y,title:g+"",value:g,onBlur:D,onChange:S,onKeyDown:R,onMouseDown:M,onFocus:A}))))};export default NumberSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect,useMemo,useRef,useState}from"react";import{Range}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName}from"../utils.js";const MIN_DECIMALS=-20,DEFAULT_DECIMALS=3,DEFAULT_STEP=1,NumberSlider=e=>{const r=e.component,{host:s,name:t}=r.props,o=e.element,a=!r.enabled,n=useMemo(()=>getProcessedNumberFormat(o.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),i=useRef(null),{lowerBound:l,upperBound:u,precision:m}=n,{showMinMaxLabels:d,manualEntry:p}=o,c={format:n.displayFormat,fractionalDigits:m,locale:s.deriveLocale()},x=e=>{var r;o.value=(r=e,{refValueType:"number",format:n,display:s.formatNumber(r,c),numeric:r}),i.current=e},[f,v]=useState(),[b,h]=useState();useEffect(()=>{var e=o.value;null!==i.current&&e?.numeric===i.current||(e=getNumberSliderValues(e,n,!0),x(e[0]),k(e[0]))},[o.value]);var g=useFocusCallback(r);let N=n.step,E=o.showTickMarks;E=0<N&&E,0===N&&(N=1/Math.pow(10,m));e=s.renderText(o.tooltip);const j=[o.type,makeSafeClassName(t)],C=e=>{e=A(e),k(e),e!==i.current&&(x(e),s.post("changed",{name:t,value:o.value}))},S=e=>{h(e.target.value),r.autoInput&&D(e.target.value)},_=e=>{D(e.target.value)},y=e=>{e.stopPropagation(),r.autoInput=!1,"Enter"===e.key?D(b+""):"Escape"===e.key&&k(f)},F=e=>{r.autoInput=!0},M=e=>e.target.select(),A=e=>e<l?l:e>u?u:e,D=e=>{let r=""!==e?Number(e):NaN;isNaN(r)?k(r):(r<l&&(r=l),r>u&&(r=u),C(r))},k=e=>{v(e),h(e)};const L=(e,r,t,o,a="#fff",s="#197dc8")=>_jsx("div",{style:{position:"absolute",top:r,color:a,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:s,left:t,right:o,whiteSpace:"nowrap"},children:e},void 0);return _jsxs(FormElementOuter,{className:j.join(" "),component:r,element:o,errorClassName:CssClasses.ERROR,children:[_jsx("div",{className:"slider-container",title:e,children:_jsx(Range,{step:N,min:l,max:u,values:[f],onChange:e=>(e=>{e=A(e),k(e)})(e[0]),onFinalChange:e=>C(e[0]),renderMark:e=>{var{props:r,index:e}=e,e=l+e*N>u;return E&&!e&&_jsx("div",{...r,style:{...r.style,height:"16px",width:"2px",backgroundColor:"#ccc"}},void 0)},renderTrack:e=>{var{props:r,children:e}=e;return _jsxs("div",{...r,style:{...r.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:"#ccc"},children:[!1!==d&&L(s.formatNumber(l,c),"20px","-12px",void 0,"#333","#fff"),!1!==d&&L(s.formatNumber(u,c),"20px",void 0,"-12px","#333","#fff"),e]},void 0)},renderThumb:e=>{var{props:r,value:t}=e,o=u-l,a=t-l,e=a<o/10?"0":"auto",a=9*o/10<a?"0":"auto";return _jsx("div",{...r,style:{...r.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"},children:L(s.formatNumber(t,c),"-32px",e,a)},void 0)},disabled:a,ref:g},void 0)},void 0),!1===p?null:_jsx("div",{className:"inputs",children:_jsx("span",{children:_jsx("input",{type:"number",disabled:a,min:l,max:u,step:N,title:b+"",value:b,onBlur:_,onChange:S,onKeyDown:y,onMouseDown:F,onFocus:M},void 0)},void 0)},void 0)]},void 0)};export default NumberSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};

package/esm/forms/components/SyntheticButton.js

@@ -1 +1 @@
-import React from"react";const domReferenceKey="__synthetic_button";class SyntheticButton extends React.Component{static find(e){let t=e.target;for(;t!==e.currentTarget&&t instanceof HTMLElement;){var n=t[domReferenceKey];if(n instanceof SyntheticButton)return n;t=t.parentNode}}static search(e){const t=e.querySelectorAll("div"),n=[];for(let e=0;e<t.length;e++){var a=t.item(e)[domReferenceKey];a instanceof SyntheticButton&&n.push(a)}return n}init(e){const t=this.target;void 0!==t&&(this.target=void 0,t[domReferenceKey]=void 0),null!==e&&((this.target=e)[domReferenceKey]=this)}render(){var e=this.props,t=this.state||{},n=t.states;const a=["button"];if(null!=n)for(const s in n)!0===n[s]&&a.push(s);var r=t.content,t=t.symbol;return React.createElement("div",{className:this.props.className,ref:e=>this.init(e)},React.createElement("div",{className:a.join(" "),"aria-label":e.ariaLabel},React.createElement("span",{className:"content"},r),React.createElement("span",{className:"symbol"},t)))}}export{SyntheticButton};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";const domReferenceKey="__synthetic_button";class SyntheticButton extends Component{static find(t){let e=t.target;for(;e!==t.currentTarget&&e instanceof HTMLElement;){var n=e[domReferenceKey];if(n instanceof SyntheticButton)return n;e=e.parentNode}}static search(t){const e=t.querySelectorAll("div"),n=[];for(let t=0;t<e.length;t++){var s=e.item(t)[domReferenceKey];s instanceof SyntheticButton&&n.push(s)}return n}init(t){const e=this.target;void 0!==e&&(this.target=void 0,e[domReferenceKey]=void 0),null!==t&&((this.target=t)[domReferenceKey]=this)}render(){var t=this.props,e=this.state||{},n=e.states;const s=["button"];if(null!=n)for(const i in n)!0===n[i]&&s.push(i);var r=e.content,e=e.symbol;return _jsx("div",{className:this.props.className,ref:t=>this.init(t),children:_jsxs("div",{className:s.join(" "),"aria-label":t.ariaLabel,children:[_jsx("span",{className:"content",children:r},void 0),_jsx("span",{className:"symbol",children:e},void 0)]},void 0)},void 0)}}export{SyntheticButton};

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(){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};
+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};