@formio/js 5.0.0-dev.5932.9b8cb6d → 5.0.0-dev.5933.3445318

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.
Files changed (85) hide show
  1. package/Changelog.md +302 -10
  2. package/README.md +28 -1
  3. package/dist/formio.form.js +585 -595
  4. package/dist/formio.form.min.js +1 -1
  5. package/dist/formio.form.min.js.LICENSE.txt +2 -4
  6. package/dist/formio.full.js +586 -596
  7. package/dist/formio.full.min.js +1 -1
  8. package/dist/formio.full.min.js.LICENSE.txt +2 -4
  9. package/dist/formio.js +3006 -287
  10. package/dist/formio.min.js +1 -1
  11. package/dist/formio.min.js.LICENSE.txt +13 -1
  12. package/dist/formio.utils.js +41 -51
  13. package/dist/formio.utils.min.js +1 -1
  14. package/dist/formio.utils.min.js.LICENSE.txt +2 -4
  15. package/lib/cjs/Webform.d.ts +1 -1
  16. package/lib/cjs/Webform.js +27 -28
  17. package/lib/cjs/WebformBuilder.js +6 -13
  18. package/lib/cjs/Wizard.js +15 -20
  19. package/lib/cjs/components/Components.d.ts +0 -7
  20. package/lib/cjs/components/Components.js +1 -33
  21. package/lib/cjs/components/_classes/component/Component.d.ts +39 -7
  22. package/lib/cjs/components/_classes/component/Component.js +97 -29
  23. package/lib/cjs/components/_classes/component/editForm/Component.edit.data.js +2 -2
  24. package/lib/cjs/components/_classes/componentModal/ComponentModal.d.ts +1 -0
  25. package/lib/cjs/components/_classes/componentModal/ComponentModal.js +1 -0
  26. package/lib/cjs/components/_classes/nested/NestedComponent.d.ts +4 -19
  27. package/lib/cjs/components/_classes/nested/NestedComponent.js +54 -60
  28. package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.d.ts +2 -1
  29. package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.js +9 -46
  30. package/lib/cjs/components/datagrid/DataGrid.d.ts +0 -1
  31. package/lib/cjs/components/datagrid/DataGrid.js +5 -46
  32. package/lib/cjs/components/datamap/DataMap.js +2 -3
  33. package/lib/cjs/components/editgrid/EditGrid.d.ts +1 -1
  34. package/lib/cjs/components/editgrid/EditGrid.js +20 -15
  35. package/lib/cjs/components/form/Form.d.ts +2 -3
  36. package/lib/cjs/components/form/Form.js +26 -28
  37. package/lib/cjs/components/html/HTML.js +15 -3
  38. package/lib/cjs/components/number/Number.js +11 -4
  39. package/lib/cjs/components/selectboxes/SelectBoxes.js +0 -1
  40. package/lib/cjs/formio.form.js +1 -0
  41. package/lib/cjs/utils/conditionOperators/DateGreaterThan.js +2 -2
  42. package/lib/cjs/utils/conditionOperators/IsEmptyValue.d.ts +2 -2
  43. package/lib/cjs/utils/conditionOperators/IsEmptyValue.js +2 -2
  44. package/lib/cjs/utils/conditionOperators/IsEqualTo.d.ts +2 -2
  45. package/lib/cjs/utils/conditionOperators/IsEqualTo.js +2 -2
  46. package/lib/cjs/utils/formUtils.d.ts +25 -14
  47. package/lib/cjs/utils/formUtils.js +11 -16
  48. package/lib/cjs/utils/utils.d.ts +1 -2
  49. package/lib/cjs/utils/utils.js +15 -31
  50. package/lib/mjs/Webform.d.ts +1 -1
  51. package/lib/mjs/Webform.js +24 -27
  52. package/lib/mjs/WebformBuilder.js +6 -13
  53. package/lib/mjs/Wizard.js +13 -17
  54. package/lib/mjs/components/Components.d.ts +0 -7
  55. package/lib/mjs/components/Components.js +1 -32
  56. package/lib/mjs/components/_classes/component/Component.d.ts +39 -7
  57. package/lib/mjs/components/_classes/component/Component.js +99 -30
  58. package/lib/mjs/components/_classes/component/editForm/Component.edit.data.js +2 -2
  59. package/lib/mjs/components/_classes/componentModal/ComponentModal.d.ts +1 -0
  60. package/lib/mjs/components/_classes/componentModal/ComponentModal.js +1 -0
  61. package/lib/mjs/components/_classes/nested/NestedComponent.d.ts +4 -19
  62. package/lib/mjs/components/_classes/nested/NestedComponent.js +55 -61
  63. package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.d.ts +2 -1
  64. package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.js +8 -43
  65. package/lib/mjs/components/datagrid/DataGrid.d.ts +0 -1
  66. package/lib/mjs/components/datagrid/DataGrid.js +5 -46
  67. package/lib/mjs/components/datamap/DataMap.js +2 -3
  68. package/lib/mjs/components/editgrid/EditGrid.d.ts +1 -1
  69. package/lib/mjs/components/editgrid/EditGrid.js +22 -14
  70. package/lib/mjs/components/form/Form.d.ts +2 -3
  71. package/lib/mjs/components/form/Form.js +26 -28
  72. package/lib/mjs/components/html/HTML.js +15 -3
  73. package/lib/mjs/components/number/Number.js +11 -4
  74. package/lib/mjs/components/selectboxes/SelectBoxes.js +0 -1
  75. package/lib/mjs/formio.form.js +1 -0
  76. package/lib/mjs/utils/conditionOperators/DateGreaterThan.js +2 -2
  77. package/lib/mjs/utils/conditionOperators/IsEmptyValue.d.ts +2 -2
  78. package/lib/mjs/utils/conditionOperators/IsEmptyValue.js +2 -2
  79. package/lib/mjs/utils/conditionOperators/IsEqualTo.d.ts +2 -2
  80. package/lib/mjs/utils/conditionOperators/IsEqualTo.js +2 -2
  81. package/lib/mjs/utils/formUtils.d.ts +25 -14
  82. package/lib/mjs/utils/formUtils.js +2 -12
  83. package/lib/mjs/utils/utils.d.ts +1 -2
  84. package/lib/mjs/utils/utils.js +14 -29
  85. package/package.json +4 -4
