@formio/js 5.0.0-rc.22 → 5.0.0-rc.24

package/lib/mjs/components/selectboxes/SelectBoxes.js

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { componentValueTypes, getComponentSavedTypes } from '../../utils/utils';
+import { componentValueTypes, getComponentSavedTypes, boolValue } from '../../utils/utils';
 import RadioComponent from '../radio/Radio';
 export default class SelectBoxesComponent extends RadioComponent {
     static schema(...extend) {
@@ -243,4 +243,13 @@ export default class SelectBoxesComponent extends RadioComponent {
         }
         return super.checkComponentValidity(data, dirty, rowData, options);
     }
+    validateValueAvailability(setting, value) {
+        if (!boolValue(setting) || !value) {
+            return true;
+        }
+        const values = this.component.values;
+        const availableValueKeys = (values || []).map(({ value: optionValue }) => optionValue);
+        const valueKeys = Object.keys(value);
+        return valueKeys.every((key) => availableValueKeys.includes(key));
+    }
 }

package/lib/mjs/components/selectboxes/fixtures/comp7.d.ts

@@ -0,0 +1,18 @@
+declare namespace _default {
+    const label: string;
+    const optionsLabelPosition: string;
+    const tableView: boolean;
+    const values: {
+        label: string;
+        value: string;
+        shortcut: string;
+    }[];
+    namespace validate {
+        const onlyAvailableItems: boolean;
+    }
+    const key: string;
+    const type: string;
+    const input: boolean;
+    const inputType: string;
+}
+export default _default;

package/lib/mjs/components/selectboxes/fixtures/comp7.js

@@ -0,0 +1,29 @@
+export default {
+    label: 'Select Boxes',
+    optionsLabelPosition: 'right',
+    tableView: false,
+    values: [
+        {
+            label: 'a',
+            value: 'a',
+            shortcut: '',
+        },
+        {
+            label: 'b',
+            value: 'b',
+            shortcut: '',
+        },
+        {
+            label: 'c',
+            value: 'c',
+            shortcut: '',
+        },
+    ],
+    validate: {
+        onlyAvailableItems: true,
+    },
+    key: 'selectBoxes',
+    type: 'selectboxes',
+    input: true,
+    inputType: 'checkbox',
+};

package/lib/mjs/components/selectboxes/fixtures/index.d.ts

@@ -4,4 +4,5 @@ import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
-export { comp1, comp2, comp3, comp4, comp5, comp6 };
+import comp7 from './comp7';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

package/lib/mjs/components/selectboxes/fixtures/index.js

@@ -4,4 +4,5 @@ import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
-export { comp1, comp2, comp3, comp4, comp5, comp6 };
+import comp7 from './comp7';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

package/lib/mjs/components/signature/Signature.d.ts

@@ -37,11 +37,10 @@ export default class SignatureComponent extends Input {
     onDisabled(): void;
     checkSize(force: any, scale: any): void;
     signaturePad: SignaturePad | null | undefined;
-    observer: _ResizeObserver | null | undefined;
+    observer: any;
     getValueAsString(value: any): "" | "Yes" | "No";
     focus(): void;
     setDataToSigaturePad(): void;
 }
 import Input from '../_classes/input/Input';
 import SignaturePad from 'signature_pad';
-import _ResizeObserver from 'resize-observer-polyfill';

package/lib/mjs/components/signature/Signature.js

@@ -1,5 +1,4 @@
 import SignaturePad from 'signature_pad';
-import _ResizeObserver from 'resize-observer-polyfill';
 import Input from '../_classes/input/Input';
 import _ from 'lodash';
 import { componentValueTypes, getComponentSavedTypes } from '../../utils/utils';
@@ -199,7 +198,7 @@ export default class SignatureComponent extends Input {
                     this.refs.padBody.style.maxWidth = '100%';
                 }
                 if (!this.builderMode && !this.options.preview) {
-                    this.observer = new _ResizeObserver(() => {
+                    this.observer = new ResizeObserver(() => {
                         this.checkSize();
                     });
                     this.observer.observe(this.refs.padBody);

package/lib/mjs/utils/ChoicesWrapper.d.ts

@@ -19,6 +19,7 @@ declare class ChoicesWrapper extends Choices {
     }): void;
     isDirectionUsing: boolean;
     shouldOpenDropDown: boolean;
+    _onTouchEnd(event: any): void;
     _handleButtonAction(activeItems: any, element: any): void;
     _onEnterKey(args: any): void;
     _onDirectionKey(...args: any[]): void;

package/lib/mjs/utils/ChoicesWrapper.js

@@ -44,6 +44,25 @@ class ChoicesWrapper extends Choices {
         this.isDirectionUsing = false;
         this.shouldOpenDropDown = true;
     }
+    _onTouchEnd(event) {
+        var target = (event || event.touches[0]).target;
+        var touchWasWithinContainer = this._wasTap && this.containerOuter.element.contains(target);
+        if (touchWasWithinContainer) {
+            var containerWasExactTarget = target === this.containerOuter.element || target === this.containerInner.element;
+            if (containerWasExactTarget) {
+                if (this._isTextElement) {
+                    this.input.focus();
+                }
+                else if (this._isSelectMultipleElement) {
+                    this.input.focus();
+                    this.showDropdown();
+                }
+            }
+            // Prevents focus event firing
+            event.stopPropagation();
+        }
+        this._wasTap = true;
+    }
     _handleButtonAction(activeItems, element) {
         if (!this._isSelectOneElement) {
             return super._handleButtonAction(activeItems, element);

package/lib/mjs/utils/utils.js

@@ -214,9 +214,9 @@ export function checkSimpleConditional(component, condition, row, data, instance
                 return true;
             }
             const value = getComponentActualValue(conditionComponentPath, data, row);
-            const СonditionOperator = ConditionOperators[operator];
-            return СonditionOperator
-                ? new СonditionOperator().getResult({ value, comparedValue, instance, component, conditionComponentPath })
+            const ConditionOperator = ConditionOperators[operator];
+            return ConditionOperator
+                ? new ConditionOperator().getResult({ value, comparedValue, instance, component, conditionComponentPath })
                 : true;
         });
         let result = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.22",
+  "version": "5.0.0-rc.24",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -51,7 +51,7 @@
     "invalidate": "VERSION=$(yarn version);aws cloudfront create-invalidation --distribution-id E1MXNA5A4ZKRMZ --paths \"/$VERSION/*\"",
     "release": "yarn build-app && yarn deploy-s3",
     "tag": "VERSION=$(yarn version);git add -A; git commit -m \"Build $Version\";git push origin master;git tag v$VERSION;git push origin --tags;",
-    "dopublish": "npm test;gulp build;yarn tag;npm publish lib --tag=rc;",
+    "dopublish": "npm run build && npm run tag && npm publish",
     "lint": "gulp eslint",
     "serve": "jekyll serve --config _config.yml,_config.dev.yml",
     "test": "mocha 'src/**/*.unit.js'",
@@ -106,7 +106,6 @@
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.43",
     "quill": "^2.0.0-dev.3",
-    "resize-observer-polyfill": "^1.5.1",
     "signature_pad": "^4.1.4",
     "string-hash": "^1.1.3",
     "tippy.js": "^6.3.7",
@@ -116,7 +115,7 @@
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.60.1",
     "@typescript-eslint/parser": "^5.60.1",
-    "ace-builds": "^1.4.12",
+    "ace-builds": "1.23.4",
     "async-limiter": "^2.0.0",
     "bootstrap-icons": "^1.10.5",
     "bootswatch": "^5.3.0",