@digigov/ui 0.28.1 → 0.28.3

package/app/Footer/index.js

@@ -1,13 +1,18 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
+exports["default"] = void 0;
 
-var _Footer = require("@digigov/react-core/Footer");
+var _Footer = _interopRequireWildcard(require("@digigov/react-core/Footer"));
 
 Object.keys(_Footer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Footer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -21,6 +26,7 @@ var _FooterContainer = require("@digigov/react-core/FooterContainer");
 
 Object.keys(_FooterContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -34,6 +40,7 @@ var _FooterContent = require("@digigov/react-core/FooterContent");
 
 Object.keys(_FooterContent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterContent[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -47,6 +54,7 @@ var _FooterContentLogos = require("@digigov/react-core/FooterContentLogos");
 
 Object.keys(_FooterContentLogos).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterContentLogos[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -60,6 +68,7 @@ var _FooterHeading = require("@digigov/react-core/FooterHeading");
 
 Object.keys(_FooterHeading).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterHeading[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -73,6 +82,7 @@ var _FooterImage = require("@digigov/react-core/FooterImage");
 
 Object.keys(_FooterImage).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterImage[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -86,6 +96,7 @@ var _FooterInlineList = require("@digigov/react-core/FooterInlineList");
 
 Object.keys(_FooterInlineList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterInlineList[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -99,6 +110,7 @@ var _FooterInlineListItem = require("@digigov/react-core/FooterInlineListItem");
 
 Object.keys(_FooterInlineListItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterInlineListItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -112,6 +124,7 @@ var _FooterLink = require("@digigov/react-core/FooterLink");
 
 Object.keys(_FooterLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterLink[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -125,6 +138,7 @@ var _FooterList = require("@digigov/react-core/FooterList");
 
 Object.keys(_FooterList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterList[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -138,6 +152,7 @@ var _FooterListItem = require("@digigov/react-core/FooterListItem");
 
 Object.keys(_FooterListItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterListItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -151,6 +166,7 @@ var _FooterMeta = require("@digigov/react-core/FooterMeta");
 
 Object.keys(_FooterMeta).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterMeta[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -164,6 +180,7 @@ var _FooterMetaItem = require("@digigov/react-core/FooterMetaItem");
 
 Object.keys(_FooterMetaItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterMetaItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -177,6 +194,7 @@ var _FooterNavigation = require("@digigov/react-core/FooterNavigation");
 
 Object.keys(_FooterNavigation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterNavigation[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -190,6 +208,7 @@ var _FooterSection = require("@digigov/react-core/FooterSection");
 
 Object.keys(_FooterSection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FooterSection[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -197,4 +216,11 @@ Object.keys(_FooterSection).forEach(function (key) {
       return _FooterSection[key];
     }
   });
-});
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _Footer["default"];
+exports["default"] = _default;

package/app/Header/Header.stories.d.ts

@@ -1,6 +1,10 @@
 declare namespace _default {
     export const title: string;
     export { Header as component };
+    export const displayName: string;
+    export const description: string;
+    export const link: string;
+    export const defaultWidth: string;
     export namespace parameters {
         const layout: string;
     }

package/app/Header/Header.stories.js

@@ -68,6 +68,10 @@ Object.keys(_WithNavigation).forEach(function (key) {
 var _default = {
   title: 'Digigov UI/app/Header',
   component: _Header["default"],
+  displayName: 'Header',
+  description: 'You must use the GOV.GR header at the top of every page if your service is being listed in the GOV.GR service catalog.',
+  link: 'https://guide.services.gov.gr/docs/components/header',
+  defaultWidth: 'l',
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen'

package/app/Header/index.mdx

@@ -25,3 +25,7 @@ import Header from '@digigov/ui/app/Header';
 ### Default header with navigation
 
 <Story packageName="@digigov/ui" component="app/Header" story="WithNavigation.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Header" />

package/app/I18nText.js

@@ -62,6 +62,7 @@ var recursiveReplace = function recursiveReplace(original, translation) {
 
     if (isObject(element)) {
       original[i] = /*#__PURE__*/_react["default"].cloneElement(original[i], (0, _extends2["default"])({}, original[i].props, {
+        key: i,
         children: recursiveReplace(original[i].props.children, translation[i].childNodes)
       }));
     }

package/app/NotFound/NotFound.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { NotFound as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/NotFound/__stories__/Default";

package/app/NotFound/NotFound.stories.js

@@ -25,6 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/app/NotFound',
-  component: _NotFound["default"]
+  component: _NotFound["default"],
+  displayName: 'NotFound'
 };
 exports["default"] = _default;

package/app/NotFound/index.mdx

@@ -10,3 +10,7 @@ import NotFound from '@digigov/ui/app/NotFound';
 ## How to use
 
 <Story packageName="@digigov/ui" component="app/NotFound" story="Default.tsx" />
+
+## API
+
+There are no available prop types for this component.

package/app/PageTitle.d.ts

@@ -1,10 +1,6 @@
-import React from 'react';
-import { CaptionProps } from '@digigov/ui/typography/Caption';
-import { TitleProps } from '@digigov/ui/typography/Title';
-export declare const PageTitle: React.FC<{}>;
+import PageTitle from '@digigov/react-core/PageTitle';
+export * from '@digigov/react-core/PageTitle';
+export * from '@digigov/react-core/PageTitleCaption';
+export * from '@digigov/react-core/PageTitleHeading';
+export * from '@digigov/react-core/PageTitleSection';
 export default PageTitle;
-export declare const PageTitleSection: React.FC<{}>;
-export declare const PageTitleCaption: React.FC<CaptionProps>;
-export interface PageTitleHeadingProps extends TitleProps {
-}
-export declare const PageTitleHeading: React.FC<TitleProps>;

package/app/PageTitle.js

@@ -1,76 +1,72 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.PageTitleSection = exports.PageTitleHeading = exports.PageTitleCaption = exports.PageTitle = void 0;
+var _exportNames = {};
+exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _PageTitle = _interopRequireWildcard(require("@digigov/react-core/PageTitle"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
+Object.keys(_PageTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PageTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageTitle[key];
+    }
+  });
+});
 
-var _Caption = _interopRequireDefault(require("@digigov/ui/typography/Caption"));
+var _PageTitleCaption = require("@digigov/react-core/PageTitleCaption");
 
-var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+Object.keys(_PageTitleCaption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PageTitleCaption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageTitleCaption[key];
+    }
+  });
+});
 
-var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+var _PageTitleHeading = require("@digigov/react-core/PageTitleHeading");
 
-var _excluded = ["component", "children"];
-var PageTitle = (0, _withDeprecation["default"])(function (_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
-}, {
-  name: 'PageTitle',
-  warning: 'There is no need to use PageTitle components anymore. It will be removed in a later version'
-});
-exports.PageTitle = PageTitle;
-var _default = PageTitle;
-exports["default"] = _default;
-var PageTitleSection = (0, _withDeprecation["default"])(function (_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
-}, {
-  name: 'PageTitleSection',
-  warning: 'There is no need to use PageTitleSection components anymore. It will be removed in a later version'
-});
-exports.PageTitleSection = PageTitleSection;
-var PageTitleCaption = (0, _withDeprecation["default"])(_Caption["default"], {
-  name: 'PageTitleCaption',
-  rename: 'HeadingCaption'
+Object.keys(_PageTitleHeading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PageTitleHeading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageTitleHeading[key];
+    }
+  });
 });
-exports.PageTitleCaption = PageTitleCaption;
-var PageTitleHeading = (0, _withDeprecation["default"])(function (_ref3) {
-  var component = _ref3.component,
-      children = _ref3.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Title["default"], (0, _extends2["default"])({
-    size: "xl",
-    element: component
-  }, props), children);
-}, {
-  name: 'PageTitleHeading',
-  props: {
-    dense: {
-      error: true
-    },
-    size: {
-      values: {
-        xs: {
-          error: true
-        }
-      }
-    },
-    component: {
-      values: {
-        h5: {
-          error: true
-        }
-      }
+
+var _PageTitleSection = require("@digigov/react-core/PageTitleSection");
+
+Object.keys(_PageTitleSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PageTitleSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PageTitleSection[key];
     }
-  }
+  });
 });
-exports.PageTitleHeading = PageTitleHeading;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _PageTitle["default"];
+exports["default"] = _default;

package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export const title: string;
     export { PhaseBannerHeader as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";
+import PhaseBannerHeader from "@digigov/ui/app/PhaseBannerHeader";

package/app/PhaseBannerHeader/PhaseBannerHeader.stories.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _app = _interopRequireDefault(require("@digigov/ui/app"));
+var _PhaseBannerHeader = _interopRequireDefault(require("@digigov/ui/app/PhaseBannerHeader"));
 
 var _Default = require("./__stories__/Default");
 
@@ -25,6 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/app/PhaseBannerHeader',
-  component: _app["default"]
+  component: _PhaseBannerHeader["default"],
+  displayName: 'PhaseBannerHeader'
 };
 exports["default"] = _default;

package/app/PhaseBannerHeader/index.mdx

@@ -10,3 +10,7 @@ import PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
 ## How to use
 
 <Story packageName="@digigov/ui" component="app/PhaseBannerHeader" story="Default.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="PhaseBannerHeader" />

package/app/QrCodeScanner/QrCodeScanner.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { QrCodeScanner as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/QrCodeScanner/__stories__/Default";

package/app/QrCodeScanner/QrCodeScanner.stories.js

@@ -25,6 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/app/QrCodeScanner',
-  component: _QrCodeScanner["default"]
+  component: _QrCodeScanner["default"],
+  displayName: 'QrCodeScanner'
 };
 exports["default"] = _default;

package/app/QrCodeScanner/index.d.ts

@@ -1,10 +1,17 @@
 import React from 'react';
-export interface QrCodeScannerProps extends QrReader.props {
+export interface QrCodeScannerProps {
+    style?: React.CSSProperties;
     dataType?: 'url' | 'text';
     legacyMode?: boolean;
     validate?: (...args: any[]) => boolean;
     onScan: (...args: any[]) => void;
     onError: (err: any) => void;
+    onLoad?: (...args: any[]) => void;
+    onImageLoad?: (...args: any[]) => void;
+    delay?: number;
+    facingMode?: 'user' | 'environment';
+    showViewFinder?: boolean;
+    className?: string;
 }
 /**
  * QRCodeScanner assumes that the data provided inside the QR code image,

package/app/QrCodeScanner/index.js

@@ -15,7 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _excluded = ["className", "children", "validate", "onScan", "onError", "dataType", "legacyMode"];
+var _excluded = ["children", "validate", "onScan", "onError", "dataType", "legacyMode"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var QrReader = /*#__PURE__*/_react["default"].lazy(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('react-qr-reader'));
+    return _interopRequireWildcard(require('@uides/react-qr-reader'));
   });
 });
 
@@ -45,8 +45,7 @@ var QrReader = /*#__PURE__*/_react["default"].lazy(function () {
  *
  */
 var QrCodeScanner = function QrCodeScanner(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
       validate = _ref.validate,
       onScan = _ref.onScan,
       onError = _ref.onError,
@@ -79,7 +78,6 @@ var QrCodeScanner = function QrCodeScanner(_ref) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(QrReader, (0, _extends2["default"])({
-    className: className,
     delay: 100,
     onError: onError,
     onScan: handleOnScan,

package/app/QrCodeViewer/QRCode.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { QrCodeViewer as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";

package/app/QrCodeViewer/QRCode.stories.js

@@ -41,6 +41,7 @@ Object.keys(_Custom).forEach(function (key) {
 /* eslint-disable digigov/no-relative-imports */
 var _default = {
   title: 'Digigov UI/app/QrCodeViewer',
-  component: _QrCodeViewer["default"]
+  component: _QrCodeViewer["default"],
+  displayName: 'QrCodeViewer'
 };
 exports["default"] = _default;

package/app/QrCodeViewer/index.d.ts

@@ -1,8 +1,6 @@
-import { QRPropsCanvas, QRPropsSVG } from '@digigov/ui/app/QrCodeViewer/types';
-declare type RootProps = (QRPropsSVG & {
-    renderAs: 'svg';
-}) | (QRPropsCanvas & {
-    renderAs?: 'canvas';
-});
-export declare const QrCodeViewer: (props: RootProps) => JSX.Element;
+import React from 'react';
+import { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';
+export interface QrCodeViewerProps extends QRPropsCanvas {
+}
+export declare const QrCodeViewer: (props: QrCodeViewerProps) => React.ReactElement;
 export default QrCodeViewer;

package/app/QrCodeViewer/index.js

@@ -21,9 +21,7 @@ var _qrcodegen = _interopRequireDefault(require("@digigov/ui/app/QrCodeViewer/qr
 
 var _utils = require("@digigov/ui/app/QrCodeViewer/utils");
 
-var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "style", "imageSettings"],
-    _excluded2 = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "imageSettings"],
-    _excluded3 = ["renderAs"];
+var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "style", "imageSettings"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -173,74 +171,8 @@ function QrCodeViewerCanvas(props) {
   }, otherProps)), img);
 }
 
-function QrCodeViewerSVG(props) {
-  var value = props.value,
-      _props$size2 = props.size,
-      size = _props$size2 === void 0 ? DEFAULT_SIZE : _props$size2,
-      _props$level2 = props.level,
-      level = _props$level2 === void 0 ? DEFAULT_LEVEL : _props$level2,
-      _props$bgColor2 = props.bgColor,
-      bgColor = _props$bgColor2 === void 0 ? DEFAULT_BGCOLOR : _props$bgColor2,
-      _props$fgColor2 = props.fgColor,
-      fgColor = _props$fgColor2 === void 0 ? DEFAULT_FGCOLOR : _props$fgColor2,
-      _props$includeMargin2 = props.includeMargin,
-      includeMargin = _props$includeMargin2 === void 0 ? DEFAULT_INCLUDEMARGIN : _props$includeMargin2,
-      imageSettings = props.imageSettings,
-      otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
-
-  var cells = _qrcodegen["default"].QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
-
-  var margin = includeMargin ? _utils.MARGIN_SIZE : 0;
-  var numCells = cells.length + margin * 2;
-  var calculatedImageSettings = (0, _utils.getImageSettings)(cells, size, includeMargin, imageSettings);
-  var image;
-
-  if (imageSettings != null && calculatedImageSettings != null) {
-    if (calculatedImageSettings.excavation != null) {
-      cells = (0, _utils.excavateModules)(cells, calculatedImageSettings.excavation);
-    }
-
-    image = /*#__PURE__*/_react["default"].createElement("image", {
-      xlinkHref: imageSettings.src,
-      height: calculatedImageSettings.h,
-      width: calculatedImageSettings.w,
-      x: calculatedImageSettings.x + margin,
-      y: calculatedImageSettings.y + margin,
-      preserveAspectRatio: "none"
-    });
-  } // Drawing strategy: instead of a rect per module, we're going to create a
-  // single path for the dark modules and layer that on top of a light rect,
-  // for a total of 2 DOM nodes. We pay a bit more in string concat but that's
-  // way faster than DOM ops.
-  // For level 1, 441 nodes -> 2
-  // For level 40, 31329 -> 2
-
-
-  var fgPath = (0, _utils.generatePath)(cells, margin);
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
-    height: size,
-    width: size,
-    viewBox: "0 0 ".concat(numCells, " ").concat(numCells)
-  }, otherProps), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: bgColor,
-    d: "M0,0 h".concat(numCells, "v").concat(numCells, "H0z"),
-    shapeRendering: "crispEdges"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: fgColor,
-    d: fgPath,
-    shapeRendering: "crispEdges"
-  }), image);
-}
-
 var QrCodeViewer = function QrCodeViewer(props) {
-  var renderAs = props.renderAs,
-      otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded3);
-
-  if (renderAs === 'svg') {
-    return /*#__PURE__*/_react["default"].createElement(QrCodeViewerSVG, otherProps);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(QrCodeViewerCanvas, otherProps);
+  return /*#__PURE__*/_react["default"].createElement(QrCodeViewerCanvas, props);
 };
 
 exports.QrCodeViewer = QrCodeViewer;

package/app/QrCodeViewer/index.mdx

@@ -19,3 +19,7 @@ import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
 <Story packageName="@digigov/ui" component="app/QrCodeViewer" story="Custom.tsx" />
 
 
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="QrCodeViewer" />

package/app/QrCodeViewer/types.d.ts

@@ -11,7 +11,6 @@ export declare type QRProps = {
     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;

package/app/index.d.ts

@@ -1,4 +1,6 @@
 export * from '@digigov/ui/app/App';
+export * from '@digigov/ui/app/Confirmation';
+export * from '@digigov/ui/app/Footer';
 export * from '@digigov/ui/app/PageTitle';
 export * from '@digigov/ui/app/QrCodeScanner';
 export * from '@digigov/ui/app/QrCodeViewer';