@@ -1,22 +1,33 @@
1
- /**
2
- * Deprecated version of findComponents. Renamed to searchComponents.
3
- * @param {import('@formio/core').Component[]} components - The components to find components within.
4
- * @param {object} query - The query to use when searching for the components.
5
- * @returns {import('@formio/core').Component[]} - The result of the component that is found.
6
- */
7
- export function findComponents(components: import('@formio/core').Component[], query: object): import('@formio/core').Component[];
8
1
  export const flattenComponents: typeof Utils.flattenComponents;
9
2
  export const guid: typeof Utils.guid;
10
3
  export const uniqueName: typeof Utils.uniqueName;
11
- export const MODEL_TYPES: any;
4
+ export const MODEL_TYPES_OF_KNOWN_COMPONENTS: {
5
+ nestedArray: string[];
6
+ nestedDataArray: string[];
7
+ dataObject: string[];
8
+ object: string[];
9
+ map: string[];
10
+ content: string[];
11
+ string: string[];
12
+ number: string[];
13
+ boolean: string[];
14
+ none: string[];
15
+ any: string[];
16
+ };
12
17
  export const getModelType: typeof Utils.getModelType;
13
- export const getComponentAbsolutePath: typeof Utils.getComponentAbsolutePath;
14
- export const getComponentPath: typeof Utils.getComponentPath;
18
+ export const getComponentPath: any;
19
+ export const setComponentScope: typeof Utils.setComponentScope;
20
+ export const resetComponentScope: typeof Utils.resetComponentScope;
15
21
  export const isComponentNestedDataType: typeof Utils.isComponentNestedDataType;
16
22
  export const componentPath: typeof Utils.componentPath;
17
- export const componentChildPath: any;
18
- export const eachComponentDataAsync: (components: Component[], data: DataObject, fn: EachComponentDataAsyncCallback, path?: string | undefined, index?: number | undefined, parent?: any, includeAll?: boolean | undefined) => Promise<void>;
19
- export const eachComponentData: (components: Component[], data: DataObject, fn: EachComponentDataCallback, path?: string | undefined, index?: number | undefined, parent?: any, includeAll?: boolean | undefined) => void;
23
+ export const getComponentPaths: typeof Utils.getComponentPaths;
24
+ export const componentMatches: typeof Utils.componentMatches;
25
+ export const getBestMatch: typeof Utils.getBestMatch;
26
+ export const getComponentFromPath: typeof Utils.getComponentFromPath;
27
+ export const getComponentValue: typeof Utils.getComponentValue;
28
+ export const findComponents: typeof Utils.findComponents;
29
+ export const eachComponentDataAsync: (components: Component[], data: DataObject, fn: EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: any, parentPaths?: any) => Promise<void>;
30
+ export const eachComponentData: (components: Component[], data: DataObject, fn: EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: any, parentPaths?: any) => void;
20
31
  export const getComponentKey: typeof Utils.getComponentKey;
