@digigov/ui 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -1,6 +1,14 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Mon, 29 Jan 2024 17:45:11 GMT and should not be manually modified.
+This log was last generated on Fri, 16 Feb 2024 09:57:32 GMT and should not be manually modified.
+
+## 1.1.2
+Fri, 16 Feb 2024 09:57:32 GMT
+
+### Patches
+
+- Change empty array with results data add click event to arrow for all values option
+- Improve URL parsing for QRCodeScanner when using dataType=`url`
 
 ## 1.1.1
 Mon, 29 Jan 2024 17:45:11 GMT

package/app/QrCodeScanner/index.d.ts

@@ -5,7 +5,7 @@ export interface QrCodeScannerProps {
     legacyMode?: boolean;
     validate?: (...args: any[]) => boolean;
     onScan: (...args: any[]) => void;
-    onError: (err: any) => void;
+    onError: (err: any, data: any) => void;
     onLoad?: (...args: any[]) => void;
     onImageLoad?: (...args: any[]) => void;
     delay?: number;

package/app/QrCodeScanner/index.js

@@ -38,18 +38,21 @@ export var QrCodeScanner = function QrCodeScanner(_ref) {
   }
   var handleOnScan = function handleOnScan(data) {
     if (data) {
+      debugger;
       if (dataType === 'url') {
-        if (!data.match(/^https?:\/\/([a-z0-9-]*\.?)*(:?)(([a-z0-9-]*)\/)*([a-z0-9-]*)$/gi)) {
-          return onError(new Error('@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://example.com/data/:id`'));
+        try {
+          new URL(data);
+        } catch (e) {
+          return onError(new Error('@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'), data);
         }
       }
-      // run a validator function provided by the application code
-      if (validate && !validate(data)) {
-        return onError(new Error('Custom QR Code payload validation failed'));
-      }
-      // proceed with application defined callback function
-      onScan(data);
     }
+    // run a validator function provided by the application code
+    if (validate && !validate(data)) {
+      return onError(new Error('Custom QR Code payload validation failed'), data);
+    }
+    // proceed with application defined callback function
+    onScan(data);
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QrReader, _extends({
     delay: 100,

package/cjs/app/QrCodeScanner/index.js

@@ -50,18 +50,21 @@ var QrCodeScanner = exports.QrCodeScanner = function QrCodeScanner(_ref) {
   }
   var handleOnScan = function handleOnScan(data) {
     if (data) {
+      debugger;
       if (dataType === 'url') {
-        if (!data.match(/^https?:\/\/([a-z0-9-]*\.?)*(:?)(([a-z0-9-]*)\/)*([a-z0-9-]*)$/gi)) {
-          return onError(new Error('@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://example.com/data/:id`'));
+        try {
+          new URL(data);
+        } catch (e) {
+          return onError(new Error('@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'), data);
         }
       }
-      // run a validator function provided by the application code
-      if (validate && !validate(data)) {
-        return onError(new Error('Custom QR Code payload validation failed'));
-      }
-      // proceed with application defined callback function
-      onScan(data);
     }
+    // run a validator function provided by the application code
+    if (validate && !validate(data)) {
+      return onError(new Error('Custom QR Code payload validation failed'), data);
+    }
+    // proceed with application defined callback function
+    onScan(data);
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(QrReader, (0, _extends2["default"])({
     delay: 100,

package/cjs/form/AutoComplete/index.js

@@ -567,7 +567,16 @@ var AutoComplete = exports.AutoComplete = exports["default"] = /*#__PURE__*/func
         role: "combobox",
         required: required,
         value: query
-      })), showAllValues && DropdownArrow && /*#__PURE__*/_react["default"].createElement(DropdownArrow, {
+      })), showNoOptionsFound || showAllValues && !menuOpen && DropdownArrow && /*#__PURE__*/_react["default"].createElement(DropdownArrow, {
+        type: "button",
+        onClick: function onClick() {
+          _this7.elementReferences[-1].focus();
+          _this7.handleInputChange({
+            target: {
+              value: query
+            }
+          });
+        },
         className: dropdownArrowClassName
       }), /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
         displayMenu: displayMenu,

package/cjs/form/AutoComplete/utils/index.js

@@ -37,6 +37,6 @@ var results = exports.results = ['Αφγανιστάν', 'Ακρωτήρι', 'Α
 function suggest(query, syncResults) {
   syncResults(query ? results.filter(function (result) {
     return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-  }) : []);
+  }) : results);
 }
 /* end Helpers Utils __stories__ */

package/form/AutoComplete/index.js

@@ -521,7 +521,16 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "combobox",
         required: required,
         value: query
-      })), showAllValues && DropdownArrow && /*#__PURE__*/React.createElement(DropdownArrow, {
+      })), showNoOptionsFound || showAllValues && !menuOpen && DropdownArrow && /*#__PURE__*/React.createElement(DropdownArrow, {
+        type: "button",
+        onClick: function onClick() {
+          _this7.elementReferences[-1].focus();
+          _this7.handleInputChange({
+            target: {
+              value: query
+            }
+          });
+        },
         className: dropdownArrowClassName
       }), /*#__PURE__*/React.createElement(AutoCompleteResultList, {
         displayMenu: displayMenu,

package/form/AutoComplete/utils/index.js

@@ -28,6 +28,6 @@ export var results = ['Αφγανιστάν', 'Ακρωτήρι', 'Αλβανί
 export function suggest(query, syncResults) {
   syncResults(query ? results.filter(function (result) {
     return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-  }) : []);
+  }) : results);
 }
 /* end Helpers Utils __stories__ */

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.1.1
+/** @license Digigov v1.1.2
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -10,7 +10,7 @@
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.1.1",
+    "@digigov/react-icons": "1.1.2",
     "dompurify": "3.0.6"
   },
   "peerDependencies": {
@@ -19,8 +19,8 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.1.1",
-    "@digigov/css": "1.1.1"
+    "@digigov/react-core": "1.2.0",
+    "@digigov/css": "1.2.0"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/src/app/QrCodeScanner/index.tsx

@@ -8,7 +8,7 @@ export interface QrCodeScannerProps {
   legacyMode?: boolean;
   validate?: (...args) => boolean;
   onScan: (...args) => void;
-  onError: (err: any) => void;
+  onError: (err: any, data: any) => void;
   onLoad?: (...args) => void;
   onImageLoad?: (...args) => void;
   delay?: number;
@@ -57,27 +57,26 @@ In order to be safe, you can:
   }
   const handleOnScan = (data) => {
     if (data) {
+      debugger;
       if (dataType === 'url') {
-        if (
-          !data.match(
-            /^https?:\/\/([a-z0-9-]*\.?)*(:?)(([a-z0-9-]*)\/)*([a-z0-9-]*)$/gi
-          )
-        ) {
+        try {
+          new URL(data);
+        } catch (e) {
           return onError(
             new Error(
-              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://example.com/data/:id`'
-            )
+              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'
+            ), data
           );
         }
       }
-      // run a validator function provided by the application code
-      if (validate && !validate(data)) {
-        return onError(new Error('Custom QR Code payload validation failed'));
-      }
-      // proceed with application defined callback function
-      onScan(data);
     }
-  };
+    // run a validator function provided by the application code
+    if (validate && !validate(data)) {
+      return onError(new Error('Custom QR Code payload validation failed'), data);
+    }
+    // proceed with application defined callback function
+    onScan(data);
+  }
   return (
     <>
       <QrReader

package/src/form/AutoComplete/index.tsx

@@ -567,9 +567,19 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
           value={query}
         />
 
-        {showAllValues && DropdownArrow && (
-          <DropdownArrow className={dropdownArrowClassName} />
-        )}
+        {showNoOptionsFound ||
+          (showAllValues && !menuOpen && DropdownArrow && (
+            <DropdownArrow
+              type="button"
+              onClick={() => {
+                this.elementReferences[-1].focus();
+                this.handleInputChange({
+                  target: { value: query },
+                });
+              }}
+              className={dropdownArrowClassName}
+            />
+          ))}
 
         <AutoCompleteResultList
           displayMenu={displayMenu}

package/src/form/AutoComplete/utils.ts

@@ -293,9 +293,9 @@ export function suggest(
   syncResults(
     query
       ? results.filter(function (result) {
-          return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-        })
-      : []
+        return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      })
+      : results
   );
 }
 /* end Helpers Utils __stories__ */