@formio/js 5.0.0-dev.5671.e370c98 → 5.0.0-dev.5673.3d062b9
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/dist/formio.form.js +4 -4
- package/dist/formio.form.min.js +1 -1
- package/dist/formio.full.js +4 -4
- package/dist/formio.full.min.js +1 -1
- package/dist/formio.utils.js +3 -3
- package/dist/formio.utils.min.js +1 -1
- package/lib/cjs/components/number/Number.js +1 -1
- package/lib/cjs/components/number/fixtures/index.d.ts +1 -2
- package/lib/cjs/components/number/fixtures/index.js +1 -3
- package/lib/cjs/utils/conditionOperators/DateGreaterThan.js +2 -1
- package/lib/cjs/utils/conditionOperators/IsEmptyValue.js +2 -1
- package/lib/cjs/utils/conditionOperators/IsEqualTo.js +3 -3
- package/lib/mjs/components/number/Number.js +1 -1
- package/lib/mjs/components/number/fixtures/index.d.ts +1 -2
- package/lib/mjs/components/number/fixtures/index.js +1 -2
- package/lib/mjs/utils/conditionOperators/DateGreaterThan.js +1 -1
- package/lib/mjs/utils/conditionOperators/IsEmptyValue.js +1 -1
- package/lib/mjs/utils/conditionOperators/IsEqualTo.js +1 -1
- package/package.json +1 -1
- package/lib/cjs/components/number/fixtures/comp8.d.ts +0 -32
- package/lib/cjs/components/number/fixtures/comp8.js +0 -28
- package/lib/mjs/components/number/fixtures/comp8.d.ts +0 -32
- package/lib/mjs/components/number/fixtures/comp8.js +0 -26
package/dist/formio.full.js
CHANGED
|
@@ -6634,7 +6634,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
6634
6634
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
6635
6635
|
|
|
6636
6636
|
"use strict";
|
|
6637
|
-
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst text_mask_addons_1 = __webpack_require__(/*! @formio/text-mask-addons */ \"./node_modules/@formio/text-mask-addons/dist/textMaskAddons.js\");\nconst vanilla_text_mask_1 = __webpack_require__(/*! @formio/vanilla-text-mask */ \"./node_modules/@formio/vanilla-text-mask/dist/vanillaTextMask.js\");\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst Input_1 = __importDefault(__webpack_require__(/*! ../_classes/input/Input */ \"./lib/cjs/components/_classes/input/Input.js\"));\nconst utils_1 = __webpack_require__(/*! ../../utils/utils */ \"./lib/cjs/utils/utils.js\");\nclass NumberComponent extends Input_1.default {\n static schema(...extend) {\n return Input_1.default.schema({\n type: 'number',\n label: 'Number',\n key: 'number',\n validate: {\n min: '',\n max: '',\n step: 'any',\n integer: ''\n }\n }, ...extend);\n }\n static get builderInfo() {\n return {\n title: 'Number',\n icon: 'hashtag',\n group: 'basic',\n documentation: '/userguide/form-building/form-components#number',\n weight: 30,\n schema: NumberComponent.schema()\n };\n }\n static get serverConditionSettings() {\n return NumberComponent.conditionOperatorsSettings;\n }\n static get conditionOperatorsSettings() {\n return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'lessThan', 'greaterThan', 'lessThanOrEqual', 'greaterThanOrEqual'], valueComponent(classComp) {\n return Object.assign(Object.assign({}, classComp), { type: 'number' });\n } });\n }\n static savedValueTypes(schema) {\n schema = schema || {};\n return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.number];\n }\n constructor(...args) {\n var _a, _b;\n super(...args);\n const separators = (0, utils_1.getNumberSeparators)(this.options.language || navigator.language);\n this.decimalSeparator = this.options.decimalSeparator = this.
|
|
6637
|
+
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst text_mask_addons_1 = __webpack_require__(/*! @formio/text-mask-addons */ \"./node_modules/@formio/text-mask-addons/dist/textMaskAddons.js\");\nconst vanilla_text_mask_1 = __webpack_require__(/*! @formio/vanilla-text-mask */ \"./node_modules/@formio/vanilla-text-mask/dist/vanillaTextMask.js\");\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst Input_1 = __importDefault(__webpack_require__(/*! ../_classes/input/Input */ \"./lib/cjs/components/_classes/input/Input.js\"));\nconst utils_1 = __webpack_require__(/*! ../../utils/utils */ \"./lib/cjs/utils/utils.js\");\nclass NumberComponent extends Input_1.default {\n static schema(...extend) {\n return Input_1.default.schema({\n type: 'number',\n label: 'Number',\n key: 'number',\n validate: {\n min: '',\n max: '',\n step: 'any',\n integer: ''\n }\n }, ...extend);\n }\n static get builderInfo() {\n return {\n title: 'Number',\n icon: 'hashtag',\n group: 'basic',\n documentation: '/userguide/form-building/form-components#number',\n weight: 30,\n schema: NumberComponent.schema()\n };\n }\n static get serverConditionSettings() {\n return NumberComponent.conditionOperatorsSettings;\n }\n static get conditionOperatorsSettings() {\n return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'lessThan', 'greaterThan', 'lessThanOrEqual', 'greaterThanOrEqual'], valueComponent(classComp) {\n return Object.assign(Object.assign({}, classComp), { type: 'number' });\n } });\n }\n static savedValueTypes(schema) {\n schema = schema || {};\n return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.number];\n }\n constructor(...args) {\n var _a, _b;\n super(...args);\n const separators = (0, utils_1.getNumberSeparators)(this.options.language || navigator.language);\n this.decimalSeparator = this.options.decimalSeparator = this.options.decimalSeparator\n || ((_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.decimalSeparator)\n || separators.decimalSeparator;\n if (this.component.delimiter) {\n if (this.options.hasOwnProperty('thousandsSeparator')) {\n console.warn(\"Property 'thousandsSeparator' is deprecated. Please use i18n to specify delimiter.\");\n }\n this.delimiter = ((_b = this.options.properties) === null || _b === void 0 ? void 0 : _b.thousandsSeparator) || this.options.thousandsSeparator || separators.delimiter;\n }\n else {\n this.delimiter = '';\n }\n const requireDecimal = lodash_1.default.get(this.component, 'requireDecimal', false);\n this.decimalLimit = (0, utils_1.getNumberDecimalLimit)(this.component, requireDecimal ? 2 : 20);\n // Currencies to override BrowserLanguage Config. Object key {}\n if (lodash_1.default.has(this.options, `languageOverride.${this.options.language}`)) {\n const override = lodash_1.default.get(this.options, `languageOverride.${this.options.language}`);\n this.decimalSeparator = override.decimalSeparator;\n this.delimiter = override.delimiter;\n }\n this.numberMask = this.createNumberMask();\n }\n /**\n * Creates the number mask for normal numbers.\n * @returns {*} - The number mask.\n */\n createNumberMask() {\n return (0, text_mask_addons_1.createNumberMask)({\n prefix: '',\n suffix: '',\n requireDecimal: lodash_1.default.get(this.component, 'requireDecimal', false),\n thousandsSeparatorSymbol: lodash_1.default.get(this.component, 'thousandsSeparator', this.delimiter),\n decimalSymbol: lodash_1.default.get(this.component, 'decimalSymbol', this.decimalSeparator),\n decimalLimit: lodash_1.default.get(this.component, 'decimalLimit', this.decimalLimit),\n allowNegative: lodash_1.default.get(this.component, 'allowNegative', true),\n allowDecimal: this.isDecimalAllowed(),\n });\n }\n get defaultSchema() {\n return NumberComponent.schema();\n }\n get defaultValue() {\n let defaultValue = super.defaultValue;\n if (!defaultValue && this.component.defaultValue === 0) {\n defaultValue = this.component.defaultValue;\n }\n if (!this.component.multiple && lodash_1.default.isArray(defaultValue)) {\n defaultValue = !defaultValue[0] && defaultValue[0] !== 0 ? null : defaultValue[0];\n }\n return defaultValue;\n }\n isDecimalAllowed() {\n return lodash_1.default.get(this.component, 'allowDecimal', !(this.component.validate && this.component.validate.integer));\n }\n parseNumber(value) {\n // Remove delimiters and convert decimal separator to dot.\n value = value.split(this.delimiter).join('').replace(this.decimalSeparator, '.');\n if (this.component.validate && this.component.validate.integer) {\n return parseInt(value, 10);\n }\n else {\n return parseFloat(value);\n }\n }\n setInputMask(input) {\n let numberPattern = '[0-9';\n numberPattern += this.decimalSeparator || '';\n numberPattern += this.delimiter || '';\n numberPattern += ']*';\n input.setAttribute('pattern', numberPattern);\n input.mask = (0, vanilla_text_mask_1.maskInput)({\n inputElement: input,\n mask: this.numberMask,\n shadowRoot: this.root ? this.root.shadowRoot : null,\n });\n }\n get inputInfo() {\n const info = super.inputInfo;\n if (this.component.mask) {\n info.attr.type = 'password';\n }\n else {\n info.attr.type = 'text';\n }\n info.attr.inputmode = this.isDecimalAllowed() ? 'decimal' : 'numeric';\n info.changeEvent = 'input';\n return info;\n }\n getValueAt(index) {\n if (!this.refs.input.length || !this.refs.input[index]) {\n return null;\n }\n const val = this.refs.input[index].value;\n return val && val !== '-_' ? this.parseNumber(val) : null;\n }\n setValueAt(index, value, flags = {}) {\n return super.setValueAt(index, this.formatValue(this.parseValue(value)), flags);\n }\n parseValue(input) {\n if (typeof input === 'string') {\n input = input.split(this.delimiter).join('').replace(this.decimalSeparator, '.');\n }\n let value = parseFloat(input);\n if (!lodash_1.default.isNaN(value)) {\n value = String(value).replace('.', this.decimalSeparator);\n }\n else {\n value = null;\n }\n return value;\n }\n formatValue(value) {\n if (this.component.requireDecimal && value && !value.includes(this.decimalSeparator)) {\n return `${value}${this.decimalSeparator}${lodash_1.default.repeat('0', this.decimalLimit)}`;\n }\n else if (this.component.requireDecimal && value && value.includes(this.decimalSeparator)) {\n return `${value}${lodash_1.default.repeat('0', this.decimalLimit - value.split(this.decimalSeparator)[1].length)}`;\n }\n return value;\n }\n focus() {\n const input = this.refs.input[0];\n if (input) {\n super.focus.call(this);\n input.setSelectionRange(0, input.value.length);\n }\n }\n getMaskedValue(value) {\n value = value === null ? '0' : value.toString();\n if (value.includes('.') && '.' !== this.decimalSeparator) {\n value = value.replace('.', this.decimalSeparator);\n }\n return (0, vanilla_text_mask_1.conformToMask)(this.formatValue(value), this.numberMask).conformedValue;\n }\n getValueAsString(value, options) {\n if (!value && value !== 0) {\n return '';\n }\n value = this.getWidgetValueAsString(value, options);\n if (Array.isArray(value)) {\n return value.map((val) => this.getMaskedValue(val)).join(', ');\n }\n return this.getMaskedValue(value);\n }\n addFocusBlurEvents(element) {\n super.addFocusBlurEvents(element);\n this.addEventListener(element, 'blur', () => {\n element.value = this.getValueAsString(this.formatValue(this.parseValue(element.value)));\n });\n }\n}\nexports[\"default\"] = NumberComponent;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/number/Number.js?");
|
|
6638
6638
|
|
|
6639
6639
|
/***/ }),
|
|
6640
6640
|
|
|
@@ -7833,7 +7833,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7833
7833
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
7834
7834
|
|
|
7835
7835
|
"use strict";
|
|
7836
|
-
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nclass DateGeaterThan extends ConditionOperator_1.default {\n static get operatorKey() {\n return 'dateGreaterThan';\n }\n static get displayedName() {\n return 'Greater Than';\n }\n getFormattedDates({ value, comparedValue, conditionTriggerComponent }) {\n const hasValidationFormat = conditionTriggerComponent ? conditionTriggerComponent.getValidationFormat : null;\n const date = hasValidationFormat ? (0, moment_1.default)(value, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(value);\n const comparedDate = hasValidationFormat ? (0, moment_1.default)(comparedValue, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(comparedValue);\n return { date, comparedDate };\n }\n execute(options, functionName = 'isAfter') {\n const { value, instance, conditionComponentPath } = options;\n if (!value) {\n return false;\n }\n let conditionTriggerComponent = null;\n if (instance
|
|
7836
|
+
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nclass DateGeaterThan extends ConditionOperator_1.default {\n static get operatorKey() {\n return 'dateGreaterThan';\n }\n static get displayedName() {\n return 'Greater Than';\n }\n getFormattedDates({ value, comparedValue, conditionTriggerComponent }) {\n const hasValidationFormat = conditionTriggerComponent ? conditionTriggerComponent.getValidationFormat : null;\n const date = hasValidationFormat ? (0, moment_1.default)(value, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(value);\n const comparedDate = hasValidationFormat ? (0, moment_1.default)(comparedValue, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(comparedValue);\n return { date, comparedDate };\n }\n execute(options, functionName = 'isAfter') {\n var _a;\n const { value, instance, conditionComponentPath } = options;\n if (!value) {\n return false;\n }\n let conditionTriggerComponent = null;\n if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {\n conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n }\n if (conditionTriggerComponent && conditionTriggerComponent.isPartialDay && conditionTriggerComponent.isPartialDay(value)) {\n return false;\n }\n const { date, comparedDate } = this.getFormattedDates(Object.assign(Object.assign({}, options), { conditionTriggerComponent }));\n return date[functionName](comparedDate);\n }\n}\nexports[\"default\"] = DateGeaterThan;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/DateGreaterThan.js?");
|
|
7837
7837
|
|
|
7838
7838
|
/***/ }),
|
|
7839
7839
|
|
|
@@ -7932,7 +7932,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7932
7932
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
7933
7933
|
|
|
7934
7934
|
"use strict";
|
|
7935
|
-
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nclass IsEmptyValue extends ConditionOperator_1.default {\n static get operatorKey() {\n return 'isEmpty';\n }\n static get displayedName() {\n return 'Is Empty';\n }\n static get requireValue() {\n return false;\n }\n execute({ value, instance, conditionComponentPath }) {\n const isEmptyValue = lodash_1.default.isEmpty(value);\n if (instance
|
|
7935
|
+
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nclass IsEmptyValue extends ConditionOperator_1.default {\n static get operatorKey() {\n return 'isEmpty';\n }\n static get displayedName() {\n return 'Is Empty';\n }\n static get requireValue() {\n return false;\n }\n execute({ value, instance, conditionComponentPath }) {\n var _a;\n const isEmptyValue = lodash_1.default.isEmpty(value);\n if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {\n const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n return conditionTriggerComponent ? conditionTriggerComponent.isEmpty() : isEmptyValue;\n }\n return isEmptyValue;\n }\n getResult(options) {\n return this.execute(options);\n }\n}\nexports[\"default\"] = IsEmptyValue;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/IsEmptyValue.js?");
|
|
7936
7936
|
|
|
7937
7937
|
/***/ }),
|
|
7938
7938
|
|
|
@@ -7943,7 +7943,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7943
7943
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
7944
7944
|
|
|
7945
7945
|
"use strict";
|
|
7946
|
-
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst utils_1 = __webpack_require__(/*! ../utils */ \"./lib/cjs/utils/utils.js\");\nclass IsEqualTo extends ConditionOperator_1.default {\n static get operatorKey() {\n return 'isEqual';\n }\n static get displayedName() {\n return 'Is Equal To';\n }\n execute({ value, comparedValue, instance, conditionComponentPath }) {\n var _a;\n if ((value || value === false) && comparedValue && typeof value !== typeof comparedValue && lodash_1.default.isString(comparedValue)) {\n try {\n comparedValue = JSON.parse(comparedValue);\n }\n // eslint-disable-next-line no-empty\n catch (e) { }\n }\n if (instance
|
|
7946
|
+
eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst utils_1 = __webpack_require__(/*! ../utils */ \"./lib/cjs/utils/utils.js\");\nclass IsEqualTo extends ConditionOperator_1.default {\n static get operatorKey() {\n return 'isEqual';\n }\n static get displayedName() {\n return 'Is Equal To';\n }\n execute({ value, comparedValue, instance, conditionComponentPath }) {\n var _a, _b;\n if ((value || value === false) && comparedValue && typeof value !== typeof comparedValue && lodash_1.default.isString(comparedValue)) {\n try {\n comparedValue = JSON.parse(comparedValue);\n }\n // eslint-disable-next-line no-empty\n catch (e) { }\n }\n if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {\n const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n if (conditionTriggerComponent\n && (0, utils_1.isSelectResourceWithObjectValue)(conditionTriggerComponent.component)\n && ((_b = conditionTriggerComponent.component) === null || _b === void 0 ? void 0 : _b.template)) {\n if (!value || !lodash_1.default.isPlainObject(value)) {\n return false;\n }\n const { template, valueProperty } = conditionTriggerComponent.component;\n if (valueProperty === 'data') {\n value = { data: value };\n comparedValue = { data: comparedValue };\n }\n return lodash_1.default.every((0, utils_1.getItemTemplateKeys)(template) || [], k => lodash_1.default.isEqual(lodash_1.default.get(value, k), lodash_1.default.get(comparedValue, k)));\n }\n }\n //special check for select boxes\n if (lodash_1.default.isObject(value) && comparedValue && lodash_1.default.isBoolean(value[comparedValue])) {\n return value[comparedValue];\n }\n return lodash_1.default.isEqual(value, comparedValue);\n }\n}\nexports[\"default\"] = IsEqualTo;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/IsEqualTo.js?");
|
|
7947
7947
|
|
|
7948
7948
|
/***/ }),
|
|
7949
7949
|
|