21
32
  export const getContextualRowPath: typeof Utils.getContextualRowPath;
22
33
  export const getContextualRowData: typeof Utils.getContextualRowData;
@@ -24,7 +35,7 @@ export const componentInfo: typeof Utils.componentInfo;
24
35
  export const eachComponent: typeof Utils.eachComponent;
25
36
  export const eachComponentAsync: typeof Utils.eachComponentAsync;
26
37
  export const getComponentData: typeof Utils.getComponentData;
27
- export const getComponentActualValue: typeof Utils.getComponentActualValue;
38
+ export const getComponentActualValue: any;
28
39
  export const isLayoutComponent: typeof Utils.isLayoutComponent;
29
40
  export const matchComponent: typeof Utils.matchComponent;
30
41
  export const getComponent: typeof Utils.getComponent;
@@ -1,13 +1,3 @@
1
1
  import { Utils } from '@formio/core';
2
- const { flattenComponents, guid, uniqueName, MODEL_TYPES, getModelType, getComponentAbsolutePath, getComponentPath, isComponentNestedDataType, componentPath, componentChildPath, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys } = Utils;
3
- /**
4
- * Deprecated version of findComponents. Renamed to searchComponents.
5
- * @param {import('@formio/core').Component[]} components - The components to find components within.
6
- * @param {object} query - The query to use when searching for the components.
7
- * @returns {import('@formio/core').Component[]} - The result of the component that is found.
8
- */
9
- export function findComponents(components, query) {
10
- console.warn('formio.js/utils findComponents is deprecated. Use searchComponents instead.');
11
- return searchComponents(components, query);
12
- }
13
- export { flattenComponents, guid, uniqueName, MODEL_TYPES, getModelType, getComponentAbsolutePath, getComponentPath, isComponentNestedDataType, componentPath, componentChildPath, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys };
2
+ const { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys } = Utils;
3
+ export { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys };
@@ -462,10 +462,9 @@ export function getComponentPathWithoutIndicies(path?: string): string;
462
462
  /**
463
463
  * Returns a path to the component which based on its schema
464
464
  * @param {import('@formio/core').Component} component - Component containing link to its parent's schema in the 'parent' property
465
- * @param {string} path - Path to the component
466
465
  * @returns {string} - Path to the component
467
466
  */
