@digigov/ui 0.26.1 → 0.26.3

package/app/QrCodeViewer/types.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties } from 'react';
+import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
+export declare type QRProps = {
+    value: string;
+    size?: number;
+    level?: string;
+    bgColor?: string;
+    fgColor?: string;
+    style?: CSSProperties;
+    includeMargin?: boolean;
+    imageSettings?: ImageSettings;
+};
+export declare type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;
+export declare type QRPropsSVG = QRProps & React.SVGProps<SVGSVGElement>;
+export declare type Modules = ReturnType<qrcodegen.QrCode['getModules']>;
+export declare type Excavation = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+export declare type ImageSettings = {
+    src: string;
+    height: number;
+    width: number;
+    excavate: boolean;
+    x?: number;
+    y?: number;
+};

package/app/QrCodeViewer/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/app/QrCodeViewer/utils.d.ts

@@ -0,0 +1,11 @@
+import { Modules, Excavation, ImageSettings } from '@digigov/ui/app/QrCodeViewer/types';
+export declare const MARGIN_SIZE = 4;
+export declare function generatePath(modules: Modules, margin?: number): string;
+export declare function excavateModules(modules: Modules, excavation: Excavation): Modules;
+export declare function getImageSettings(cells: Modules, size: number, includeMargin: boolean, imageSettings?: ImageSettings): null | {
+    x: number;
+    y: number;
+    h: number;
+    w: number;
+    excavation: Excavation | null;
+};

package/app/QrCodeViewer/utils.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MARGIN_SIZE = void 0;
+exports.excavateModules = excavateModules;
+exports.generatePath = generatePath;
+exports.getImageSettings = getImageSettings;
+var DEFAULT_IMG_SCALE = 0.1;
+var MARGIN_SIZE = 4;
+exports.MARGIN_SIZE = MARGIN_SIZE;
+
+function generatePath(modules) {
+  var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var ops = [];
+  modules.forEach(function (row, y) {
+    var start = null;
+    row.forEach(function (cell, x) {
+      if (!cell && start !== null) {
+        // M0 0h7v1H0z injects the space with the move and drops the comma,
+        // saving a char per operation
+        ops.push("M".concat(start + margin, " ").concat(y + margin, "h").concat(x - start, "v1H").concat(start + margin, "z"));
+        start = null;
+        return;
+      } // end of row, clean up or skip
+
+
+      if (x === row.length - 1) {
+        if (!cell) {
+          // We would have closed the op above already so this can only mean
+          // 2+ light modules in a row.
+          return;
+        }
+
+        if (start === null) {
+          // Just a single dark module.
+          ops.push("M".concat(x + margin, ",").concat(y + margin, " h1v1H").concat(x + margin, "z"));
+        } else {
+          // Otherwise finish the current line.
+          ops.push("M".concat(start + margin, ",").concat(y + margin, " h").concat(x + 1 - start, "v1H").concat(start + margin, "z"));
+        }
+
+        return;
+      }
+
+      if (cell && start === null) {
+        start = x;
+      }
+    });
+  });
+  return ops.join('');
+} // We could just do this in generatePath, except that we want to support
+// non-Path2D canvas, so we need to keep it an explicit step.
+
+
+function excavateModules(modules, excavation) {
+  return modules.slice().map(function (row, y) {
+    if (y < excavation.y || y >= excavation.y + excavation.h) {
+      return row;
+    }
+
+    return row.map(function (cell, x) {
+      if (x < excavation.x || x >= excavation.x + excavation.w) {
+        return cell;
+      }
+
+      return false;
+    });
+  });
+}
+
+function getImageSettings(cells, size, includeMargin, imageSettings) {
+  if (imageSettings == null) {
+    return null;
+  }
+
+  var margin = includeMargin ? MARGIN_SIZE : 0;
+  var numCells = cells.length + margin * 2;
+  var defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+  var scale = numCells / size;
+  var w = (imageSettings.width || defaultSize) * scale;
+  var h = (imageSettings.height || defaultSize) * scale;
+  var x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+  var y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+  var excavation;
+
+  if (imageSettings.excavate) {
+    var floorX = Math.floor(x);
+    var floorY = Math.floor(y);
+    var ceilW = Math.ceil(w + x - floorX);
+    var ceilH = Math.ceil(h + y - floorY);
+    excavation = {
+      x: floorX,
+      y: floorY,
+      w: ceilW,
+      h: ceilH
+    };
+  }
+
+  return {
+    x: x,
+    y: y,
+    h: h,
+    w: w,
+    excavation: excavation
+  };
+}

package/app/index.d.ts

@@ -1,6 +1,7 @@
 export * from '@digigov/ui/app/App';
 export * from '@digigov/ui/app/PageTitle';
 export * from '@digigov/ui/app/QrCodeScanner';
+export * from '@digigov/ui/app/QrCodeViewer';
 export * from '@digigov/ui/app/Header';
 export * from '@digigov/ui/app/i18n';
 export * from '@digigov/ui/app/I18nText';

