@invoicebox/ui 0.1.0-alpha.118 → 0.1.0-alpha.119

package/dist/components/common/QRCode/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export type TProps = {
+    value: string;
+    bgColor?: string;
+    size?: number;
+    id?: string;
+};
+export declare const QRCode: FC<TProps>;

package/dist/components/common/QRCode/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QRCode = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _qrcode = _interopRequireDefault(require("qrcode.react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var invoiceboxIcon = "/public/a77a71d71b649b5aad848487ac3936b1.png";
+var QRCode = exports.QRCode = function QRCode(props) {
+  return /*#__PURE__*/_react["default"].createElement(_qrcode["default"], _extends({}, props, {
+    renderAs: "canvas",
+    level: "M",
+    imageSettings: {
+      src: invoiceboxIcon,
+      height: 39,
+      width: 39,
+      excavate: false
+    }
+  }));
+};

package/dist/components/common/QRCode/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QRCode, TProps } from '.';
+declare const meta: Meta<typeof QRCode>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/common/QRCode/index.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/QRCode',
+  component: _.QRCode,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    value: 'https://www.invoicebox.ru/ru/',
+    size: 132
+  }
+};

package/dist/declarations.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/index.d.ts

@@ -39,6 +39,7 @@ export { AppCardLink } from './components/common/AppCardLink';
 export { InvoiceboxLogo } from './components/common/InvoiceboxLogo';
 export type { TProps as TAutocompleteProps } from './components/form/Autocomplete/index';
 export { Autocomplete, AutocompleteDefaultOption, OrganizationAutocompleteItem, } from './components/form/Autocomplete/index';
+export { QRCode } from './components/common/QRCode';
 export { PaletteProvider, defaultAbstractPalette } from './palette';
 export type { TAbstractPalette } from './palette';
 export { useOutsideClick } from './hooks/useOutsideClick';

package/dist/index.js

@@ -129,6 +129,12 @@ Object.defineProperty(exports, "PureInput", {
     return _PureInput.PureInput;
   }
 });
+Object.defineProperty(exports, "QRCode", {
+  enumerable: true,
+  get: function get() {
+    return _QRCode.QRCode;
+  }
+});
 Object.defineProperty(exports, "Scrollbar", {
   enumerable: true,
   get: function get() {
@@ -277,6 +283,7 @@ var _PaymentCard = require("./components/payment/PaymentCard");
 var _AppCardLink = require("./components/common/AppCardLink");
 var _InvoiceboxLogo = require("./components/common/InvoiceboxLogo");
 var _index = require("./components/form/Autocomplete/index");
+var _QRCode = require("./components/common/QRCode");
 var _palette = require("./palette");
 var _useOutsideClick = require("./hooks/useOutsideClick");
 var _useInputFocus = require("./hooks/useInputFocus");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.118",
+    "version": "0.1.0-alpha.119",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {
@@ -32,6 +32,7 @@
         "@storybook/test": "^7.6.13",
         "@typescript-eslint/eslint-plugin": "^5.62.0",
         "@typescript-eslint/parser": "^5.62.0",
+        "babel-plugin-file-loader": "^2.0.0",
         "babel-plugin-inline-json-import": "^0.3.2",
         "babel-plugin-styled-components": "^2.1.4",
         "eslint": "^8.56.0",
@@ -54,6 +55,7 @@
         "lottie-react": "^2.4.0",
         "object.entries": "^1.1.8",
         "object.fromentries": "^2.0.8",
+        "qrcode.react": "^3.1.0",
         "react-calendar": "^4.8.0",
         "react-responsive": "^9.0.2",
         "react-scrollbars-custom": "^4.1.1",