@progress/kendo-react-barcodes 13.3.0 → 13.4.0-develop.1

package/index.d.ts

@@ -5,493 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Group } from '@progress/kendo-drawing';
-import { ImageExportOptions } from '@progress/kendo-drawing';
-import * as React_2 from 'react';
-import { Surface } from '@progress/kendo-drawing';
-import { SVGExportOptions } from '@progress/kendo-drawing';
-
-/**
- * Represents the KendoReact Barcode component.
- */
-export declare class Barcode extends React_2.Component<BarcodeProps, {}> {
-    private _baseBarcode;
-    /**
-     * @hidden
-     */
-    get barcodeInstance(): any;
-    /**
-     * Gets the Drawing `Surface` of the Barcode.
-     */
-    get surface(): Surface | null;
-    /**
-     * Gets the DOM element of the Barcode.
-     */
-    get element(): HTMLDivElement | null;
-    /**
-     * @hidden
-     */
-    render(): any;
-    /**
-     * Exports the component as an image. The export operation runs asynchronously and returns a promise.
-     *
-     * @param {ImageExportOptions} options - The parameters for the exported image.
-     * @returns {Promise<string>} - A promise that resolves with a PNG image encoded as a Data URI.
-     */
-    exportImage(options?: ImageExportOptions): Promise<string>;
-    /**
-     * Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
-     *
-     * @param options - The parameters for the exported file.
-     * @returns A promise that resolves 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;
-}
-
-/**
- * Represents the props of the [KendoReact Barcode component](https://www.telerik.com/kendo-react-ui/components/barcodes/barcode).
- */
-export declare interface BarcodeProps extends BaseBarcodeProps {
-    /**
-     * Sets the background color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "white"
-     * @example
-     * <Barcode background="#ffffff" />
-     */
-    background?: string;
-    /**
-     * Sets the border of the Barcode. Accepts an object implementing the `Border` interface.
-     *
-     * @example
-     * <Barcode border={{ color: "black", width: 2 }} />
-     */
-    border?: Border;
-    /**
-     * Shows or hides the checksum digit next to the value in the text area.
-     *
-     * @default false
-     * @example
-     * <Barcode checksum={true} />
-     */
-    checksum?: boolean;
-    /**
-     * Sets the color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "black"
-     * @example
-     * <Barcode color="#000000" />
-     */
-    color?: string;
-    /**
-     * Sets the height of the Barcode in pixels.
-     * You can also set the Barcode dimensions through regular CSS styling.
-     *
-     * @example
-     * <Barcode height={100} />
-     */
-    height?: number;
-    /**
-     * Sets the padding of the Barcode. Accepts a numeric value or an object implementing the `Padding` interface.
-     *
-     * @default 0
-     * @example
-     * <Barcode padding={{ top: 10, bottom: 10, left: 5, right: 5 }} />
-     */
-    padding?: Padding | number;
-    /**
-     * Sets the text label configuration of the Barcode. Accepts an object implementing the `BarcodeText` interface.
-     *
-     * @example
-     * <Barcode text={{ visible: true, position: "bottom", color: "black" }} />
-     */
-    text?: BarcodeText;
-    /**
-     * Sets the symbology (encoding) that the Barcode will use. Accepts a value of type `BarcodeType` or a custom string.
-     *
-     * @default "Code39"
-     * @example
-     * <Barcode type="Code128" />
-     */
-    type: BarcodeType | string;
-    /**
-     * Sets the value of the Barcode. Accepts a string or a number.
-     *
-     * @example
-     * <Barcode value="123456789" />
-     */
-    value: number | string;
-    /**
-     * Sets the width of the Barcode in pixels.
-     * You can also set the Barcode dimensions through regular CSS styling.
-     *
-     * @example
-     * <Barcode width={200} />
-     */
-    width?: number;
-}
-
-/**
- * The Barcode text label configuration.
- */
-export declare interface BarcodeText {
-    /**
-     * Sets the color of the text. Any valid CSS color string will work here, including hex and rgb.
-     *
-     * @default "black"
-     */
-    color?: string;
-    /**
-     * Sets the font of the text.
-     *
-     * @default "16px Consolas, Monaco, Sans Mono, monospace, sans-serif"
-     */
-    font?: string;
-    /**
-     * Sets the margin of the text. A numeric value sets all margins.
-     *
-     * @default 0
-     */
-    margin?: Margin | number;
-    /**
-     * Shows or hides the Barcode text label.
-     *
-     * If set to `false`, the Barcode will not display the value as text below the barcode lines.
-     *
-     * @default true
-     */
-    visible?: boolean;
-}
-
-/**
- * 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';
-
-/**
- * @hidden
- */
-declare interface BaseBarcodeProps {
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the styles that the component applies.
-     *
-     * @example
-     * <Barcode style={{ backgroundColor: "lightgray" }} />
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional CSS classes to the component.
-     *
-     * @example
-     * <Barcode className="custom-barcode-class" />
-     */
-    className?: string;
-    /**
-     * Sets the preferred rendering engine.
-     *
-     * The supported values are:
-     * - `"svg"`&mdash;If available, renders the component as an inline `svg` element.
-     * - `"canvas"`&mdash;If available, renders the component as a `canvas` element.
-     *
-     * @example
-     * <Barcode renderAs="svg" />
-     */
-    renderAs?: RenderMode;
-}
-
-/**
- * The appearance settings for the border lines.
- */
-export declare interface Border {
-    /**
-     * Sets the color of the border line. Accepts valid CSS color strings, including hex and rgb.
-     *
-     * @default "black"
-     */
-    color?: string;
-    /**
-     * Sets the dash type of the border line.
-     *
-     * @default "solid"
-     */
-    dashType?: DashType;
-    /**
-     * Sets the width of the border line in pixels.
-     *
-     * @default 0
-     */
-    width?: number;
-}
-
-/**
- * The dash line type.
- */
-export declare type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';
-
-/**
- * The margin size for each side.
- */
-export declare interface Margin {
-    /**
-     * Sets the top margin in pixels.
-     *
-     * @default 0
-     */
-    top?: number;
-    /**
-     * Sets the right margin in pixels.
-     *
-     * @default 0
-     */
-    right?: number;
-    /**
-     * Sets the bottom margin in pixels.
-     *
-     * @default 0
-     */
-    bottom?: number;
-    /**
-     * Sets the left margin in pixels.
-     *
-     * @default 0
-     */
-    left?: number;
-}
-
-/**
- * The padding size for each side.
- */
-export declare interface Padding {
-    /**
-     * Sets the top padding in pixels.
-     *
-     * @default 0
-     */
-    top?: number;
-    /**
-     * Sets the right padding in pixels.
-     *
-     * @default 0
-     */
-    right?: number;
-    /**
-     * Sets the bottom padding in pixels.
-     *
-     * @default 0
-     */
-    bottom?: number;
-    /**
-     * Sets the left padding in pixels.
-     *
-     * @default 0
-     */
-    left?: number;
-}
-
-/**
- * Represents the KendoReact QRCode component.
- */
-export declare class QRCode extends React_2.Component<QRCodeProps, {}> {
-    private _baseBarcode;
-    /**
-     * @hidden
-     */
-    get barcodeInstance(): any;
-    /**
-     * Gets the Drawing `Surface` of the Barcode.
-     */
-    get surface(): Surface | null;
-    /**
-     * Gets the DOM element of the Barcode.
-     */
-    get element(): HTMLDivElement | null;
-    /**
-     * @hidden
-     */
-    render(): any;
-    /**
-     * Exports the component as an image. The export operation runs asynchronously and returns a promise.
-     *
-     * @param {ImageExportOptions} options - The parameters for the exported image.
-     * @returns {Promise<string>} - A promise that resolves with a PNG image encoded as a Data URI.
-     */
-    exportImage(options?: ImageExportOptions): Promise<string>;
-    /**
-     * Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
-     *
-     * @param options - The parameters for the exported file.
-     * @returns A promise that resolves 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;
-}
-
-/**
- * The QR Code encoding modes.
- */
-export declare type QRCodeEncoding = 'ISO_8859_1' | 'UTF_8';
-
-/**
- * The QR Code error correction levels.
- *
- * * `"L"`&mdash;Approximately 7% of the codewords can be restored.
- * * `"M"`&mdash;Approximately 15% of the codewords can be restored.
- * * `"Q"`&mdash;Approximately 25% of the codewords can be restored.
- * * `"H"`&mdash;Approximately 30% of the codewords can be restored.
- */
-export declare type QRCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H';
-
-/**
- * The image overlay configuration of the QR Code.
- */
-export declare interface QRCodeOverlay {
-    /**
-     * Sets the overlay height in pixels.
-     *
-     * @default undefined
-     */
-    height?: number;
-    /**
-     * Sets the source image for the overlay.
-     *
-     * Required only when `type` is set to `'image'`.
-     */
-    imageUrl?: string;
-    /**
-     * Sets the overlay type.
-     *
-     * @default "image"
-     */
-    type?: 'image' | 'swiss';
-    /**
-     * Sets the overlay width in pixels.
-     *
-     * @default undefined
-     */
-    width?: number;
-}
-
-/**
- * Represents the props of the [KendoReact QRCode component](https://www.telerik.com/kendo-react-ui/components/barcodes/qrcode).
- */
-export declare interface QRCodeProps extends BaseBarcodeProps {
-    /**
-     * Sets the background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "white"
-     * @example
-     * <QRCode background="#ffffff" />
-     */
-    background?: string;
-    /**
-     * Sets the border of the QR Code. Accepts an object implementing the `Border` interface.
-     *
-     * @example
-     * <QRCode border={{ color: "black", width: 2 }} />
-     */
-    border?: Border;
-    /**
-     * Sets the color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "black"
-     * @example
-     * <QRCode color="#000000" />
-     */
-    color?: string;
-    /**
-     * Sets the encoding mode used to encode the value.
-     *
-     * > **Important** The UTF-8 encoding is not included in the specifications and some readers do not support it.
-     *
-     * The possible values are:
-     * * `"ISO_8859_1"`&mdash;Supports all characters from the [ISO/IEC 8859-1](https://en.wikipedia.org/wiki/ISO/IEC_8859-1) character set.
-     * * `"UTF_8"`&mdash;Supports all [Unicode](https://en.wikipedia.org/wiki/List_of_Unicode_characters) characters.
-     *
-     * @default "ISO_8859_1"
-     * @example
-     * <QRCode encoding="UTF_8" />
-     */
-    encoding?: QRCodeEncoding;
-    /**
-     * Sets the error correction level to use.
-     *
-     * The possible values are:
-     * * `"L"`&mdash;Approximately 7% of the codewords can be restored.
-     * * `"M"`&mdash;Approximately 15% of the codewords can be restored.
-     * * `"Q"`&mdash;Approximately 25% of the codewords can be restored.
-     * * `"H"`&mdash;Approximately 30% of the codewords can be restored.
-     *
-     * @default "L"
-     * @example
-     * <QRCode errorCorrection="H" />
-     */
-    errorCorrection?: QRCodeErrorCorrection;
-    /**
-     * An optional image overlay that displays 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"`.
-     *
-     * @example
-     * <QRCode overlay={{ imageUrl: "https://example.com/logo.png", size: 50 }} />
-     */
-    overlay?: QRCodeOverlay;
-    /**
-     * Sets the padding of the QR Code. A numeric value sets all paddings.
-     *
-     * @default 0
-     * @example
-     * <QRCode padding={10} />
-     */
-    padding?: number;
-    /**
-     * Determines the size of a QR Code. Numeric values represent pixels.
-     *
-     * If you do not specify a size, 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"
-     * @example
-     * <QRCode size={300} />
-     */
-    size?: number | string;
-    /**
-     * Sets the value of the QR Code. Accepts a string or a number.
-     *
-     * @example
-     * <QRCode value="https://example.com" />
-     */
-    value: number | string;
-}
-
-/**
- * Sets the rendering mode of the component.
- *
- * The supported values are:
- * * `"canvas"`&mdash;Renders the component as a Canvas element.
- * * `"svg"`&mdash;Renders the component as an inline SVG document.
- */
-export declare type RenderMode = 'svg' | 'canvas';
-
-export { }
+import { Barcode } from './Barcode.js';
+import { BarcodeProps } from './BarcodeProps.js';
+import { QRCode } from './QRCode.js';
+import { QRCodeProps } from './QRCodeProps.js';
+export * from './types.js';
+export { Barcode, BarcodeProps, QRCode, QRCodeProps };

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-barcodes",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768550515,version:"13.3.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-barcodes",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770219255,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-barcodes",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768550515,
-  version: "13.3.0",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-barcodes',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.1',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-barcodes",
-  "version": "13.3.0",
+  "version": "13.4.0-develop.1",
   "description": "React Barcodes provide a set of React components to build beautiful and customizable barcodes. KendoReact Barcodes package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,8 +28,8 @@
     "@progress/kendo-charts": "2.9.0",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "13.3.0",
-    "@progress/kendo-react-intl": "13.3.0",
+    "@progress/kendo-react-common": "13.4.0-develop.1",
+    "@progress/kendo-react-intl": "13.4.0-develop.1",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
   },
@@ -56,7 +56,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768550515,
+      "publishDate": 1770219255,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/store/reducer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { StoreAction } from './store.js';
+/**
+ * @hidden
+ */
+declare const optionsReducer: (currentState: any, action: StoreAction) => object;
+/**
+ * @hidden
+ */
+declare const observersReducer: (currentState: any, action: StoreAction) => any;
+export { optionsReducer, observersReducer };

package/store/store.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @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
+ */
+export declare const createStore: (reducer: any) => Store;

package/types/barcode-text.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Margin } from './margin.interface.js';
+/**
+ * The Barcode text label configuration.
+ */
+export interface BarcodeText {
+    /**
+     * Sets the color of the text. Any valid CSS color string will work here, including hex and rgb.
+     *
+     * @default "black"
+     */
+    color?: string;
+    /**
+     * Sets the font of the text.
+     *
+     * @default "16px Consolas, Monaco, Sans Mono, monospace, sans-serif"
+     */
+    font?: string;
+    /**
+     * Sets the margin of the text. A numeric value sets all margins.
+     *
+     * @default 0
+     */
+    margin?: Margin | number;
+    /**
+     * Shows or hides the Barcode text label.
+     *
+     * If set to `false`, the Barcode will not display the value as text below the barcode lines.
+     *
+     * @default true
+     */
+    visible?: boolean;
+}

package/types/barcode-type.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Supported symbologies (encodings) for the Barcode component.
+ */
+export type BarcodeType = 'EAN8' | 'EAN13' | 'UPCE' | 'UPCA' | 'Code11' | 'Code39' | 'Code39Extended' | 'Code93' | 'Code93Extended' | 'Code128' | 'Code128A' | 'Code128B' | 'Code128C' | 'GS1-128' | 'MSImod10' | 'MSImod11' | 'MSImod1010' | 'MSImod1110' | 'POSTNET';