package/app/index.js

@@ -43,6 +43,19 @@ Object.keys(_QrCodeScanner).forEach(function (key) {
   });
 });
 
+var _QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
+
+Object.keys(_QrCodeViewer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _QrCodeViewer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _QrCodeViewer[key];
+    }
+  });
+});
+
 var _Header = require("@digigov/ui/app/Header");
 
 Object.keys(_Header).forEach(function (key) {

package/core/Accordion/Accordion.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-accordion--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>details:nth-child(2)>summary"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>details:nth-child(2)>div>p"
+              }
+            }
+          ],
+          "id": "nJuTGfjq9kyK",
+          "title": "Mouse navigation"
+        }
+      ]
+    }
+  }
+}

package/core/BackLink/BackLink.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-backlink--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            }
+          ],
+          "id": "a_FlKpwUM63r",
+          "title": "Click link"
+        }
+      ]
+    }
+  }
+}

package/core/Breadcrumbs/Breadcrumbs.stories.playwright.json

@@ -0,0 +1,33 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-breadcrumbs--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "e5Uhj3zx5pff",
+          "title": "Hover and click"
+        }
+      ]
+    }
+  }
+}

package/core/Button/Button.stories.playwright.json

@@ -0,0 +1,93 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-button--primary": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "cxND_XOGkFHP",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-button--secondary": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "7b4sRaZez9gb",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-button--warning": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "-dtZHnNLRC7t",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-button--grouping-buttons-and-links": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "laasT0Qg9kvq",
+          "title": "Keyboard navigation"
+        }
+      ]
+    }
+  }
+}

package/core/Card/Card.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-card--with-clickable-content": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>div:nth-child(1)>a"
+              }
+            }
+          ],
+          "id": "BMjcXsopUT_n",
+          "title": "Click card"
+        }
+      ]
+    }
+  }
+}

package/core/Checkboxes/Checkbox.stories.playwright.json

@@ -0,0 +1,55 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-checkboxes--multiple-questions": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            }
+          ],
+          "id": "nEKElVkTn9rV",
+          "title": "check first box"
+        }
+      ]
+    },
+    "digigov-ui-core-checkboxes--with-hint": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(2)>label>input"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Space"
+              }
+            }
+          ],
+          "id": "tlp6twL--N_s",
+          "title": "click first option"
+        }
+      ]
+    }
+  }
+}

package/core/DateInput/DateInput.stories.playwright.json

@@ -0,0 +1,61 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-dateinput--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            },
+            {
+              "name": "keyboard.insertText",
+              "args": {
+                "text": "11"
+              }
+            }
+          ],
+          "id": "HEWnXMsN0nqw",
+          "title": "Actions with mouse"
+        }
+      ]
+    },
+    "digigov-ui-core-dateinput--with-error-message-for-single-field": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.insertText",
+              "args": {
+                "text": "2022"
+              }
+            }
+          ],
+          "id": "5QICoU6J1W8E",
+          "title": "Actions with keyboard"
+        }
+      ]
+    }
+  }
+}

package/core/Details/Details.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-details--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>details>summary"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html"
+              }
+            }
+          ],
+          "id": "Vmcdm2eBOyC1",
+          "title": "Open Details"
+        }
+      ]
+    }
+  }
+}

package/core/ErrorSummary/ErrorSummary.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-errorsummary--linked-to-checkbox": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Enter"
+              }
+            }
+          ],
+          "id": "V4VBSZxQfqiJ",
+          "title": "Go to checkbox"
+        }
+      ]
+    }
+  }
+}

package/core/FileUpload/__stories__/Default.js

@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Field.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_Field.FieldsetLegend, {
   size: "m"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], null)));
+}, "\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5")));
 
 var Default = function Default() {
   return _ref;

package/core/FileUpload/__stories__/WithErrorMessage.js

@@ -29,7 +29,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], {
   error: true
 }, /*#__PURE__*/_react["default"].createElement(_Field.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_Field.FieldsetLegend, {
   size: "m"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], null)));
+}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5")));
 
 var WithErrorMessage = function WithErrorMessage() {
   return _ref;

package/core/Link/Link.stories.playwright.json

@@ -0,0 +1,65 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-link--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "JREsgOQhRp3C",
+          "title": "Focus"
+        }
+      ]
+    },
+    "digigov-ui-core-link--no-underline": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            }
+          ],
+          "id": "P7WXxvHHLFfF",
+          "title": "Hover and focus"
+        }
+      ]
+    },
+    "digigov-ui-core-link--dark-background": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>a"
+              }
+            }
+          ],
+          "id": "YQJdyCc8F15c",
+          "title": "Hover and focus"
+        }
+      ]
+    }
+  }
+}

package/core/List/List.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-list--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "HP7t7DFo8MEt",
+          "title": "Navigate with tab"
+        }
+      ]
+    }
+  }
+}