@vertigis/workflow 5.31.1 → 5.32.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amd/Errors.js +1 -1
- package/amd/Validation.js +1 -1
- package/amd/activities/arcgis/AddFeatureLayer.js +1 -1
- package/amd/activities/arcgis/AddFeatures.js +1 -1
- package/amd/activities/arcgis/AddGraphics.js +1 -1
- package/amd/activities/arcgis/DeleteFeatures.js +1 -1
- package/amd/activities/arcgis/GetViewExtent.js +1 -1
- package/amd/activities/arcgis/MapProvider.js +1 -1
- package/amd/activities/arcgis/RemoveFeatureSetFields.js +1 -1
- package/amd/activities/arcgis/RemoveGraphics.js +1 -1
- package/amd/activities/arcgis/RunPrint.js +1 -1
- package/amd/activities/arcgis/RunReport.d.ts +1 -0
- package/amd/activities/arcgis/RunReport.js +1 -1
- package/amd/activities/arcgis/RunWorkflow.js +1 -1
- package/amd/activities/arcgis/SetLayerDefinitionExpression.js +1 -1
- package/amd/activities/arcgis/SetViewpoint.js +1 -1
- package/amd/activities/arcgis/ShowResults.js +1 -1
- package/amd/activities/arcgis/UpdateFeatures.js +1 -1
- package/amd/activities/arcgis/runUtils.js +1 -1
- package/amd/activities/arcgis/shared.js +1 -1
- package/amd/activities/core/ForEach.js +1 -1
- package/amd/activities/core/ParseUrl.js +1 -1
- package/amd/activities/forms/FormRenderer.d.ts +0 -1
- package/amd/activities/forms/FormRenderer.js +1 -1
- package/amd/amdpile.js +1 -1
- package/amd/amdpile.js.LICENSE.txt +12 -3
- package/amd/app/AppActivity.d.ts +47 -3
- package/amd/app/AppActivity.js +1 -1
- package/amd/app/RegisterCustomFormElementBase.d.ts +11 -1
- package/amd/bundle.js +1 -1
- package/amd/deps/react/index.min.js +2 -0
- package/amd/deps/react/index.min.js.LICENSE.txt +14 -0
- package/amd/execution/ProgramRunner.js +1 -1
- package/amd/forms/FormComponent.d.ts +2 -2
- package/amd/forms/FormComponent.js +1 -1
- package/amd/forms/FormDefinition.d.ts +1 -1
- package/amd/forms/FormElementOuter.d.ts +3 -2
- package/amd/forms/FormElementOuter.js +1 -1
- package/amd/forms/FormHost.js +1 -1
- package/amd/forms/assets/arrow.js +1 -1
- package/amd/forms/assets/chevron.js +1 -1
- package/amd/forms/assets/cross.js +1 -1
- package/amd/forms/assets/datetime.js +1 -1
- package/amd/forms/assets/remove.js +1 -1
- package/amd/forms/assets/scan.js +1 -1
- package/amd/forms/common.js +1 -1
- package/amd/forms/components/DatePicker.d.ts +1 -1
- package/amd/forms/components/DatePicker.js +1 -1
- package/amd/forms/components/DateRangePicker.d.ts +1 -1
- package/amd/forms/components/DateRangePicker.js +1 -1
- package/amd/forms/components/DateTimePicker.js +1 -1
- package/amd/forms/components/Navigator.js +1 -1
- package/amd/forms/components/NumberRangeSlider.d.ts +1 -1
- package/amd/forms/components/NumberRangeSlider.js +1 -1
- package/amd/forms/components/NumberSlider.d.ts +1 -1
- package/amd/forms/components/NumberSlider.js +1 -1
- package/amd/forms/components/SyntheticButton.js +1 -1
- package/amd/forms/components/TimePickerInput.d.ts +1 -1
- package/amd/forms/components/TimePickerInput.js +1 -1
- package/amd/forms/dateUtilities.js +1 -1
- package/amd/forms/datetime.js +1 -1
- package/amd/forms/files.js +1 -1
- package/amd/forms/geometry.js +1 -1
- package/amd/forms/number.d.ts +1 -1
- package/amd/forms/number.js +1 -1
- package/amd/forms/numberSliderUtilities.js +1 -1
- package/amd/forms/presenter.js +1 -1
- package/amd/forms/renderers.js +1 -1
- package/amd/forms/scanner.js +1 -1
- package/amd/forms/selectors.js +1 -1
- package/amd/forms/text.js +1 -1
- package/amd/forms/utils.js +1 -1
- package/amd/libs/version.d.ts +1 -1
- package/amd/libs/version.js +1 -1
- package/amd/licensing/LicenseChecker.js +1 -1
- package/amd/licensing/Watermark.js +1 -1
- package/esm/Errors.js +1 -1
- package/esm/Validation.js +1 -1
- package/esm/activities/arcgis/AddFeatureLayer.js +1 -1
- package/esm/activities/arcgis/AddFeatures.js +1 -1
- package/esm/activities/arcgis/AddGraphics.js +1 -1
- package/esm/activities/arcgis/CreateFeatureSet.js +1 -1
- package/esm/activities/arcgis/DeleteFeatures.js +1 -1
- package/esm/activities/arcgis/Geoprocessing.js +1 -1
- package/esm/activities/arcgis/GeoprocessingAsync.js +1 -1
- package/esm/activities/arcgis/GetCodedValueDomain.js +1 -1
- package/esm/activities/arcgis/GetViewExtent.js +1 -1
- package/esm/activities/arcgis/MapProvider.js +1 -1
- package/esm/activities/arcgis/RemoveFeatureSetFields.js +1 -1
- package/esm/activities/arcgis/RemoveGraphics.js +1 -1
- package/esm/activities/arcgis/RunPrint.js +1 -1
- package/esm/activities/arcgis/RunReport.d.ts +1 -0
- package/esm/activities/arcgis/RunReport.js +1 -1
- package/esm/activities/arcgis/RunWorkflow.js +1 -1
- package/esm/activities/arcgis/SetViewpoint.js +1 -1
- package/esm/activities/arcgis/ShowResults.js +1 -1
- package/esm/activities/arcgis/UpdateFeatures.js +1 -1
- package/esm/activities/arcgis/runUtils.js +1 -1
- package/esm/activities/arcgis/shared.js +1 -1
- package/esm/activities/core/ForEach.js +1 -1
- package/esm/activities/core/ParseUrl.js +1 -1
- package/esm/activities/core/Subworkflow.js +1 -1
- package/esm/activities/forms/FormRenderer.d.ts +0 -1
- package/esm/activities/forms/FormRenderer.js +1 -1
- package/esm/app/ActivityPackUtils.js +1 -1
- package/esm/app/AppActivity.d.ts +47 -3
- package/esm/app/AppActivity.js +1 -1
- package/esm/app/RegisterCustomFormElementBase.d.ts +11 -1
- package/esm/app/RegisterCustomFormElementBase.js +1 -1
- package/esm/deps/react/index.min.js +2 -0
- package/esm/deps/react/index.min.js.LICENSE.txt +14 -0
- package/esm/execution/ProgramRunner.js +1 -1
- package/esm/forms/FormComponent.d.ts +2 -2
- package/esm/forms/FormComponent.js +1 -1
- package/esm/forms/FormDefinition.d.ts +1 -1
- package/esm/forms/FormElementOuter.d.ts +3 -2
- package/esm/forms/FormElementOuter.js +1 -1
- package/esm/forms/FormHost.js +1 -1
- package/esm/forms/assets/arrow.js +1 -1
- package/esm/forms/assets/chevron.js +1 -1
- package/esm/forms/assets/cross.js +1 -1
- package/esm/forms/assets/datetime.js +1 -1
- package/esm/forms/assets/remove.js +1 -1
- package/esm/forms/assets/scan.js +1 -1
- package/esm/forms/common.js +1 -1
- package/esm/forms/components/DatePicker.d.ts +1 -1
- package/esm/forms/components/DatePicker.js +1 -1
- package/esm/forms/components/DateRangePicker.d.ts +1 -1
- package/esm/forms/components/DateRangePicker.js +1 -1
- package/esm/forms/components/DateTimePicker.js +1 -1
- package/esm/forms/components/Navigator.js +1 -1
- package/esm/forms/components/NumberRangeSlider.d.ts +1 -1
- package/esm/forms/components/NumberRangeSlider.js +1 -1
- package/esm/forms/components/NumberSlider.d.ts +1 -1
- package/esm/forms/components/NumberSlider.js +1 -1
- package/esm/forms/components/SyntheticButton.js +1 -1
- package/esm/forms/components/TimePickerInput.d.ts +1 -1
- package/esm/forms/components/TimePickerInput.js +1 -1
- package/esm/forms/dateUtilities.js +1 -1
- package/esm/forms/datetime.js +1 -1
- package/esm/forms/files.js +1 -1
- package/esm/forms/geometry.js +1 -1
- package/esm/forms/number.d.ts +1 -1
- package/esm/forms/number.js +1 -1
- package/esm/forms/numberFormatter.js +1 -1
- package/esm/forms/numberSliderUtilities.js +1 -1
- package/esm/forms/presenter.js +1 -1
- package/esm/forms/renderers.js +1 -1
- package/esm/forms/scanner.js +1 -1
- package/esm/forms/selectors.js +1 -1
- package/esm/forms/text.js +1 -1
- package/esm/forms/utils.js +1 -1
- package/esm/libs/version.d.ts +1 -1
- package/esm/libs/version.js +1 -1
- package/esm/licensing/LicenseChecker.js +1 -1
- package/esm/licensing/Watermark.js +1 -1
- package/package.json +13 -8
- package/runtime/Errors.js +1 -1
- package/runtime/Validation.js +1 -1
- package/runtime/activities/arcgis/AddFeatureLayer.js +1 -1
- package/runtime/activities/arcgis/AddFeatures.js +1 -1
- package/runtime/activities/arcgis/AddGraphics.js +1 -1
- package/runtime/activities/arcgis/DeleteFeatures.js +1 -1
- package/runtime/activities/arcgis/GetViewExtent.js +1 -1
- package/runtime/activities/arcgis/MapProvider.js +1 -1
- package/runtime/activities/arcgis/RemoveFeatureSetFields.js +1 -1
- package/runtime/activities/arcgis/RemoveGraphics.js +1 -1
- package/runtime/activities/arcgis/RunPrint.js +1 -1
- package/runtime/activities/arcgis/RunReport.d.ts +1 -0
- package/runtime/activities/arcgis/RunReport.js +1 -1
- package/runtime/activities/arcgis/RunWorkflow.js +1 -1
- package/runtime/activities/arcgis/SetLayerDefinitionExpression.js +1 -1
- package/runtime/activities/arcgis/SetViewpoint.js +1 -1
- package/runtime/activities/arcgis/ShowResults.js +1 -1
- package/runtime/activities/arcgis/UpdateFeatures.js +1 -1
- package/runtime/activities/arcgis/runUtils.js +1 -1
- package/runtime/activities/arcgis/shared.js +1 -1
- package/runtime/activities/core/ForEach.js +1 -1
- package/runtime/activities/core/ParseUrl.js +1 -1
- package/runtime/activities/forms/FormRenderer.d.ts +0 -1
- package/runtime/activities/forms/FormRenderer.js +1 -1
- package/runtime/amdpile.js +1 -1
- package/runtime/amdpile.js.LICENSE.txt +12 -3
- package/runtime/app/AppActivity.d.ts +47 -3
- package/runtime/app/AppActivity.js +1 -1
- package/runtime/app/RegisterCustomFormElementBase.d.ts +11 -1
- package/runtime/bundle.js +1 -1
- package/runtime/deps/react/index.min.js +2 -0
- package/runtime/deps/react/index.min.js.LICENSE.txt +14 -0
- package/runtime/execution/ProgramRunner.js +1 -1
- package/runtime/forms/FormComponent.d.ts +2 -2
- package/runtime/forms/FormComponent.js +1 -1
- package/runtime/forms/FormDefinition.d.ts +1 -1
- package/runtime/forms/FormElementOuter.d.ts +3 -2
- package/runtime/forms/FormElementOuter.js +1 -1
- package/runtime/forms/FormHost.js +1 -1
- package/runtime/forms/assets/arrow.js +1 -1
- package/runtime/forms/assets/chevron.js +1 -1
- package/runtime/forms/assets/cross.js +1 -1
- package/runtime/forms/assets/datetime.js +1 -1
- package/runtime/forms/assets/remove.js +1 -1
- package/runtime/forms/assets/scan.js +1 -1
- package/runtime/forms/common.js +1 -1
- package/runtime/forms/components/DatePicker.d.ts +1 -1
- package/runtime/forms/components/DatePicker.js +1 -1
- package/runtime/forms/components/DateRangePicker.d.ts +1 -1
- package/runtime/forms/components/DateRangePicker.js +1 -1
- package/runtime/forms/components/DateTimePicker.js +1 -1
- package/runtime/forms/components/Navigator.js +1 -1
- package/runtime/forms/components/NumberRangeSlider.d.ts +1 -1
- package/runtime/forms/components/NumberRangeSlider.js +1 -1
- package/runtime/forms/components/NumberSlider.d.ts +1 -1
- package/runtime/forms/components/NumberSlider.js +1 -1
- package/runtime/forms/components/SyntheticButton.js +1 -1
- package/runtime/forms/components/TimePickerInput.d.ts +1 -1
- package/runtime/forms/components/TimePickerInput.js +1 -1
- package/runtime/forms/dateUtilities.js +1 -1
- package/runtime/forms/datetime.js +1 -1
- package/runtime/forms/files.js +1 -1
- package/runtime/forms/geometry.js +1 -1
- package/runtime/forms/number.d.ts +1 -1
- package/runtime/forms/number.js +1 -1
- package/runtime/forms/numberSliderUtilities.js +1 -1
- package/runtime/forms/presenter.js +1 -1
- package/runtime/forms/renderers.js +1 -1
- package/runtime/forms/scanner.js +1 -1
- package/runtime/forms/selectors.js +1 -1
- package/runtime/forms/text.js +1 -1
- package/runtime/forms/utils.js +1 -1
- package/runtime/libs/version.d.ts +1 -1
- package/runtime/libs/version.js +1 -1
- package/runtime/licensing/LicenseChecker.js +1 -1
- package/runtime/licensing/Watermark.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";function renderChevronUp(){return React.createElement("svg",{className:"chevronUp",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M20 15.3l-8-8-8 8 1.4 1.4 6.6-6.6 6.6 6.6 1.4-1.4z"})))}function renderChevronDown(){return React.createElement("svg",{className:"chevronDown",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M18.6 7.3L12 13.9 5.4 7.3 4 8.7l8 8 8-8-1.4-1.4z"})))}export{renderChevronUp,renderChevronDown};
|
|
1
|
+
import*as React from"react";function renderChevronUp(){return React.createElement("svg",{className:"chevronUp",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M20 15.3l-8-8-8 8 1.4 1.4 6.6-6.6 6.6 6.6 1.4-1.4z"})))}function renderChevronDown(){return React.createElement("svg",{className:"chevronDown",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M18.6 7.3L12 13.9 5.4 7.3 4 8.7l8 8 8-8-1.4-1.4z"})))}export{renderChevronUp,renderChevronDown};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";function renderCrossAdd(){return React.createElement("svg",{className:"crossAdd",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("polyline",{points:"0 100 200 100"}),React.createElement("polyline",{points:"100 0 100 200"}))}function renderCrossDelete(){return React.createElement("svg",{className:"crossDelete",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("circle",{cx:"100",cy:"100",r:"100"}),React.createElement("polyline",{points:"50 50 150 150"}),React.createElement("polyline",{points:"50 150 150 50"}))}export{renderCrossAdd,renderCrossDelete};
|
|
1
|
+
import*as React from"react";function renderCrossAdd(){return React.createElement("svg",{className:"crossAdd",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("polyline",{points:"0 100 200 100"}),React.createElement("polyline",{points:"100 0 100 200"}))}function renderCrossDelete(){return React.createElement("svg",{className:"crossDelete",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("circle",{cx:"100",cy:"100",r:"100"}),React.createElement("polyline",{points:"50 50 150 150"}),React.createElement("polyline",{points:"50 150 150 50"}))}export{renderCrossAdd,renderCrossDelete};
|
|
@@ -1 +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};
|
|
1
|
+
import*as 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};
|
|
@@ -1 +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};
|
|
1
|
+
import*as 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};
|
package/esm/forms/assets/scan.js
CHANGED
|
@@ -1 +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};
|
|
1
|
+
import*as 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};
|
package/esm/forms/common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useCallback}from"react";import*as React 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",React.createElement("span",{className:n,dangerouslySetInnerHTML:t,id:getTitleId(r)})):null}function renderDescription(e,t,r,n){t=textToHtml(e.description,t);return 0<t?.__html?.length?React.createElement("aside",{className:n,dangerouslySetInnerHTML:t,id:getDescriptionId(r)}):null}function renderError(e,t){t=textToHtml(e.error,t);return 0<t?.__html?.length?React.createElement("div",{className:"notice",dangerouslySetInnerHTML:t,role:"alert"}):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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parse}from"date-fns";import
|
|
1
|
+
import{parse}from"date-fns";import{useEffect,useState,lazy,Suspense}from"react";import*as React 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: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(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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parse,isAfter,isBefore,isEqual}from"date-fns";import
|
|
1
|
+
import{parse,isAfter,isBefore,isEqual}from"date-fns";import{useEffect,useRef,useState,lazy,Suspense}from"react";import*as React 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,n=useRef(),[a,o]=useState(!1),[l,c]=useState(),[s,i]=useState(),[d,m]=useState(),[u,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 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)),p(getDateAsLocaleFormattedString(e.endDate))):void 0===r.value&&(c(void 0),m(void 0),i(""),p("")),r.error&&A(),N(e?.startDate,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),p(o)),A(),a=a?r:t,C(r,a)):(m(t),p(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:p)(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:n.current?.startDate||new Date,endDate:n.current?.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:D,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:D,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:D,onClick:()=>{o(!a)}},renderCalendar()),a&&React.createElement(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),p(getDateAsLocaleFormattedString(e)),A(),C(t,e)},locale:currentLocale}),React.createElement("button",{className:"done",onClick:()=>{o(!1)}},v.renderText("@common-done")))))))};export default DateRangePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useState}from"react";import*as React 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,r]=useState(!1),{component:n,element:i}=e,{host:l,name:c}=n.props;var s=useFocusCallback(n);const u=[i.type,makeSafeClassName(c)];var m=l.renderText(i.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"})(i.value,i.format),p=l.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}})(i.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}})(i.value);"DatePicker"===i.type&&(v="date"),"TimePicker"===i.type&&(v="time");let k=f;"datetime"===v&&"date"===g?k=void 0:g=v;e={calendar:p,disabled:!n.enabled,doneText:l.renderText("@common-done"),placeholder:l.renderText(i.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;r(e),e&&a(!1)};const T=[];function h(e,t){void 0!==e&&isFinite(e.valueOf())?i.value={refValueType:t,format:d,display:p.format(e,Calendar.fullFormat),value:e.valueOf()}:i.value=void 0}return"DatePicker"!==i.type&&"DateTimePicker"!==i.type||T.push(React.createElement(DatePicker,{component:n,element:i,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),n.forceUpdate(),l.post("changed",{name:c,value:i.value}))},onPopupToggle:()=>{var e=!t;a(e),e&&r(!1)},value:f})),"TimePicker"!==i.type&&"DateTimePicker"!==i.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),n.forceUpdate(),l.post("changed",{name:c,value:i.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:n,element:i},T)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";const domReferenceKey="__navigator";class Navigator extends
|
|
1
|
+
import{Component}from"react";import*as React 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 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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useEffect,useMemo,useRef,useState}from"react";import*as React 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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useEffect,useMemo,useRef,useState}from"react";import*as React 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 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:u,upperBound:m,precision:c}=l,{showMinMaxLabels:i,manualEntry:p}=a,d={format:l.displayFormat,fractionalDigits:c,locale:n.deriveLocale()},f=e=>{var t;a.value=(t=e,{refValueType:"number",format:l,display:n.formatNumber(t,d),numeric:t}),s.current=e},[E,b]=useState(),[g,x]=useState();useEffect(()=>{var e=a.value;null!==s.current&&e?.numeric===s.current||(e=getNumberSliderValues(e,l,!0),f(e[0]),L(e[0]))},[a.value]);var v=useFocusCallback(t);let N=l.step,h=a.showTickMarks;h=0<N&&h,0===N&&(N=1/Math.pow(10,c));e=n.renderText(a.tooltip);const C=[a.type,makeSafeClassName(r)],S=e=>{e=D(e),L(e),e!==s.current&&(f(e),n.post("changed",{name:r,value:a.value}))},R=e=>{x(e.target.value),t.autoInput&&k(e.target.value)},y=e=>{k(e.target.value)},F=e=>{e.stopPropagation(),t.autoInput=!1,"Enter"===e.key?k(g+""):"Escape"===e.key&&L(E)},M=e=>{t.autoInput=!0},A=e=>e.target.select(),D=e=>e<u?u:e>m?m:e,k=e=>{let t=""!==e?Number(e):NaN;isNaN(t)?L(t):(t<u&&(t=u),t>m&&(t=m),S(t))},L=e=>{b(e),x(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 React.createElement(FormElementOuter,{className:C.join(" "),component:t,element:a,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{step:N,min:u,max:m,values:[E],onChange:e=>(e=>{e=D(e),L(e)})(e[0]),onFinalChange:e=>S(e[0]),renderMark:e=>{var{props:t,index:e}=e,e=u+e*N>m;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&&T(n.formatNumber(u,d),"20px","-12px",void 0,"#333","#fff"),!1!==i&&T(n.formatNumber(m,d),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r}=e,a=m-u,o=r-u,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"}},T(n.formatNumber(r,d),"-32px",e,o))},disabled:o,ref:v})),!1===p?null:React.createElement("div",{className:"inputs"},React.createElement("span",null,React.createElement("input",{type:"number",disabled:o,min:u,max:m,step:N,title:g+"",value:g,onBlur:y,onChange:R,onKeyDown:F,onMouseDown:M,onFocus:A}))))};export default NumberSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";const domReferenceKey="__synthetic_button";class SyntheticButton extends
|
|
1
|
+
import{Component}from"react";import*as React from"react";const domReferenceKey="__synthetic_button";class SyntheticButton extends 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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useCallback,useRef,useState,forwardRef}from"react";import*as React 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: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,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});
|
|
@@ -1 +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(
|
|
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(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
CHANGED
|
@@ -1 +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};
|
|
1
|
+
import*as React from"react";import DateRangePicker from"./components/DateRangePicker.js";import DateTimePicker from"./components/DateTimePicker.js";function renderDateRangePicker(e,r){return React.createElement(DateRangePicker,{component:e,element:r})}function renderDateTimePicker(e,r){return React.createElement(DateTimePicker,{component:e,element:r})}export{renderDateRangePicker,renderDateTimePicker};
|
package/esm/forms/files.js
CHANGED
|
@@ -1 +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,
|
|
1
|
+
import*as 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,s){const{host:r,name:t}=a.props;var e=s.size;let n=s.value,i=5,l;"number"==typeof e&&(i=1<e?Math.ceil(e):1),n&&(isFilesRef(n)&&Array.isArray(n.files)||(s.value=n=void 0));var c=r.renderText(s.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":r.renderText("@file-picker-remove-item-label"),className:"delete",disabled:!a.enabled,ref:e=>renderFocus(e,t,r),onClick:(e=>()=>{1<n.files.length?n.files.splice(e,1):s.value=void 0,a.forceUpdate(),r.post("changed",{name:t,value:s.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,r),f(e)},onClick:()=>{l.value=null,l.click()}},renderCrossAdd(),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:{__html:r.renderHtml(s.prompt)}}))));const p=[s.type,makeSafeClassName(t)];e=1!==i;return React.createElement(FormElementOuter,{className:p.join(" "),component:a,element:s,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?.length){const l=n?.files||[];for(let e=0;e<t.length&&l.length!==i;e++)l.push(t[e]);e={refValueType:"files",files:l};s.value=e,a.forceUpdate(),r.post("changed",{name:a.props.name,value:e})}})(e.target),multiple:e,accept:s.fileTypes,ref:e=>{l=e}}))}export{renderFilePicker};
|
package/esm/forms/geometry.js
CHANGED
|
@@ -1 +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
|
|
1
|
+
import{Component}from"react";import*as 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 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 m=n.state;function u(e){let t=m[e];return void 0!==t&&null!==t||(m.length<=e&&(m.length=e,m.push({})),t=m[e]),t}void 0!==m&&null!==m||(m=n.state=[]);const p=t.enabled;function f(t,n=!0){let r;function o(){const e=u(t);e.checked=p&&r.checked,e.focused=p&&r.focused,e.pending=p&&r.pending,n&&s.renderState(a,"geometry",m),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){p&&"delete"===getKeyString(e)&&void 0!==u(t).content&&h(t)()}}}function h(e){return function(){1<c.length?(c.splice(e,1),m.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 g=t.enabled;const v=[];if(void 0!==i){g=t.enabled&&i.geometry.length<r;for(const b of i.geometry){const y=v.length;u(y).content=b;var C={__html:s.renderHtml(l[y]||d)};v.push(React.createElement(StateTrackingElement,{className:"shape",key:"$"+y,...f(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=u(t).checked)}}(y)}),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:C})),React.createElement("button",{className:"delete",disabled:!t.enabled,ref:e=>renderFocus(e,a,s),onClick:h(y)},renderRemove()))))}}function k(){s.post("clicked",{name:a,value:i})}e={__html:s.renderHtml(n.prompt)},o=s.renderText(n.tooltip);const y=v.length;var R=t.enabled&&void 0!==i;v.push(React.createElement(StateTrackingElement,{className:"add-shape",key:"footer",...f(y,!1)},React.createElement("button",{className:"add",disabled:!g,title:o,ref:e=>renderFocus(e,a,s),onClick:k},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&&(g&&setTimeout(()=>k()),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"},v))}export{renderGeometryPicker};
|
package/esm/forms/number.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as defs from "./FormDefinition";
|
|
|
3
3
|
export declare function renderNumberRangeSlider(component: FormComponent, element: defs.Element): JSX.Element;
|
|
4
4
|
export declare function renderNumberSlider(component: FormComponent, element: defs.Element): JSX.Element;
|
|
5
5
|
/**
|
|
6
|
-
* Renders the 'Number' form element
|
|
6
|
+
* Renders the 'Number' form element.
|
|
7
7
|
* @param component The form component.
|
|
8
8
|
* @param element The element used in the form.
|
|
9
9
|
*/
|
package/esm/forms/number.js
CHANGED
|
@@ -1 +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=
|
|
1
|
+
import{lazy,Suspense}from"react";import*as 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=lazy(()=>import("./components/NumberRangeSlider")),NumberSlider=lazy(()=>import("./components/NumberSlider"));function renderNumberRangeSlider(e,r){return React.createElement(Suspense,{fallback:null},React.createElement(NumberRangeSlider,{component:e,element:r}))}function renderNumberSlider(e,r){return React.createElement(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(n,t){const r=n.props.name,o=n.props.host;let u=renderRangeFormat(t.value,t.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 m=Math.floor(u.lowerBound/l)*l;"number"==typeof m&&0*m==0||(m=void 0);let i=Math.ceil(u.upperBound/l)*l;"number"==typeof i&&0*i==0||(i=void 0),void 0!==m&&void 0!==i&&i<=m&&(m=void 0,i=void 0);const s=[CssClasses.NUMERIC,makeSafeClassName(r)];void 0!==e&&s.push(CssClasses.STEPPER),u={precision:a,step:e,lowerBound:m,upperBound:i};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!==i&&e>i&&(e=i),void 0!==m&&e<m&&(e=m),Math.round(e/l)*l}(r)))return t.value=void 0,"";{t.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 f=null,d=("number"==typeof(b=t.value)?.numeric&&(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),f.value=e,d!==e&&(d=e,o.post("changed",{name:r,value:t.value}),1)}var N=o.renderText(t.prompt),g=o.renderText(t.tooltip);return React.createElement(FormElementOuter,{className:s.join(" "),component:n,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label",ref:function(e){null!==e&&null===e.querySelector("*:focus")&&(f.value=d,o.renderFocus(f,r))}},React.createElement("input",{placeholder:N,title:g,type:"number",disabled:!n.enabled,min:m,max:i,step:e,onKeyDown:function(e){var r=getKeyString(e);if("enter"===r&&v(f.value))return f.select(),e.preventDefault(),e.stopPropagation(),!1;"escape"===r&&(f.value=d,f.select()),n.autoInput=!1},onFocus:function(){f.select()},onMouseDown:function(){n.autoInput=!0},onChange:function(){n.autoInput&&(v(f.value),f.select())},onBlur:function(){v(f.value)},ref:function(e){f=e}}))}export{renderNumberRangeSlider,renderNumberSlider,renderNumber};
|
|
@@ -1 +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){
|
|
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){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};
|
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import
|
|
1
|
+
import{createElement}from"react";import*as React 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(React.createElement(FormComponent,{host:e,type:"form"}),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 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};
|
package/esm/forms/renderers.js
CHANGED
|
@@ -1 +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={},
|
|
1
|
+
import{createElement}from"react";import*as 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={},c=[];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 c)if(r.name===e)return r})(r);return void 0===t&&(t={host:o,name:r,type:"section",children:[]},c.push(t)),t}function i(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&&i(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 E=[];if(0<n.children.length&&E.push(React.createElement(FormComponent,{key:"header",...n})),0<r.children.length)E.push(React.createElement(FormComponent,{key:"main",...r}));else{v(s);for(const N of c)y=N.name,null!=(y=p[y])&&(i(y.type)||!0===y.hoisted||!1===y.visible)||v(t(N.name));0<m.children.length&&E.push(React.createElement(FormComponent,{key:"main",...m}))}function v(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&&E.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"))}},E)}function renderHeader(e){return React.createElement("div",{className:"Header"},e.props.children)}function renderFooter(e){return React.createElement("div",{className:"Footer"},e.props.children)}function renderBody(e){return React.createElement("div",{className:"Body"},e.props.children)}function renderRow(e){return React.createElement("div",{className:"Row"},e.props.children)}function renderMain(e){return React.createElement("div",{className:"Main"},e.props.children)}function renderNone(e){return React.createElement("div",{className:"None"},"--- Unsupported Form Element (name=",e.props.name,") ---")}var element;function getElementProps(e,r){return{...r,element:r,name:e.props.name,enabled:r.enabled,setProperty:e.setProperty,setValue:e.setValue,raiseEvent:e.raiseEvent,value:r.value}}!function(e){e.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,c;var i=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,i,"caption"),c=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,i),c=l;var u=renderDescription(t,n,i),s=renderError(t,n),p=l?.props?.id,i=u?.props?.id;return React.createElement("div",{"aria-labelledby":p,"aria-describedby":i,className:m.join(" ")},c,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,c={__html:n.renderHtml(m.label,defs.HTMLContentCategory.Phrasing)},i=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:i,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:c}))}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?createElement(e.elementRegistration.component,getElementProps(e,r)):`--- ${r.customType} ---`)}}(element=element||{});export{renderForm,renderHeader,renderFooter,renderBody,renderRow,renderMain,renderNone,element,getElementProps};
|
package/esm/forms/scanner.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useState,useEffect,useRef}from"react";import*as React from"react";import FormElementOuter from"./FormElementOuter.js";import{renderRemove,renderScanBarcode,renderScanQrcode,renderScanMulti}from"./assets/stock.js";import{useFocusCallback}from"./common.js";import{CssClasses,ScanType,SCANNER_DEFAULT_ROW_COUNT}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isScanRef,makeSafeClassName}from"./utils.js";function renderScanner(e,a){return React.createElement(Scanner,{component:e,element:a})}const CAMERA_READY_TIMEOUT_MS=1500;var EntryMethod;!function(e){e.Camera="camera",e.Manual="manual"}(EntryMethod=EntryMethod||{});const convertToScanRef=(e,a,t)=>{var r=typeof e,r="number"==r||"string"==r?e.toString():e?.value?.toString();if(r)return a=a||e?.entryMethod||EntryMethod.Manual,{refValueType:"scan",value:r,scanType:t=t||e?.scanType,entryMethod:a}},Scanner=e=>{const[t,o]=useState(),[a,r]=useState(""),[n,c]=useState(!1),[s,l]=useState(!0),m=useRef(),{component:i,element:d}=e,{host:u,name:p}=i.props;var E="barcode"!==d.scanType;let v=d.value;useEffect(()=>(c(!0),()=>c(!1)),[]),useEffect(()=>{n&&d.enabled&&d.autoActivate&&(d.autoActivate=!1,R())},[n]),useEffect(()=>{const e=()=>{l(!1),setTimeout(()=>{n&&l(!0)},CAMERA_READY_TIMEOUT_MS)};return t&&e(),()=>{t&&(t.reset(),e())}},[t]);var y=useFocusCallback(i);useEffect(()=>{!isScanRef(v)&&v&&(d.value=v=convertToScanRef(v));var e=v?.value||"";a!==e&&r(e)},[v]);var S=u.renderText(d.tooltip);const f=(e,a,t)=>{e&&v?.value!==e&&(t=convertToScanRef(e,a,t),d.value=t,r(e),u.post("changed",{name:i.props.name,value:t}))},C=async e=>{var a=await import("@zxing/library");let t=void 0;return e===ScanType.QrCode?t=[a.BarcodeFormat.QR_CODE,a.BarcodeFormat.DATA_MATRIX,a.BarcodeFormat.AZTEC,a.BarcodeFormat.PDF_417,a.BarcodeFormat.MAXICODE]:e===ScanType.BarCode&&(t=[a.BarcodeFormat.CODABAR,a.BarcodeFormat.CODE_39,a.BarcodeFormat.CODE_93,a.BarcodeFormat.CODE_128,a.BarcodeFormat.EAN_8,a.BarcodeFormat.EAN_13,a.BarcodeFormat.ITF,a.BarcodeFormat.RSS_14,a.BarcodeFormat.RSS_EXPANDED,a.BarcodeFormat.UPC_A,a.BarcodeFormat.UPC_E]),t},R=async()=>{if(t)return o(null),void u.post("cancel",{name:i.props.name,type:"cancel"});var e;const a=await import("@zxing/library");n&&(e=await(async e=>{var a=await import("@zxing/library"),e=await C(e);const t=new Map;return t.set(a.DecodeHintType.POSSIBLE_FORMATS,e),t})(d.scanType),e=new a.BrowserMultiFormatReader(e),o(e),await(async e=>{try{var a=await e.listVideoInputDevices();if(!a||0==a.length)throw new DOMException("No video input devices detected.");const r=await e.decodeOnceFromVideoDevice(void 0,m.current),n=await C(ScanType.QrCode);var t=n.indexOf(r.getBarcodeFormat())<0?ScanType.BarCode:ScanType.QrCode;f(r.toString(),EntryMethod.Camera,t),o(null)}catch(e){e instanceof DOMException&&(d.error=e.message,o(null))}})(e))};var T=e=>{t&&o(null),f(e.currentTarget.value,EntryMethod.Manual)},e=e=>{r(e.currentTarget.value)};const F=[d.type,makeSafeClassName(p)];return React.createElement(FormElementOuter,{className:F.join(" "),component:i,element:d,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"items"},React.createElement("div",{className:"scanner-container"},React.createElement("video",{className:"video-element",hidden:!t,ref:m}),React.createElement("div",{className:"user-controls"},E?React.createElement("textarea",{className:"manual-entry",disabled:!(i.enabled&&d.manualEntry),onBlur:T,onChange:e,onKeyDown:e=>e.stopPropagation(),ref:y,rows:d.size||SCANNER_DEFAULT_ROW_COUNT,spellCheck:!1,title:S,value:a}):React.createElement("input",{className:"manual-entry",disabled:!(i.enabled&&d.manualEntry),onBlur:T,onChange:e,onKeyDown:e=>{var a=e.currentTarget;"enter"===getKeyString(e)&&(e.stopPropagation(),t&&o(null),f(a.value,EntryMethod.Manual))},ref:y,title:S,type:"text",value:a}),React.createElement("button",{className:t?"scan activated":"scan",disabled:!(i.enabled&&s),title:S,onClick:e=>R(),ref:y},(t?renderRemove:d.scanType===ScanType.BarCode?renderScanBarcode:d.scanType===ScanType.QrCode?renderScanQrcode:renderScanMulti)())))))};export{renderScanner};
|