@oneblink/apps-react 2.0.0-beta.1 → 2.0.0-beta.4

package/package.json

@@ -1,30 +1,30 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.4",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
   },
   "dependencies": {
     "@blinkmobile/geolocation": "^2.0.3",
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@mui/icons-material": "^5.6.2",
-    "@oneblink/sdk-core": "^0.4.2-beta.2",
-    "@react-google-maps/api": "2.7.0",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/icons-material": "^5.8.4",
+    "@oneblink/sdk-core": "^0.4.2",
+    "@react-google-maps/api": "2.12.1",
     "blueimp-load-image": "^5.16.0",
     "bulma": "^0.9.3",
     "bulma-slider": "2.0.4",
     "bulma-steps": "^2.2.1",
     "bulma-toast": "^2.4.1",
-    "clsx": "^1.1.1",
-    "color": "^3.2.1",
-    "copy-to-clipboard": "^3.3.1",
-    "date-fns": "^2.28.0",
+    "clsx": "^1.2.1",
+    "color": "^4.2.3",
+    "copy-to-clipboard": "^3.3.2",
+    "date-fns": "^2.29.2",
     "escape-string-regexp": "^5.0.0",
     "file-saver": "^2.0.5",
-    "flatpickr": "^4.6.11",
+    "flatpickr": "^4.6.13",
     "jsqr": "^1.4.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.debounce": "^4.0.8",
@@ -34,57 +34,56 @@
     "query-string": "^7.1.1",
     "react-google-recaptcha": "^2.1.0",
     "react-input-mask": "^2.0.4",
-    "react-signature-canvas": "^1.0.5",
-    "react-table": "^7.7.0",
-    "sanitize-html": "^2.7.0",
-    "signature_pad": "^3.0.0-beta.4",
+    "react-signature-canvas": "^1.0.6",
+    "react-table": "^7.8.0",
+    "sanitize-html": "^2.7.1",
     "uuid": "^8.3.2",
     "validate.js": "^0.13.1",
     "xml2js": "^0.4.23"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.16.11",
-    "@mui/lab": "^5.0.0-alpha.79",
-    "@mui/material": "^5.6.1",
-    "@mui/x-date-pickers": "^5.0.0-alpha.2",
+    "@babel/preset-env": "^7.18.10",
+    "@mui/lab": "^5.0.0-alpha.95",
+    "@mui/material": "^5.10.1",
+    "@mui/x-date-pickers": "^5.0.0-beta.6",
     "@oneblink/apps": "^2.0.0-beta.1",
     "@oneblink/release-cli": "^1.0.0",
     "@oneblink/types": "github:oneblink/types",
-    "@types/blueimp-load-image": "^5.14.4",
+    "@types/blueimp-load-image": "^5.16.0",
     "@types/color": "^3.0.3",
     "@types/file-saver": "^2.0.5",
     "@types/filesystem": "^0.0.32",
     "@types/jest": "^27.4.1",
-    "@types/lodash.clonedeep": "^4.5.6",
-    "@types/lodash.debounce": "^4.0.6",
-    "@types/lodash.throttle": "^4.1.6",
+    "@types/lodash.clonedeep": "^4.5.7",
+    "@types/lodash.debounce": "^4.0.7",
+    "@types/lodash.throttle": "^4.1.7",
     "@types/react": "^17.0.43",
     "@types/react-google-recaptcha": "^2.1.5",
-    "@types/react-input-mask": "^2.0.4",
+    "@types/react-input-mask": "^3.0.1",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-signature-canvas": "^1.0.2",
-    "@types/react-table": "^7.7.11",
+    "@types/react-table": "^7.7.12",
     "@types/sanitize-html": "^2.6.2",
     "@types/uuid": "^8.3.4",
-    "@types/xml2js": "^0.4.9",
-    "@typescript-eslint/eslint-plugin": "^5.19.0",
-    "@typescript-eslint/parser": "^5.19.0",
+    "@types/xml2js": "^0.4.11",
+    "@typescript-eslint/eslint-plugin": "^5.33.1",
+    "@typescript-eslint/parser": "^5.33.1",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.13.0",
+    "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.4.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "fixpack": "^4.0.0",
     "jest": "^27.5.1",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^5.3.0",
     "sass": "^1.50.0",
     "ts-jest": "^27.1.4",
     "tsc-watch": "^5.0.3",
-    "typescript": "^4.6.3"
+    "typescript": "^4.7.4"
   },
   "engines": {
     "node": ">=16",
@@ -100,7 +99,7 @@
   "peerDependencies": {
     "@mui/lab": "^5.0.0 || ^5.0.0-alpha.79",
     "@mui/material": "^5.6.1",
-    "@mui/x-date-pickers": "^5.0.0 || ^5.0.0-alpha.2",
+    "@mui/x-date-pickers": "^5.0.0 || ^5.0.0-alpha.6",
     "@oneblink/apps": "*",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",

package/dist/components/renderer/attachments/Files.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare function Files<T>({ id, element, isDirty, attachments, validationMessage, displayValidationMessage, onAddFiles, onRenderAttachment, }: {
-    id: string;
-    element: FormTypes.FilesElement;
-    isDirty: boolean;
-    attachments: T[];
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-    onAddFiles: (files: File[]) => void;
-    onRenderAttachment: (attachment: T, index: number) => React.ReactNode;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Files>;
-export default _default;

package/dist/components/renderer/attachments/Files.js

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import FormElementLabelContainer from '../FormElementLabelContainer';
-function Files({ id, element, isDirty, attachments, validationMessage, displayValidationMessage, onAddFiles, onRenderAttachment, }) {
-    const inputRef = React.useRef(null);
-    const handleAdd = React.useCallback(() => {
-        if (!inputRef.current)
-            return;
-        // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED
-        inputRef.current.value = '';
-        inputRef.current.click();
-    }, []);
-    return (React.createElement("div", { className: "cypress-files-element" },
-        React.createElement(FormElementLabelContainer, { className: "ob-files", element: element, id: id, required: !!element.minEntries },
-            React.createElement("input", { ref: inputRef, type: "file", name: element.name, id: id, className: "file-input ob-input", multiple: element.maxEntries !== 1, disabled: element.readOnly, onChange: (event) => onAddFiles(event.target.files ? Array.from(event.target.files) : []) }),
-            React.createElement("div", { className: "control cypress-files-control" },
-                React.createElement("div", { className: "columns is-multiline" },
-                    attachments.map(onRenderAttachment),
-                    !element.readOnly &&
-                        (!element.maxEntries ||
-                            attachments.length < element.maxEntries) && (React.createElement("div", { className: "column is-one-quarter" },
-                        React.createElement("button", { type: "button", className: "button ob-files__add-new-button", onClick: handleAdd },
-                            React.createElement("i", { className: "material-icons icon-x-large" }, "add")))))),
-            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
-}
-export default React.memo(Files);
-//# sourceMappingURL=Files.js.map

package/dist/components/renderer/attachments/Files.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Files.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/Files.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,yBAAyB,MAAM,8BAA8B,CAAA;AAEpE,SAAS,KAAK,CAAI,EAChB,EAAE,EACF,OAAO,EACP,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,UAAU,EACV,kBAAkB,GAUnB;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,mFAAmF;QACnF,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC3B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU;YAE9B,+BACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,OAAO,CAAC,UAAU,KAAK,CAAC,EAClC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAEtE;YACF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,6BAAK,SAAS,EAAC,sBAAsB;oBAClC,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC;oBACnC,CAAC,OAAO,CAAC,QAAQ;wBAChB,CAAC,CAAC,OAAO,CAAC,UAAU;4BAClB,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAC,uBAAuB;wBACpC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,SAAS;4BAElB,2BAAG,SAAS,EAAC,6BAA6B,UAAQ,CAC3C,CACL,CACP,CACC,CACF;YAEL,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,CAC/D,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../FormElementLabelContainer'\n\nfunction Files<T>({\n  id,\n  element,\n  isDirty,\n  attachments,\n  validationMessage,\n  displayValidationMessage,\n  onAddFiles,\n  onRenderAttachment,\n}: {\n  id: string\n  element: FormTypes.FilesElement\n  isDirty: boolean\n  attachments: T[]\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n  onAddFiles: (files: File[]) => void\n  onRenderAttachment: (attachment: T, index: number) => React.ReactNode\n}) {\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleAdd = React.useCallback(() => {\n    if (!inputRef.current) return\n    // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED\n    inputRef.current.value = ''\n    inputRef.current.click()\n  }, [])\n\n  return (\n    <div className=\"cypress-files-element\">\n      <FormElementLabelContainer\n        className=\"ob-files\"\n        element={element}\n        id={id}\n        required={!!element.minEntries}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          name={element.name}\n          id={id}\n          className=\"file-input ob-input\"\n          multiple={element.maxEntries !== 1}\n          disabled={element.readOnly}\n          onChange={(event) =>\n            onAddFiles(event.target.files ? Array.from(event.target.files) : [])\n          }\n        />\n        <div className=\"control cypress-files-control\">\n          <div className=\"columns is-multiline\">\n            {attachments.map(onRenderAttachment)}\n            {!element.readOnly &&\n              (!element.maxEntries ||\n                attachments.length < element.maxEntries) && (\n                <div className=\"column is-one-quarter\">\n                  <button\n                    type=\"button\"\n                    className=\"button ob-files__add-new-button\"\n                    onClick={handleAdd}\n                  >\n                    <i className=\"material-icons icon-x-large\">add</i>\n                  </button>\n                </div>\n              )}\n          </div>\n        </div>\n\n        {(isDirty || displayValidationMessage) && !!validationMessage && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(Files)\n"]}