@progress/kendo-react-barcodes 4.14.0-dev.202112141254

package/dist/es/QRCode.js

@@ -0,0 +1,149 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
+            t[p[i]] = s[p[i]];
+    return t;
+};
+import * as React from 'react';
+import { BaseBarcode } from './BaseBarcode';
+import { QRCode as KendoQRCode } from '@progress/kendo-charts';
+import { exportImage, exportSVG, Group } from '@progress/kendo-drawing';
+import { classNames } from '@progress/kendo-react-common';
+var DEFAULT_COLOR = '#000';
+var DEFAULT_BACKGROUND = '#fff';
+var DEFAULT_ERROR_CORRECTION = 'L';
+/**
+ * Represents the KendoReact QRCode component.
+ */
+var QRCode = /** @class */ (function (_super) {
+    __extends(QRCode, _super);
+    function QRCode() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getTarget = function () {
+            return _this;
+        };
+        _this.deriveOptionsFromParent = function (options) {
+            return Object.assign({}, options, {
+                background: _this.props.background || DEFAULT_BACKGROUND,
+                border: _this.props.border,
+                color: _this.props.color || DEFAULT_COLOR,
+                encoding: _this.props.encoding,
+                errorCorrection: _this.props.errorCorrection || DEFAULT_ERROR_CORRECTION,
+                overlay: _this.props.overlay || {},
+                padding: _this.props.padding,
+                renderAs: _this.props.renderAs,
+                size: _this.props.size,
+                value: _this.props.value
+            });
+        };
+        return _this;
+    }
+    Object.defineProperty(QRCode.prototype, "barcodeInstance", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            if (this._baseBarcode !== null) {
+                return this._baseBarcode.barcodeInstance;
+            }
+            return null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(QRCode.prototype, "surface", {
+        /**
+         * The Drawing `Surface` of the Barcode.
+         */
+        get: function () {
+            if (this._baseBarcode !== null) {
+                return this._baseBarcode.surface;
+            }
+            return null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(QRCode.prototype, "element", {
+        /**
+         * The DOM element of the Barcode.
+         */
+        get: function () {
+            if (this._baseBarcode !== null) {
+                return this._baseBarcode.element;
+            }
+            return null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    QRCode.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, children = _a.children, className = _a.className, baseBarcodeProps = __rest(_a, ["children", "className"]);
+        return (React.createElement(BaseBarcode, __assign({}, baseBarcodeProps, { deriveOptionsFromParent: this.deriveOptionsFromParent, ref: function (baseBarcode) { return _this._baseBarcode = baseBarcode; }, barcodeConstructor: KendoQRCode, getTarget: this.getTarget, className: classNames('k-qrcode', className) }), children));
+    };
+    /**
+     * Exports the component as an image. The export operation is asynchronous and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that will be resolved with a PNG image encoded as a Data URI.
+     */
+    QRCode.prototype.exportImage = function (options) {
+        if (options === void 0) { options = {}; }
+        return exportImage(this.exportVisual(), options);
+    };
+    /**
+     * Exports the component as an SVG document. The export operation is asynchronous and returns a promise.
+     *
+     * @param options - The parameters for the exported file.
+     * @returns - A promise that will be resolved with an SVG document that is encoded as a Data URI.
+     */
+    QRCode.prototype.exportSVG = function (options) {
+        if (options === void 0) { options = {}; }
+        return exportSVG(this.exportVisual(), options);
+    };
+    /**
+     * Exports a Barcode component as a Drawing `Scene`.
+     *
+     * @param {any} options - The parameters for the export operation.
+     * @returns {Group} - A promise that returns the root `Group` of the scene.
+     */
+    QRCode.prototype.exportVisual = function (options) {
+        if (this.barcodeInstance !== null) {
+            return this.barcodeInstance.exportVisual(options);
+        }
+        return new Group();
+    };
+    return QRCode;
+}(React.Component));
+export { QRCode };

package/dist/es/QRCodeProps.d.ts

@@ -0,0 +1,73 @@
+import { BaseBarcodeProps } from './BaseBarcodeProps';
+import { Border, QRCodeEncoding, QRCodeErrorCorrection, QRCodeOverlay } from './types';
+/**
+ * Represents the props of the [KendoReact QRCode component]({% slug overview_qrcode_barcodes %}).
+ */
+export interface QRCodeProps extends BaseBarcodeProps {
+    /**
+     * The background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "white"
+     */
+    background?: string;
+    /**
+     * The border of the QR Code.
+     */
+    border?: Border;
+    /**
+     * The color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "black"
+     */
+    color?: string;
+    /**
+     * The encoding mode used to encode the value.
+     *
+     * > **Important** The UTF-8 encoding is not included in the specifications and is not supported by all readers.
+     *
+     * The possible values are:
+     * * `"ISO_8859_1"`—Supports all characters from the [ISO/IEC 8859-1](https://en.wikipedia.org/wiki/ISO/IEC_8859-1) character set.
+     * * `"UTF_8"`—Supports all [Unicode](https://en.wikipedia.org/wiki/List_of_Unicode_characters) characters.
+     *
+     * @default "ISO_8859_1"
+     */
+    encoding?: QRCodeEncoding;
+    /**
+     * The error correction level to use.
+     *
+     * The possible values are:
+     * * `"L"`—Approximately 7% of the codewords can be restored.
+     * * `"M"`—Approximately 15% of the codewords can be restored.
+     * * `"Q"`—Approximately 25% of the codewords can be restored.
+     * * `"H"`—Approximately 30% of the codewords can be restored.
+     *
+     * @default "L"
+     */
+    errorCorrection?: QRCodeErrorCorrection;
+    /**
+     * An optional image overlay that will placed over the QR Code.
+     *
+     * > **Note** Always test if the code reads correctly with the applied overlay.
+     * > Depending on the length of the value and the size of the overlay, you might need to raise the `errorCorrection` level to `"M"` or `"H"`.
+     */
+    overlay?: QRCodeOverlay;
+    /**
+     * The padding of the QR Code. A numeric value sets all paddings.
+     *
+     * @default 0
+     */
+    padding?: number;
+    /**
+     * Specifies the size of a QR Code. Numeric values are treated as pixels.
+     *
+     * If no size is specified, the size will be determined from the element width and height.
+     * If the element has width or height of zero, a default value of 200 pixels will be used.
+     *
+     * @default "200px"
+     */
+    size?: number | string;
+    /**
+     * The value of the QR Code.
+     */
+    value: number | string;
+}

package/dist/es/common/barcodes.d.ts

@@ -0,0 +1,4 @@
+import { Barcode } from './../Barcode';
+import { QRCode } from './../QRCode';
+declare type Barcodes = Barcode | QRCode;
+export { Barcodes };

package/dist/es/main.d.ts

@@ -0,0 +1,6 @@
+import { Barcode } from './Barcode';
+import { BarcodeProps } from './BarcodeProps';
+import { QRCode } from './QRCode';
+import { QRCodeProps } from './QRCodeProps';
+export * from './types';
+export { Barcode, BarcodeProps, QRCode, QRCodeProps };

package/dist/es/main.js

@@ -0,0 +1,3 @@
+import { Barcode } from './Barcode';
+import { QRCode } from './QRCode';
+export { Barcode, QRCode };

package/dist/es/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-react-barcodes',
+    productName: 'KendoReact',
+    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
+    publishDate: 1639486389,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
+};

package/dist/es/store/reducer.d.ts

@@ -0,0 +1,10 @@
+import { StoreAction } from './store';
+/**
+ * @hidden
+ */
+declare const optionsReducer: (currentState: any, action: StoreAction) => object;
+/**
+ * @hidden
+ */
+declare const observersReducer: (currentState: any, action: StoreAction) => any;
+export { optionsReducer, observersReducer };

package/dist/es/store/reducer.js

@@ -0,0 +1,41 @@
+/**
+ * @hidden
+ */
+var optionsReducer = function (currentState, action) {
+    if (action.barcodeKey) {
+        return reducers.configurationItem(currentState, action);
+    }
+    else {
+        return {};
+    }
+};
+/**
+ * @hidden
+ */
+var observersReducer = function (currentState, action) {
+    if (action.type) {
+        switch (action.type) {
+            case 'add':
+                return currentState.concat([action.payload]);
+            case 'remove':
+                return currentState.filter(function (element) { return element !== action.payload; });
+            default:
+                return currentState;
+        }
+    }
+    else {
+        return [];
+    }
+};
+/**
+ * @hidden
+ */
+var reducers = {
+    configurationItem: function (currentState, action) {
+        var _a;
+        return Object.assign(currentState, (_a = {},
+            _a[action.barcodeKey] = action.payload,
+            _a));
+    }
+};
+export { optionsReducer, observersReducer };

package/dist/es/store/store.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @hidden
+ */
+export declare const THROTTLE_MS: number;
+/**
+ * @hidden
+ */
+export interface StoreAction {
+    barcodeKey?: string;
+    type?: string;
+    payload: any;
+}
+/**
+ * @hidden
+ */
+export interface Store {
+    getState(): any;
+    dispatch(action: StoreAction | object): void;
+    subscribe(f: Function): Function;
+}
+/**
+ * @hidden
+ */
+declare const createStore: (reducer: any) => Store;
+export default createStore;

package/dist/es/store/store.js

@@ -0,0 +1,28 @@
+import { canUseDOM } from '@progress/kendo-react-common';
+/**
+ * @hidden
+ */
+export var THROTTLE_MS = 1000 / 60;
+/**
+ * @hidden
+ */
+var createStore = function (reducer) {
+    var state;
+    var timerId;
+    var listeners = [];
+    var getState = function () { return state; };
+    var dispatch = function (action) {
+        state = reducer(state, action);
+        if (canUseDOM) {
+            window.clearTimeout(timerId);
+            timerId = window.setTimeout(function () { return listeners.forEach(function (l) { return l(); }); }, THROTTLE_MS);
+        }
+    };
+    var subscribe = function (listener) {
+        listeners.push(listener);
+        return function () { return listeners = listeners.filter(function (l) { return l !== listener; }); };
+    };
+    dispatch({});
+    return { getState: getState, dispatch: dispatch, subscribe: subscribe };
+};
+export default createStore;

package/dist/es/types/barcode-text.d.ts

@@ -0,0 +1,32 @@
+import { Margin } from './margin.interface';
+/**
+ * The Barcode text label configuration.
+ */
+export interface BarcodeText {
+    /**
+     * The color of the text. Any valid CSS color string will work here, including hex and rgb.
+     *
+     * @default "black"
+     */
+    color?: string;
+    /**
+     * The font of the text.
+     *
+     * @default "16px Consolas, Monaco, Sans Mono, monospace, sans-serif"
+     */
+    font?: string;
+    /**
+     * The margin of the text. A numeric value sets all margins.
+     *
+     * @default 0
+     */
+    margin?: Margin | number;
+    /**
+     * A flag indicating that the Barcode text label is visible.
+     *
+     * If set to `false`, the Barcode will not display the value as a text below the barcode lines.
+     *
+     * @default true
+     */
+    visible?: boolean;
+}

package/dist/es/types/barcode-type.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Supported symbologies (encodings) for the Barcode component.
+ */
+export declare type BarcodeType = 'EAN8' | 'EAN13' | 'UPCE' | 'UPCA' | 'Code11' | 'Code39' | 'Code39Extended' | 'Code93' | 'Code93Extended' | 'Code128' | 'Code128A' | 'Code128B' | 'Code128C' | 'GS1-128' | 'MSImod10' | 'MSImod11' | 'MSImod1010' | 'MSImod1110' | 'POSTNET' | 'ean8' | 'ean13' | 'upce' | 'upca' | 'code11' | 'code39' | 'code39extended' | 'code93' | 'code93extended' | 'code128' | 'code128a' | 'code128b' | 'code128c' | 'gs1-128' | 'msimod10' | 'msimod11' | 'msimod1010' | 'msimod1110' | 'postnet';

package/dist/es/types/border.interface.d.ts

@@ -0,0 +1,18 @@
+import { DashType } from './dash-type.interface';
+/**
+ * The appearance settings for the border lines.
+ */
+export interface Border {
+    /**
+     * The color of the border line. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The dash type of the border line.
+     */
+    dashType?: DashType;
+    /**
+     * The width of the border line in pixels.
+     */
+    width?: number;
+}

package/dist/es/types/dash-type.interface.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The dash line type.
+ */
+export declare type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';

package/dist/es/types/margin.interface.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The margin size for each side.
+ */
+export interface Margin {
+    /**
+     * The top margin in pixels.
+     */
+    top?: number;
+    /**
+     * The right margin in pixels.
+     */
+    right?: number;
+    /**
+     * The bottom margin in pixels.
+     */
+    bottom?: number;
+    /**
+     * The left margin in pixels.
+     */
+    left?: number;
+}

package/dist/es/types/padding.interface.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The padding size for each side.
+ */
+export interface Padding {
+    /**
+     * The top padding in pixels.
+     */
+    top?: number;
+    /**
+     * The right padding in pixels.
+     */
+    right?: number;
+    /**
+     * The bottom padding in pixels.
+     */
+    bottom?: number;
+    /**
+     * The left padding in pixels.
+     */
+    left?: number;
+}

package/dist/es/types/qrcode-encoding.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The QR Code encoding modes.
+ */
+export declare type QRCodeEncoding = 'ISO_8859_1' | 'UTF_8' | 'iso_8859_1' | 'utf_8';

package/dist/es/types/qrcode-error-correction.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The QR Code error correction levels.
+ *
+ * * `"L"`—Approximately 7% of the codewords can be restored.
+ * * `"M"`—Approximately 15% of the codewords can be restored.
+ * * `"Q"`—Approximately 25% of the codewords can be restored.
+ * * `"H"`—Approximately 30% of the codewords can be restored.
+ */
+export declare type QRCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H' | 'l' | 'm' | 'q' | 'h';

package/dist/es/types/qrcode-overlay.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The image overlay configuration of the QR Code.
+ */
+export interface QRCodeOverlay {
+    /**
+     * The overlay height in pixels.
+     */
+    height?: number;
+    /**
+     * The source image for the overlay.
+     *
+     * Required only when `type` is set to `'image'`.
+     */
+    imageUrl?: string;
+    /**
+     * The overlay type.
+     *
+     * @default 'image'
+     */
+    type?: 'image' | 'swiss';
+    /**
+     * The overlay width in pixels.
+     */
+    width?: number;
+}

package/dist/es/types/render-mode.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Sets the rendering mode of the component.
+ *
+ * The supported values are:
+ * * `"canvas"`—Renders the component as a Canvas element.
+ * * `"svg"`—Renders the component as an inline SVG document.
+ */
+export declare type RenderMode = 'svg' | 'canvas';

package/dist/es/types.d.ts

@@ -0,0 +1,10 @@
+export { Margin } from './types/margin.interface';
+export { Padding } from './types/padding.interface';
+export { Border } from './types/border.interface';
+export { DashType } from './types/dash-type.interface';
+export { BarcodeText } from './types/barcode-text';
+export { BarcodeType } from './types/barcode-type';
+export { QRCodeEncoding } from './types/qrcode-encoding';
+export { QRCodeErrorCorrection } from './types/qrcode-error-correction';
+export { QRCodeOverlay } from './types/qrcode-overlay';
+export { RenderMode } from './types/render-mode';

package/dist/es/utils/common.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @hidden
+ */
+export declare const isOptionsChanged: (original: any, current: any) => boolean;

package/dist/es/utils/common.js

@@ -0,0 +1,39 @@
+var isObject = function (value) {
+    return typeof value === 'object';
+};
+var diffOptions = function (original, current) {
+    if (Object.keys(original).length !== Object.keys(current).length) {
+        return true;
+    }
+    for (var field in original) {
+        if (original.hasOwnProperty(field)) {
+            var originalValue = original[field];
+            var currentValue = current[field];
+            var diff = isObject(originalValue) && isObject(currentValue) ?
+                diffOptions(originalValue, currentValue) : originalValue !== currentValue;
+            if (diff) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+/**
+ * @hidden
+ */
+export var isOptionsChanged = function (original, current) {
+    if (!original || !current) {
+        return true;
+    }
+    original = [].concat(original);
+    current = [].concat(current);
+    if (original.length !== current.length) {
+        return true;
+    }
+    for (var idx = 0; idx < original.length; idx++) {
+        if (diffOptions(original[idx], current[idx])) {
+            return true;
+        }
+    }
+    return false;
+};

package/dist/npm/Barcode.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { BarcodeProps } from './BarcodeProps';
+import { Surface } from '@progress/kendo-drawing';
+import { Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
+/**
+ * Represents the KendoReact Barcode component.
+ */
+export declare class Barcode extends React.Component<BarcodeProps, {}> {
+    private _baseBarcode;
+    /**
+     * @hidden
+     */
+    readonly barcodeInstance: any;
+    /**
+     * The Drawing `Surface` of the Barcode.
+     */
+    readonly surface: Surface | null;
+    /**
+     * The DOM element of the Barcode.
+     */
+    readonly element: HTMLDivElement | null;
+    /**
+     * @hidden
+     */
+    render(): any;
+    /**
+     * Exports the component as an image. The export operation is asynchronous and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that will be resolved with a PNG image encoded as a Data URI.
+     */
+    exportImage(options?: ImageExportOptions): Promise<string>;
+    /**
+     * Exports the component as an SVG document. The export operation is asynchronous and returns a promise.
+     *
+     * @param options - The parameters for the exported file.
+     * @returns - A promise that will be resolved with an SVG document that is encoded as a Data URI.
+     */
+    exportSVG(options?: SVGExportOptions): Promise<string>;
+    /**
+     * Exports a Barcode component as a Drawing `Scene`.
+     *
+     * @param {any} options - The parameters for the export operation.
+     * @returns {Group} - A promise that returns the root `Group` of the scene.
+     */
+    exportVisual(options?: any): Group;
+    private getTarget;
+    private deriveOptionsFromParent;
+}