@progress/kendo-react-barcodes 7.2.4-develop.3 → 7.3.0-develop.1

package/index.mjs

@@ -1,336 +1,14 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
 "use client";
-import * as n from "react";
-import l from "prop-types";
-import { canUseDOM as I, validatePackage as x, classNames as u } from "@progress/kendo-react-common";
-import { Barcode as _, QRCode as w } from "@progress/kendo-charts";
-import { exportImage as b, exportSVG as g, Group as m } from "@progress/kendo-drawing";
-const T = 1e3 / 60, E = (s) => {
-  let e, t, r = [];
-  const o = () => e, c = (a) => {
-    e = s(e, a), I && (window.clearTimeout(t), t = window.setTimeout(() => r.forEach((i) => i()), T));
-  }, p = (a) => (r.push(a), () => r = r.filter((i) => i !== a));
-  return c({}), { getState: o, dispatch: c, subscribe: p };
-}, y = E, R = (s, e) => {
-  if (e.type)
-    switch (e.type) {
-      case "add":
-        return [...s, e.payload];
-      case "remove":
-        return s.filter((t) => t !== e.payload);
-      default:
-        return s;
-    }
-  else
-    return [];
-}, h = (s) => typeof s == "object", f = (s, e) => {
-  if (Object.keys(s).length !== Object.keys(e).length)
-    return !0;
-  for (let t in s)
-    if (s.hasOwnProperty(t)) {
-      const r = s[t], o = e[t];
-      if (h(r) && h(o) ? f(r, o) : r !== o)
-        return !0;
-    }
-  return !1;
-}, P = (s, e) => {
-  if (!s || !e || (s = [].concat(s), e = [].concat(e), s.length !== e.length))
-    return !0;
-  for (let t = 0; t < s.length; t++)
-    if (f(s[t], e[t]))
-      return !0;
-  return !1;
-}, v = n.createContext(null);
-v.displayName = "BarcodeContext";
-const N = {
-  name: "@progress/kendo-react-barcodes",
-  productName: "KendoReact",
-  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1709632284,
-  version: "",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-};
-class d extends n.Component {
-  constructor(e) {
-    super(e), this.barcodeInstance = null, this.surface = null, this._element = null, this.observersStore = {}, this.onWindowResize = () => {
-      this.barcodeInstance !== null && (this.barcodeInstance.redraw(), this.trigger("render", { sender: this }));
-    }, x(N), this.observersStore = y(R), this.contextValue = {
-      observersStore: this.observersStore
-    };
-  }
-  /**
-   * @hidden
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    this.instantiateCoreBarcode(), window.addEventListener("resize", this.onWindowResize), this.trigger("render", { sender: this });
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate(e) {
-    const {
-      children: t,
-      deriveOptionsFromParent: r,
-      getTarget: o,
-      barcodeConstructor: c,
-      className: p,
-      renderAs: a,
-      ...i
-    } = this.props, {
-      children: D,
-      deriveOptionsFromParent: F,
-      getTarget: S,
-      barcodeConstructor: U,
-      className: L,
-      renderAs: O,
-      ...B
-    } = e;
-    if (this.barcodeInstance !== null) {
-      const C = P(B, i);
-      (a || "svg") !== (O || "svg") ? (this.barcodeInstance !== null && (this.barcodeInstance.destroy(), this.barcodeInstance = null), this.instantiateCoreBarcode()) : C && this.refresh(), this.trigger("render", { sender: this });
-    }
-  }
-  /**
-   * @hidden
-   */
-  componentWillUnmount() {
-    this.barcodeInstance !== null && (this.barcodeInstance.destroy(), this.barcodeInstance = null), window.removeEventListener("resize", this.onWindowResize);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { style: e = {}, className: t, children: r } = this.props;
-    return /* @__PURE__ */ n.createElement(v.Provider, { value: this.contextValue }, /* @__PURE__ */ n.createElement(
-      "div",
-      {
-        style: e,
-        ref: (o) => this._element = o,
-        className: t
-      },
-      r
-    ));
-  }
-  /**
-   * @hidden
-   */
-  instantiateCoreBarcode() {
-    const { barcodeConstructor: e } = this.props, t = this.getBarcodeOptions();
-    this.barcodeInstance = new e(
-      this.element,
-      t,
-      (r) => {
-        if (process.env.NODE_ENV !== "production")
-          throw r;
-        console.warn(r);
-      }
-    );
-  }
-  /**
-   * @hidden
-   */
-  refresh() {
-    if (this.barcodeInstance !== null) {
-      const e = this.getBarcodeOptions();
-      this.barcodeInstance.setOptions(e);
-    }
-  }
-  /**
-   * @hidden
-   */
-  getBarcodeOptions() {
-    const {
-      renderAs: e,
-      deriveOptionsFromParent: t
-    } = this.props;
-    let r = { renderAs: e };
-    return t && (r = t(r)), r;
-  }
-  /**
-   * @hidden
-   */
-  trigger(e, t) {
-    const r = this.observersStore.getState();
-    for (let o = 0; o < r.length; o++)
-      r[o].trigger(e, t);
-  }
-}
-d.propTypes = {
-  dir: l.string,
-  renderAs: l.oneOf(["svg", "canvas"])
-};
-d.defaultProps = {
-  renderAs: "svg"
-};
-class K extends n.Component {
-  constructor() {
-    super(...arguments), this._baseBarcode = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => Object.assign({}, e, {
-      background: this.props.background,
-      border: this.props.border,
-      checksum: this.props.checksum,
-      color: this.props.color,
-      height: this.props.height,
-      padding: this.props.padding,
-      text: this.props.text,
-      type: this.props.type,
-      value: this.props.value,
-      width: this.props.width
-    });
-  }
-  /**
-   * @hidden
-   */
-  get barcodeInstance() {
-    return this._baseBarcode !== null ? this._baseBarcode.barcodeInstance : null;
-  }
-  /**
-   * The Drawing `Surface` of the Barcode.
-   */
-  get surface() {
-    return this._baseBarcode !== null ? this._baseBarcode.surface : null;
-  }
-  /**
-   * The DOM element of the Barcode.
-   */
-  get element() {
-    return this._baseBarcode !== null ? this._baseBarcode.element : null;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { children: e, className: t, ...r } = this.props;
-    return /* @__PURE__ */ n.createElement(
-      d,
-      {
-        ...r,
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
-        ref: (o) => this._baseBarcode = o,
-        barcodeConstructor: _,
-        getTarget: this.getTarget,
-        className: u("k-barcode", t)
-      },
-      e
-    );
-  }
-  /**
-   * 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(e = {}) {
-    return b(this.exportVisual(), e);
-  }
-  /**
-   * 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(e = {}) {
-    return g(this.exportVisual(), e);
-  }
-  /**
-   * 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(e) {
-    return this.barcodeInstance !== null ? this.barcodeInstance.exportVisual(e) : new m();
-  }
-}
-const V = "#000", k = "#fff", A = "L";
-class W extends n.Component {
-  constructor() {
-    super(...arguments), this._baseBarcode = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => Object.assign({}, e, {
-      background: this.props.background || k,
-      border: this.props.border,
-      color: this.props.color || V,
-      encoding: this.props.encoding,
-      errorCorrection: this.props.errorCorrection || A,
-      overlay: this.props.overlay || {},
-      padding: this.props.padding,
-      renderAs: this.props.renderAs,
-      size: this.props.size,
-      value: this.props.value
-    });
-  }
-  /**
-   * @hidden
-   */
-  get barcodeInstance() {
-    return this._baseBarcode !== null ? this._baseBarcode.barcodeInstance : null;
-  }
-  /**
-   * The Drawing `Surface` of the Barcode.
-   */
-  get surface() {
-    return this._baseBarcode !== null ? this._baseBarcode.surface : null;
-  }
-  /**
-   * The DOM element of the Barcode.
-   */
-  get element() {
-    return this._baseBarcode !== null ? this._baseBarcode.element : null;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { children: e, className: t, ...r } = this.props;
-    return /* @__PURE__ */ n.createElement(
-      d,
-      {
-        ...r,
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
-        ref: (o) => this._baseBarcode = o,
-        barcodeConstructor: w,
-        getTarget: this.getTarget,
-        className: u("k-qrcode", t)
-      },
-      e
-    );
-  }
-  /**
-   * 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(e = {}) {
-    return b(this.exportVisual(), e);
-  }
-  /**
-   * 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(e = {}) {
-    return g(this.exportVisual(), e);
-  }
-  /**
-   * 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(e) {
-    return this.barcodeInstance !== null ? this.barcodeInstance.exportVisual(e) : new m();
-  }
-}
+import { Barcode as r } from "./Barcode.mjs";
+import { QRCode as c } from "./QRCode.mjs";
 export {
-  K as Barcode,
-  W as QRCode
+  r as Barcode,
+  c as QRCode
 };

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-barcodes",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = {
+  name: "@progress/kendo-react-barcodes",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709715764,
+  version: "",
+  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": "7.2.4-develop.3",
+  "version": "7.3.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",
@@ -25,8 +25,8 @@
     "@progress/kendo-charts": "2.2.0",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "7.2.4-develop.3",
-    "@progress/kendo-react-intl": "7.2.4-develop.3",
+    "@progress/kendo-react-common": "7.3.0-develop.1",
+    "@progress/kendo-react-intl": "7.3.0-develop.1",
     "hammerjs": "^2.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/store/reducer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=(r,e)=>{if(e.type)switch(e.type){case"add":return[...r,e.payload];case"remove":return r.filter(s=>s!==e.payload);default:return r}else return[]};exports.observersReducer=d;

package/store/reducer.mjs

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const d = (r, e) => {
+  if (e.type)
+    switch (e.type) {
+      case "add":
+        return [...r, e.payload];
+      case "remove":
+        return r.filter((s) => s !== e.payload);
+      default:
+        return r;
+    }
+  else
+    return [];
+};
+export {
+  d as observersReducer
+};

package/store/store.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@progress/kendo-react-common"),n=1e3/60,d=i=>{let o,r,e=[];const u=()=>o,c=t=>{o=i(o,t),l.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout(()=>e.forEach(s=>s()),n))},a=t=>(e.push(t),()=>e=e.filter(s=>s!==t));return c({}),{getState:u,dispatch:c,subscribe:a}};exports.THROTTLE_MS=n;exports.default=d;

package/store/store.mjs

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { canUseDOM as u } from "@progress/kendo-react-common";
+const l = 1e3 / 60, f = (i) => {
+  let s, r, t = [];
+  const n = () => s, c = (e) => {
+    s = i(s, e), u && (window.clearTimeout(r), r = window.setTimeout(() => t.forEach((o) => o()), l));
+  }, a = (e) => (t.push(e), () => t = t.filter((o) => o !== e));
+  return c({}), { getState: n, dispatch: c, subscribe: a };
+};
+export {
+  l as THROTTLE_MS,
+  f as default
+};

package/utils/common.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=e=>typeof e=="object",r=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(let n in e)if(e.hasOwnProperty(n)){const s=e[n],f=t[n];if(u(s)&&u(f)?r(s,f):s!==f)return!0}return!1},c=(e,t)=>{if(!e||!t||(e=[].concat(e),t=[].concat(t),e.length!==t.length))return!0;for(let n=0;n<e.length;n++)if(r(e[n],t[n]))return!0;return!1};exports.isOptionsChanged=c;

package/utils/common.mjs

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const u = (t) => typeof t == "object", c = (t, e) => {
+  if (Object.keys(t).length !== Object.keys(e).length)
+    return !0;
+  for (let f in t)
+    if (t.hasOwnProperty(f)) {
+      const n = t[f], s = e[f];
+      if (u(n) && u(s) ? c(n, s) : n !== s)
+        return !0;
+    }
+  return !1;
+}, o = (t, e) => {
+  if (!t || !e || (t = [].concat(t), e = [].concat(e), t.length !== e.length))
+    return !0;
+  for (let f = 0; f < t.length; f++)
+    if (c(t[f], e[f]))
+      return !0;
+  return !1;
+};
+export {
+  o as isOptionsChanged
+};

package/Barcode.d.ts

@@ -1,53 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-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
-     */
-    get barcodeInstance(): any;
-    /**
-     * The Drawing `Surface` of the Barcode.
-     */
-    get surface(): Surface | null;
-    /**
-     * The DOM element of the Barcode.
-     */
-    get 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;
-}