468
- export function getComponentPath(component: import('@formio/core').Component, path?: string): string;
467
+ export function getComponentPath(component: import('@formio/core').Component): string;
469
468
  /**
470
469
  * Returns a parent component of the passed component instance skipping all the Layout components
471
470
  * @param {Component} componentInstance - The component to check for the parent.
@@ -25,17 +25,6 @@ jsonLogic.add_operation('relativeMaxDate', (relativeMaxDate) => {
25
25
  return moment().add(relativeMaxDate, 'days').toISOString();
26
26
  });
27
27
  export { jsonLogic, ConditionOperators, moment };
28
- /**
29
- * Sets the path to the component and parent schema.
30
- * @param {import('@formio/core').Component} component - The component to set the path for.
31
- */
32
- function setPathToComponentAndPerentSchema(component) {
33
- component.path = getComponentPath(component);
34
- const dataParent = getDataParentComponent(component);
35
- if (dataParent && typeof dataParent === 'object') {
36
- dataParent.path = getComponentPath(dataParent);
37
- }
38
- }
39
28
  /**
40
29
  * Evaluate a method.
41
30
  * @param {Function|string|object} func - The function to evaluate.
@@ -227,7 +216,7 @@ export function checkSimpleConditional(component, condition, row, data, instance
227
216
  const value = getComponentActualValue(path, data, row);
228
217
  const ConditionOperator = ConditionOperators[operator];
229
218
  return ConditionOperator
230
- ? new ConditionOperator().getResult({ value, comparedValue, instance, component, conditionComponentPath })
219
+ ? new ConditionOperator().getResult({ value, comparedValue, instance, component, path })
231
220
  : true;
232
221
  });
233
222
  }
@@ -235,7 +224,7 @@ export function checkSimpleConditional(component, condition, row, data, instance
235
224
  const value = getComponentActualValue(conditionComponentPath, data, row);
236
225
  const СonditionOperator = ConditionOperators[operator];
237
226
  return СonditionOperator
238
- ? new СonditionOperator().getResult({ value, comparedValue, instance, component, conditionComponentPath })
227
+ ? new СonditionOperator().getResult({ value, comparedValue, instance, component, path: conditionComponentPath })
239
228
  : true;
240
229
  }
241
230
  });
@@ -332,17 +321,18 @@ function getRow(component, row, instance, conditional) {
332
321
  // If no component's instance passed (happens only in 6.x server), calculate its path based on the schema
333
322
  if (!instance) {
334
323
  instance = _.cloneDeep(component);
335
- setPathToComponentAndPerentSchema(instance);
336
324
  }
337
325
  const dataParent = getDataParentComponent(instance);
338
- const parentPath = dataParent ? getComponentPath(dataParent) : null;
339
- const isTriggerCondtionComponentPath = condition.when || !condition.conditions
340
- ? condition.when?.startsWith(parentPath)
341
- : _.some(condition.conditions, cond => cond.component.startsWith(parentPath));
342
- if (dataParent && isTriggerCondtionComponentPath) {
343
- const newRow = {};
344
- _.set(newRow, parentPath, row);
345
- row = newRow;
326
+ if (dataParent) {
327
+ const parentPath = dataParent.paths?.localDataPath;
328
+ const isTriggerCondtionComponentPath = condition.when || !condition.conditions
329
+ ? condition.when?.startsWith(dataParent.paths?.localPath)
330
+ : _.some(condition.conditions, cond => cond.component.startsWith(dataParent.paths?.localPath));
331
+ if (isTriggerCondtionComponentPath) {
332
+ const newRow = {};
333
+ _.set(newRow, parentPath, row);
334
+ row = newRow;
335
+ }
346
336
  }
347
337
  return row;
348
338
  }
@@ -1478,15 +1468,10 @@ export function getComponentPathWithoutIndicies(path = '') {
1478
1468
  /**
1479
1469
  * Returns a path to the component which based on its schema
1480
1470
  * @param {import('@formio/core').Component} component - Component containing link to its parent's schema in the 'parent' property
1481
- * @param {string} path - Path to the component
1482
1471
  * @returns {string} - Path to the component
1483
1472
  */
1484
- export function getComponentPath(component, path = '') {
1485
- if (!component || !component.key || component?._form?.display === 'wizard') { // unlike the Webform, the Wizard has the key and it is a duplicate of the panel key
1486
- return path;
1487
- }
1488
- path = component.isInputComponent || component.input === true ? `${component.key}${path ? '.' : ''}${path}` : path;
1489
- return getComponentPath(component.parent, path);
1473
+ export function getComponentPath(component) {
1474
+ return component.paths.localDataPath;
1490
1475
  }
1491
1476
  /**
1492
1477
  * Returns a parent component of the passed component instance skipping all the Layout components
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@formio/js",
3
- "version": "5.0.0-dev.5932.9b8cb6d",
3
+ "version": "5.0.0-dev.5933.3445318",
4
4
  "description": "JavaScript powered Forms with JSON Form Builder",
5
5
  "main": "lib/cjs/index.js",
6
6
  "exports": {
@@ -80,10 +80,10 @@
80
80
  },
81
81
  "homepage": "https://github.com/formio/formio.js#readme",
82
82
  "dependencies": {
83
- "@formio/bootstrap": "3.0.0-dev.98.17ba6ea",
83
+ "@formio/bootstrap": "3.0.0-dev.119.c4cb299",
84
84
  "@formio/choices.js": "^10.2.1",
85
- "@formio/core": "2.1.0-dev.191.8c609ab",
86
- "@formio/text-mask-addons": "^3.8.0-formio.3",
85
+ "@formio/core": "2.1.0-dev.193.68cf8c3",
86
+ "@formio/text-mask-addons": "3.8.0-formio.4",
87
87
  "@formio/vanilla-text-mask": "^5.1.1-formio.1",
88
88
  "abortcontroller-polyfill": "^1.7.5",
89
89
  "autocompleter": "^8.0.4",