package/BarcodeContext.d.ts

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { Store } from './store/store';
-/**
- * @hidden
- */
-export interface BarcodeContextType {
-    observersStore: Store;
-}
-/**
- * @hidden
- */
-export declare const BarcodeContext: React.Context<BarcodeContextType | null>;

package/BarcodeProps.d.ts

@@ -1,65 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { BaseBarcodeProps } from './BaseBarcodeProps';
-import { BarcodeText, BarcodeType, Border, Padding } from './types';
-/**
- * Represents the props of the [KendoReact Barcode component]({% slug overview_barcode_barcodes %}).
- */
-export interface BarcodeProps extends BaseBarcodeProps {
-    /**
-     * The background color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "white"
-     */
-    background?: string;
-    /**
-     * The border of the Barcode.
-     */
-    border?: Border;
-    /**
-     * If set to `true`, the Barcode will display the checksum digit next to the value in the text area.
-     *
-     * @default false
-     */
-    checksum?: boolean;
-    /**
-     * The color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "black"
-     */
-    color?: string;
-    /**
-     * The height of the Barcode in pixels.
-     *
-     * The Barcode dimensions can also be set through regular CSS styling.
-     */
-    height?: number;
-    /**
-     * The padding of the Barcode. A numeric value sets all paddings.
-     *
-     * @default 0
-     */
-    padding?: Padding | number;
-    /**
-     * The Barcode text label configuration.
-     */
-    text?: BarcodeText;
-    /**
-     * The symbology (encoding) the Barcode will use.
-     *
-     * @default "Code39"
-     */
-    type: BarcodeType | string;
-    /**
-     * The value of the Barcode.
-     */
-    value: number | string;
-    /**
-     * The width of the Barcode in pixels.
-     *
-     * The Barcode dimensions can also be set through regular CSS styling.
-     */
-    width?: number;
-}