react-jsbarcode 1.0.0 → 1.1.0

package/Readme.md

@@ -11,9 +11,10 @@
 
 This is a [React](https://reactjs.org) component wrapping up [jsbarcode](<[https://](https://github.com/lindell/JsBarcode)>). Written as a React functional component using React hooks. <ReactBarcode />
 
-## CodeSandbox Demo
+## Demo
 
 [![Edit react-jsbarcode](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-jsbarcode-2659g?fontsize=14&hidenavigation=1&theme=dark)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/react-jsbarcode?file=src%2FApp.tsx)
 
 ## Installation
 
@@ -40,20 +41,20 @@ pnpm add react-jsbarcode
 - Basic usage
 
 ```tsx
-import Barcode from 'react-jsbarcode';
+import { ReactBarcode } from 'react-jsbarcode';
 
 const App = () => {
-  return <Barcode value="ABC123" />;
+  return <ReactBarcode value="ABC123" />;
 };
 ```
 
 - Advanced usage
 
 ```tsx
-import Barcode from 'react-jsbarcode';
+import { ReactBarcode } from 'react-jsbarcode';
 
 const App = () => {
-  return <Barcode value="ABC123" options={{ format: 'code128' }} renderer="svg" />;
+  return <ReactBarcode value="ABC123" options={{ format: 'code128' }} renderer="svg" />;
 };
 ```
 
@@ -64,3 +65,4 @@ For all options refer jsbarcode [wiki](https://github.com/lindell/JsBarcode/wiki
 JSBarcode supports rendering to SVG, image and canvas. Default renderer is 'svg'.
 
 [![Edit react-jsbarcode](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-jsbarcode-2659g?fontsize=14&hidenavigation=1&theme=dark)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/react-jsbarcode?file=src%2FApp.tsx)

package/lib/chunk-K2TCKD5G.js

@@ -0,0 +1,2 @@
+var A=(a=>(a.SVG="svg",a.IMAGE="image",a.CANVAS="canvas",a))(A||{});export{A as a};//# sourceMappingURL=chunk-K2TCKD5G.js.map
+//# sourceMappingURL=chunk-K2TCKD5G.js.map

package/lib/chunk-K2TCKD5G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/index.ts"],"names":["Renderer"],"mappings":"AAAO,IAAKA,CAAAA,CAAAA,CAAAA,CAAAA,GACVA,CAAAA,CAAA,GAAA,CAAM,KAAA,CACNA,CAAAA,CAAA,MAAQ,OAAA,CACRA,CAAAA,CAAA,MAAA,CAAS,QAAA,CAHCA,CAAAA,CAAAA,EAAAA,CAAAA,EAAA,EAAA","file":"chunk-K2TCKD5G.js","sourcesContent":["export enum Renderer {\n  SVG = 'svg',\n  IMAGE = 'image',\n  CANVAS = 'canvas',\n}\n"]}

package/lib/chunk-PFBADHMX.js

@@ -0,0 +1,2 @@
+import f from'jsbarcode';import {useRef,useCallback,useEffect}from'react';import {jsx}from'react/jsx-runtime';function S({style:r,className:t,value:a,options:c,renderer:n="svg"}){let e=useRef(null),o=useCallback(f,[a,e.current,c]);switch(useEffect(()=>{o(e.current,a,c);},[o,a,c,n]),n){case "canvas":return jsx("canvas",{ref:e,style:r,className:t});case "image":return jsx("img",{ref:e,alt:"barcode",style:r,className:t});default:return jsx("svg",{ref:e,style:r,className:t})}}export{S as a};//# sourceMappingURL=chunk-PFBADHMX.js.map
+//# sourceMappingURL=chunk-PFBADHMX.js.map

package/lib/chunk-PFBADHMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/react-barcode.tsx"],"names":["ReactBarcode","style","className","value","options","renderer","containerRef","useRef","renderBarcode","useCallback","JsBarcode","useEffect","jsx"],"mappings":"8GAsBO,SAASA,EAAa,CAC3B,KAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CAAAA,KACF,CAAA,CAAmD,CACjD,IAAMC,CAAAA,CAAeC,OAAc,IAAI,CAAA,CAEjCC,CAAAA,CAAgBC,WAAAA,CAAYC,CAAAA,CAAW,CAACP,EAAOG,CAAAA,CAAa,OAAA,CAASF,CAAO,CAAC,CAAA,CAMnF,OAJAO,SAAAA,CAAU,IAAM,CACdH,CAAAA,CAAcF,CAAAA,CAAa,OAAA,CAASH,EAAOC,CAAO,EACpD,EAAG,CAACI,CAAAA,CAAeL,EAAOC,CAAAA,CAASC,CAAQ,CAAC,CAAA,CAEpCA,CAAAA,EACN,KAAK,QAAA,CACH,OAAOO,IAAC,QAAA,CAAA,CAAO,GAAA,CAAKN,EAAc,KAAA,CAAOL,CAAAA,CAAO,SAAA,CAAWC,CAAAA,CAAW,CAAA,CACxE,KAAK,QACH,OAAOU,GAAAA,CAAC,OAAI,GAAA,CAAKN,CAAAA,CAAc,IAAI,SAAA,CAAU,KAAA,CAAOL,CAAAA,CAAO,SAAA,CAAWC,CAAAA,CAAW,CAAA,CACnF,QACE,OAAOU,GAAAA,CAAC,OAAI,GAAA,CAAKN,CAAAA,CAAc,MAAOL,CAAAA,CAAO,SAAA,CAAWC,CAAAA,CAAW,CACvE,CACF","file":"chunk-PFBADHMX.js","sourcesContent":["import JsBarcode, { type Options } from 'jsbarcode';\nimport { useCallback, useEffect, useRef, type CSSProperties } from 'react';\nimport { Renderer } from '../types/index.js';\n\nexport interface ReactBarcodeProps {\n  /**\n   * JSBarcode renderer type\n   * @enum\n   */\n  renderer?: Renderer;\n  /**\n   * Value to be rendered as barcode\n   */\n  value: string;\n  /**\n   * JSBarcode options\n   */\n  options?: Options;\n  style?: CSSProperties;\n  className?: string;\n}\n\nexport function ReactBarcode({\n  style,\n  className,\n  value,\n  options,\n  renderer = Renderer.SVG,\n}: Readonly<ReactBarcodeProps>): React.JSX.Element {\n  const containerRef = useRef<never>(null);\n\n  const renderBarcode = useCallback(JsBarcode, [value, containerRef.current, options]);\n\n  useEffect(() => {\n    renderBarcode(containerRef.current, value, options);\n  }, [renderBarcode, value, options, renderer]);\n\n  switch (renderer) {\n    case 'canvas':\n      return <canvas ref={containerRef} style={style} className={className} />;\n    case 'image':\n      return <img ref={containerRef} alt=\"barcode\" style={style} className={className} />;\n    default:\n      return <svg ref={containerRef} style={style} className={className} />;\n  }\n}\n"]}

package/lib/core/react-barcode.js

@@ -1,15 +1,2 @@
-'use strict';
-
-var i = require('jsbarcode');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var i__default = /*#__PURE__*/_interopDefault(i);
-
-function R({style:r,className:t,value:a,options:c,renderer:o="svg"}){let e=react.useRef(null),n=react.useCallback(i__default.default,[a,e.current,c]);switch(react.useEffect(()=>{n(e.current,a,c);},[n,a,c,o]),o){case"canvas":return jsxRuntime.jsx("canvas",{ref:e,style:r,className:t});case"image":return jsxRuntime.jsx("img",{ref:e,alt:"barcode",style:r,className:t});default:return jsxRuntime.jsx("svg",{ref:e,style:r,className:t})}}
-
-exports.ReactBarcode = R;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3JlL3JlYWN0LWJhcmNvZGUudHN4Il0sIm5hbWVzIjpbIkpzQmFyY29kZSIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlUmVmIiwianN4IiwiUmVhY3RCYXJjb2RlIiwic3R5bGUiLCJjbGFzc05hbWUiLCJ2YWx1ZSIsIm9wdGlvbnMiLCJyZW5kZXJlciIsImNvbnRhaW5lclJlZiIsInJlbmRlckJhcmNvZGUiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLE1BQWlDLFlBQ3hDLE9BQVMsZUFBQUMsRUFBYSxhQUFBQyxFQUFXLFVBQUFDLE1BQWtDLFFBc0N0RCxjQUFBQyxNQUFBLG9CQWpCTixTQUFTQyxFQUFhLENBQzNCLE1BQUFDLEVBQ0EsVUFBQUMsRUFDQSxNQUFBQyxFQUNBLFFBQUFDLEVBQ0EsU0FBQUMsT0FDRixFQUFtRCxDQUNqRCxJQUFNQyxFQUFlUixFQUFjLElBQUksRUFFakNTLEVBQWdCWCxFQUFZRCxFQUFXLENBQUNRLEVBQU9HLEVBQWEsUUFBU0YsQ0FBTyxDQUFDLEVBTW5GLE9BSkFQLEVBQVUsSUFBTSxDQUNkVSxFQUFjRCxFQUFhLFFBQVNILEVBQU9DLENBQU8sQ0FDcEQsRUFBRyxDQUFDRyxFQUFlSixFQUFPQyxFQUFTQyxDQUFRLENBQUMsRUFFcENBLEVBQVUsQ0FDaEIsSUFBSyxTQUNILE9BQU9OLEVBQUMsVUFBTyxJQUFLTyxFQUFjLE1BQU9MLEVBQU8sVUFBV0MsRUFBVyxFQUN4RSxJQUFLLFFBQ0gsT0FBT0gsRUFBQyxPQUFJLElBQUtPLEVBQWMsSUFBSSxVQUFVLE1BQU9MLEVBQU8sVUFBV0MsRUFBVyxFQUNuRixRQUNFLE9BQU9ILEVBQUMsT0FBSSxJQUFLTyxFQUFjLE1BQU9MLEVBQU8sVUFBV0MsRUFBVyxDQUN2RSxDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IEpzQmFyY29kZSwgeyB0eXBlIE9wdGlvbnMgfSBmcm9tICdqc2JhcmNvZGUnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB0eXBlIENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSZW5kZXJlciB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBSZWFjdEJhcmNvZGVQcm9wcyB7XG4gIC8qKlxuICAgKiBKU0JhcmNvZGUgcmVuZGVyZXIgdHlwZVxuICAgKiBAZW51bVxuICAgKi9cbiAgcmVuZGVyZXI/OiBSZW5kZXJlcjtcbiAgLyoqXG4gICAqIFZhbHVlIHRvIGJlIHJlbmRlcmVkIGFzIGJhcmNvZGVcbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBKU0JhcmNvZGUgb3B0aW9uc1xuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbnM7XG4gIHN0eWxlPzogQ1NTUHJvcGVydGllcztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gUmVhY3RCYXJjb2RlKHtcbiAgc3R5bGUsXG4gIGNsYXNzTmFtZSxcbiAgdmFsdWUsXG4gIG9wdGlvbnMsXG4gIHJlbmRlcmVyID0gUmVuZGVyZXIuU1ZHLFxufTogUmVhZG9ubHk8UmVhY3RCYXJjb2RlUHJvcHM+KTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8bmV2ZXI+KG51bGwpO1xuXG4gIGNvbnN0IHJlbmRlckJhcmNvZGUgPSB1c2VDYWxsYmFjayhKc0JhcmNvZGUsIFt2YWx1ZSwgY29udGFpbmVyUmVmLmN1cnJlbnQsIG9wdGlvbnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJlbmRlckJhcmNvZGUoY29udGFpbmVyUmVmLmN1cnJlbnQsIHZhbHVlLCBvcHRpb25zKTtcbiAgfSwgW3JlbmRlckJhcmNvZGUsIHZhbHVlLCBvcHRpb25zLCByZW5kZXJlcl0pO1xuXG4gIHN3aXRjaCAocmVuZGVyZXIpIHtcbiAgICBjYXNlICdjYW52YXMnOlxuICAgICAgcmV0dXJuIDxjYW52YXMgcmVmPXtjb250YWluZXJSZWZ9IHN0eWxlPXtzdHlsZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IC8+O1xuICAgIGNhc2UgJ2ltYWdlJzpcbiAgICAgIHJldHVybiA8aW1nIHJlZj17Y29udGFpbmVyUmVmfSBhbHQ9XCJiYXJjb2RlXCIgc3R5bGU9e3N0eWxlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gLz47XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA8c3ZnIHJlZj17Y29udGFpbmVyUmVmfSBzdHlsZT17c3R5bGV9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSAvPjtcbiAgfVxufVxuIl19
+export{a as ReactBarcode}from'../chunk-PFBADHMX.js';import'../chunk-K2TCKD5G.js';//# sourceMappingURL=react-barcode.js.map
+//# sourceMappingURL=react-barcode.js.map

package/lib/core/react-barcode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"react-barcode.js"}

package/lib/index.js

@@ -1,16 +1,2 @@
-'use strict';
-
-var p = require('jsbarcode');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var p__default = /*#__PURE__*/_interopDefault(p);
-
-var f=(e=>(e.SVG="svg",e.IMAGE="image",e.CANVAS="canvas",e))(f||{});function R({style:t,className:a,value:o,options:e,renderer:s="svg"}){let r=react.useRef(null),n=react.useCallback(p__default.default,[o,r.current,e]);switch(react.useEffect(()=>{n(r.current,o,e);},[n,o,e,s]),s){case"canvas":return jsxRuntime.jsx("canvas",{ref:r,style:t,className:a});case"image":return jsxRuntime.jsx("img",{ref:r,alt:"barcode",style:t,className:a});default:return jsxRuntime.jsx("svg",{ref:r,style:t,className:a})}}
-
-exports.ReactBarcode = R;
-exports.Renderer = f;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb3JlL3JlYWN0LWJhcmNvZGUudHN4IiwiLi4vc3JjL3R5cGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbIkpzQmFyY29kZSIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlUmVmIiwiUmVuZGVyZXIiLCJqc3giLCJSZWFjdEJhcmNvZGUiLCJzdHlsZSIsImNsYXNzTmFtZSIsInZhbHVlIiwib3B0aW9ucyIsInJlbmRlcmVyIiwiY29udGFpbmVyUmVmIiwicmVuZGVyQmFyY29kZSJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBaUMsWUFDeEMsT0FBUyxlQUFBQyxFQUFhLGFBQUFDLEVBQVcsVUFBQUMsTUFBa0MsUUNENUQsSUFBV0MsT0FDaEJBLEVBQUEsSUFBTSxNQUNOQSxFQUFBLE1BQVEsUUFDUkEsRUFBQSxPQUFTLFNBSE9BLE9BQUEsSUR1Q0wsY0FBQUMsTUFBQSxvQkFqQk4sU0FBU0MsRUFBYSxDQUMzQixNQUFBQyxFQUNBLFVBQUFDLEVBQ0EsTUFBQUMsRUFDQSxRQUFBQyxFQUNBLFNBQUFDLE9BQ0YsRUFBbUQsQ0FDakQsSUFBTUMsRUFBZVQsRUFBYyxJQUFJLEVBRWpDVSxFQUFnQlosRUFBWUQsRUFBVyxDQUFDUyxFQUFPRyxFQUFhLFFBQVNGLENBQU8sQ0FBQyxFQU1uRixPQUpBUixFQUFVLElBQU0sQ0FDZFcsRUFBY0QsRUFBYSxRQUFTSCxFQUFPQyxDQUFPLENBQ3BELEVBQUcsQ0FBQ0csRUFBZUosRUFBT0MsRUFBU0MsQ0FBUSxDQUFDLEVBRXBDQSxFQUFVLENBQ2hCLElBQUssU0FDSCxPQUFPTixFQUFDLFVBQU8sSUFBS08sRUFBYyxNQUFPTCxFQUFPLFVBQVdDLEVBQVcsRUFDeEUsSUFBSyxRQUNILE9BQU9ILEVBQUMsT0FBSSxJQUFLTyxFQUFjLElBQUksVUFBVSxNQUFPTCxFQUFPLFVBQVdDLEVBQVcsRUFDbkYsUUFDRSxPQUFPSCxFQUFDLE9BQUksSUFBS08sRUFBYyxNQUFPTCxFQUFPLFVBQVdDLEVBQVcsQ0FDdkUsQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBKc0JhcmNvZGUsIHsgdHlwZSBPcHRpb25zIH0gZnJvbSAnanNiYXJjb2RlJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdHlwZSBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgUmVuZGVyZXIgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVhY3RCYXJjb2RlUHJvcHMge1xuICAvKipcbiAgICogSlNCYXJjb2RlIHJlbmRlcmVyIHR5cGVcbiAgICogQGVudW1cbiAgICovXG4gIHJlbmRlcmVyPzogUmVuZGVyZXI7XG4gIC8qKlxuICAgKiBWYWx1ZSB0byBiZSByZW5kZXJlZCBhcyBiYXJjb2RlXG4gICAqL1xuICB2YWx1ZTogc3RyaW5nO1xuICAvKipcbiAgICogSlNCYXJjb2RlIG9wdGlvbnNcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25zO1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFJlYWN0QmFyY29kZSh7XG4gIHN0eWxlLFxuICBjbGFzc05hbWUsXG4gIHZhbHVlLFxuICBvcHRpb25zLFxuICByZW5kZXJlciA9IFJlbmRlcmVyLlNWRyxcbn06IFJlYWRvbmx5PFJlYWN0QmFyY29kZVByb3BzPik6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPG5ldmVyPihudWxsKTtcblxuICBjb25zdCByZW5kZXJCYXJjb2RlID0gdXNlQ2FsbGJhY2soSnNCYXJjb2RlLCBbdmFsdWUsIGNvbnRhaW5lclJlZi5jdXJyZW50LCBvcHRpb25zXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICByZW5kZXJCYXJjb2RlKGNvbnRhaW5lclJlZi5jdXJyZW50LCB2YWx1ZSwgb3B0aW9ucyk7XG4gIH0sIFtyZW5kZXJCYXJjb2RlLCB2YWx1ZSwgb3B0aW9ucywgcmVuZGVyZXJdKTtcblxuICBzd2l0Y2ggKHJlbmRlcmVyKSB7XG4gICAgY2FzZSAnY2FudmFzJzpcbiAgICAgIHJldHVybiA8Y2FudmFzIHJlZj17Y29udGFpbmVyUmVmfSBzdHlsZT17c3R5bGV9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSAvPjtcbiAgICBjYXNlICdpbWFnZSc6XG4gICAgICByZXR1cm4gPGltZyByZWY9e2NvbnRhaW5lclJlZn0gYWx0PVwiYmFyY29kZVwiIHN0eWxlPXtzdHlsZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IC8+O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gPHN2ZyByZWY9e2NvbnRhaW5lclJlZn0gc3R5bGU9e3N0eWxlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gLz47XG4gIH1cbn1cbiIsImV4cG9ydCBjb25zdCBlbnVtIFJlbmRlcmVyIHtcbiAgU1ZHID0gJ3N2ZycsXG4gIElNQUdFID0gJ2ltYWdlJyxcbiAgQ0FOVkFTID0gJ2NhbnZhcycsXG59XG4iXX0=
+export{a as ReactBarcode}from'./chunk-PFBADHMX.js';export{a as Renderer}from'./chunk-K2TCKD5G.js';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/lib/types/index.d.ts

@@ -1,4 +1,4 @@
-declare const enum Renderer {
+declare enum Renderer {
     SVG = "svg",
     IMAGE = "image",
     CANVAS = "canvas"

package/lib/types/index.js

@@ -1,7 +1,2 @@
-'use strict';
-
-var s=(a=>(a.SVG="svg",a.IMAGE="image",a.CANVAS="canvas",a))(s||{});
-
-exports.Renderer = s;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6WyJSZW5kZXJlciJdLCJtYXBwaW5ncyI6IkFBQU8sSUFBV0EsT0FDaEJBLEVBQUEsSUFBTSxNQUNOQSxFQUFBLE1BQVEsUUFDUkEsRUFBQSxPQUFTLFNBSE9BLE9BQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgZW51bSBSZW5kZXJlciB7XG4gIFNWRyA9ICdzdmcnLFxuICBJTUFHRSA9ICdpbWFnZScsXG4gIENBTlZBUyA9ICdjYW52YXMnLFxufVxuIl19
+export{a as Renderer}from'../chunk-K2TCKD5G.js';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/package.json

@@ -1,24 +1,17 @@
 {
   "name": "react-jsbarcode",
-  "version": "1.0.0",
+  "version": "1.1.0",
+  "type": "module",
   "description": "JSBarcode component for React",
   "homepage": "http://github.com/iamchathu/react-jsbarcode",
   "repository": {
     "type": "git",
     "url": "https://github.com/iamchathu/react-jsbarcode.git"
   },
-  "main": "./lib/index.js",
-  "types": "./lib/index.d.ts",
   "exports": {
     ".": {
-      "import": {
-        "types": "./lib/index.d.mts",
-        "default": "./lib/index.mjs"
-      },
-      "require": {
-        "types": "./lib/index.d.ts",
-        "default": "./lib/index.js"
-      }
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
     }
   },
   "files": [
@@ -40,8 +33,8 @@
     "jsbarcode": "^3.11.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2",
+    "@commitlint/cli": "^20.4.2",
+    "@commitlint/config-conventional": "^20.4.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^8.1.1",
@@ -60,18 +53,18 @@
     "eslint-plugin-react": "^7.29.3",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^7.0.4",
+    "husky": "^9.0.11",
     "lint-staged": "^12.3.5",
     "prettier": "^2.5.1",
     "react": "^18.3.1",
-    "rimraf": "^5.0.7",
-    "semantic-release": "^21.0.7",
+    "rimraf": "^6.1.3",
+    "semantic-release": "^25.0.3",
     "storybook": "^8.1.1",
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.5"
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "react": ">=17 <=18"
+    "react": "^18.0.0 || ^19.0.0"
   },
   "keywords": [
     "react",
@@ -80,5 +73,12 @@
     "jsbarcode",
     "barcode generator",
     "react barcode"
-  ]
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "volta": {
+    "node": "24.14.0"
+  }
 }

package/lib/core/react-barcode.d.mts

@@ -1,14 +0,0 @@
-import { Options } from 'jsbarcode';
-import { CSSProperties } from 'react';
-import { Renderer } from '../types/index.mjs';
-
-interface ReactBarcodeProps {
-    renderer?: Renderer;
-    value: string;
-    options?: Options;
-    style?: CSSProperties;
-    className?: string;
-}
-declare function ReactBarcode({ style, className, value, options, renderer, }: Readonly<ReactBarcodeProps>): React.JSX.Element;
-
-export { ReactBarcode, type ReactBarcodeProps };

package/lib/core/react-barcode.mjs

@@ -1,9 +0,0 @@
-import i from 'jsbarcode';
-import { useRef, useCallback, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function R({style:r,className:t,value:a,options:c,renderer:o="svg"}){let e=useRef(null),n=useCallback(i,[a,e.current,c]);switch(useEffect(()=>{n(e.current,a,c);},[n,a,c,o]),o){case"canvas":return jsx("canvas",{ref:e,style:r,className:t});case"image":return jsx("img",{ref:e,alt:"barcode",style:r,className:t});default:return jsx("svg",{ref:e,style:r,className:t})}}
-
-export { R as ReactBarcode };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3JlL3JlYWN0LWJhcmNvZGUudHN4Il0sIm5hbWVzIjpbIkpzQmFyY29kZSIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlUmVmIiwianN4IiwiUmVhY3RCYXJjb2RlIiwic3R5bGUiLCJjbGFzc05hbWUiLCJ2YWx1ZSIsIm9wdGlvbnMiLCJyZW5kZXJlciIsImNvbnRhaW5lclJlZiIsInJlbmRlckJhcmNvZGUiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLE1BQWlDLFlBQ3hDLE9BQVMsZUFBQUMsRUFBYSxhQUFBQyxFQUFXLFVBQUFDLE1BQWtDLFFBc0N0RCxjQUFBQyxNQUFBLG9CQWpCTixTQUFTQyxFQUFhLENBQzNCLE1BQUFDLEVBQ0EsVUFBQUMsRUFDQSxNQUFBQyxFQUNBLFFBQUFDLEVBQ0EsU0FBQUMsT0FDRixFQUFtRCxDQUNqRCxJQUFNQyxFQUFlUixFQUFjLElBQUksRUFFakNTLEVBQWdCWCxFQUFZRCxFQUFXLENBQUNRLEVBQU9HLEVBQWEsUUFBU0YsQ0FBTyxDQUFDLEVBTW5GLE9BSkFQLEVBQVUsSUFBTSxDQUNkVSxFQUFjRCxFQUFhLFFBQVNILEVBQU9DLENBQU8sQ0FDcEQsRUFBRyxDQUFDRyxFQUFlSixFQUFPQyxFQUFTQyxDQUFRLENBQUMsRUFFcENBLEVBQVUsQ0FDaEIsSUFBSyxTQUNILE9BQU9OLEVBQUMsVUFBTyxJQUFLTyxFQUFjLE1BQU9MLEVBQU8sVUFBV0MsRUFBVyxFQUN4RSxJQUFLLFFBQ0gsT0FBT0gsRUFBQyxPQUFJLElBQUtPLEVBQWMsSUFBSSxVQUFVLE1BQU9MLEVBQU8sVUFBV0MsRUFBVyxFQUNuRixRQUNFLE9BQU9ILEVBQUMsT0FBSSxJQUFLTyxFQUFjLE1BQU9MLEVBQU8sVUFBV0MsRUFBVyxDQUN2RSxDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IEpzQmFyY29kZSwgeyB0eXBlIE9wdGlvbnMgfSBmcm9tICdqc2JhcmNvZGUnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB0eXBlIENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSZW5kZXJlciB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBSZWFjdEJhcmNvZGVQcm9wcyB7XG4gIC8qKlxuICAgKiBKU0JhcmNvZGUgcmVuZGVyZXIgdHlwZVxuICAgKiBAZW51bVxuICAgKi9cbiAgcmVuZGVyZXI/OiBSZW5kZXJlcjtcbiAgLyoqXG4gICAqIFZhbHVlIHRvIGJlIHJlbmRlcmVkIGFzIGJhcmNvZGVcbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBKU0JhcmNvZGUgb3B0aW9uc1xuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbnM7XG4gIHN0eWxlPzogQ1NTUHJvcGVydGllcztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gUmVhY3RCYXJjb2RlKHtcbiAgc3R5bGUsXG4gIGNsYXNzTmFtZSxcbiAgdmFsdWUsXG4gIG9wdGlvbnMsXG4gIHJlbmRlcmVyID0gUmVuZGVyZXIuU1ZHLFxufTogUmVhZG9ubHk8UmVhY3RCYXJjb2RlUHJvcHM+KTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8bmV2ZXI+KG51bGwpO1xuXG4gIGNvbnN0IHJlbmRlckJhcmNvZGUgPSB1c2VDYWxsYmFjayhKc0JhcmNvZGUsIFt2YWx1ZSwgY29udGFpbmVyUmVmLmN1cnJlbnQsIG9wdGlvbnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJlbmRlckJhcmNvZGUoY29udGFpbmVyUmVmLmN1cnJlbnQsIHZhbHVlLCBvcHRpb25zKTtcbiAgfSwgW3JlbmRlckJhcmNvZGUsIHZhbHVlLCBvcHRpb25zLCByZW5kZXJlcl0pO1xuXG4gIHN3aXRjaCAocmVuZGVyZXIpIHtcbiAgICBjYXNlICdjYW52YXMnOlxuICAgICAgcmV0dXJuIDxjYW52YXMgcmVmPXtjb250YWluZXJSZWZ9IHN0eWxlPXtzdHlsZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IC8+O1xuICAgIGNhc2UgJ2ltYWdlJzpcbiAgICAgIHJldHVybiA8aW1nIHJlZj17Y29udGFpbmVyUmVmfSBhbHQ9XCJiYXJjb2RlXCIgc3R5bGU9e3N0eWxlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gLz47XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA8c3ZnIHJlZj17Y29udGFpbmVyUmVmfSBzdHlsZT17c3R5bGV9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSAvPjtcbiAgfVxufVxuIl19

package/lib/index.d.mts

@@ -1,4 +0,0 @@
-export { ReactBarcode, ReactBarcodeProps } from './core/react-barcode.mjs';
-export { Renderer } from './types/index.mjs';
-import 'jsbarcode';
-import 'react';

package/lib/index.mjs

@@ -1,9 +0,0 @@
-import p from 'jsbarcode';
-import { useRef, useCallback, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var f=(e=>(e.SVG="svg",e.IMAGE="image",e.CANVAS="canvas",e))(f||{});function R({style:t,className:a,value:o,options:e,renderer:s="svg"}){let r=useRef(null),n=useCallback(p,[o,r.current,e]);switch(useEffect(()=>{n(r.current,o,e);},[n,o,e,s]),s){case"canvas":return jsx("canvas",{ref:r,style:t,className:a});case"image":return jsx("img",{ref:r,alt:"barcode",style:t,className:a});default:return jsx("svg",{ref:r,style:t,className:a})}}
-
-export { R as ReactBarcode, f as Renderer };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb3JlL3JlYWN0LWJhcmNvZGUudHN4IiwiLi4vc3JjL3R5cGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbIkpzQmFyY29kZSIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlUmVmIiwiUmVuZGVyZXIiLCJqc3giLCJSZWFjdEJhcmNvZGUiLCJzdHlsZSIsImNsYXNzTmFtZSIsInZhbHVlIiwib3B0aW9ucyIsInJlbmRlcmVyIiwiY29udGFpbmVyUmVmIiwicmVuZGVyQmFyY29kZSJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBaUMsWUFDeEMsT0FBUyxlQUFBQyxFQUFhLGFBQUFDLEVBQVcsVUFBQUMsTUFBa0MsUUNENUQsSUFBV0MsT0FDaEJBLEVBQUEsSUFBTSxNQUNOQSxFQUFBLE1BQVEsUUFDUkEsRUFBQSxPQUFTLFNBSE9BLE9BQUEsSUR1Q0wsY0FBQUMsTUFBQSxvQkFqQk4sU0FBU0MsRUFBYSxDQUMzQixNQUFBQyxFQUNBLFVBQUFDLEVBQ0EsTUFBQUMsRUFDQSxRQUFBQyxFQUNBLFNBQUFDLE9BQ0YsRUFBbUQsQ0FDakQsSUFBTUMsRUFBZVQsRUFBYyxJQUFJLEVBRWpDVSxFQUFnQlosRUFBWUQsRUFBVyxDQUFDUyxFQUFPRyxFQUFhLFFBQVNGLENBQU8sQ0FBQyxFQU1uRixPQUpBUixFQUFVLElBQU0sQ0FDZFcsRUFBY0QsRUFBYSxRQUFTSCxFQUFPQyxDQUFPLENBQ3BELEVBQUcsQ0FBQ0csRUFBZUosRUFBT0MsRUFBU0MsQ0FBUSxDQUFDLEVBRXBDQSxFQUFVLENBQ2hCLElBQUssU0FDSCxPQUFPTixFQUFDLFVBQU8sSUFBS08sRUFBYyxNQUFPTCxFQUFPLFVBQVdDLEVBQVcsRUFDeEUsSUFBSyxRQUNILE9BQU9ILEVBQUMsT0FBSSxJQUFLTyxFQUFjLElBQUksVUFBVSxNQUFPTCxFQUFPLFVBQVdDLEVBQVcsRUFDbkYsUUFDRSxPQUFPSCxFQUFDLE9BQUksSUFBS08sRUFBYyxNQUFPTCxFQUFPLFVBQVdDLEVBQVcsQ0FDdkUsQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBKc0JhcmNvZGUsIHsgdHlwZSBPcHRpb25zIH0gZnJvbSAnanNiYXJjb2RlJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdHlwZSBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgUmVuZGVyZXIgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVhY3RCYXJjb2RlUHJvcHMge1xuICAvKipcbiAgICogSlNCYXJjb2RlIHJlbmRlcmVyIHR5cGVcbiAgICogQGVudW1cbiAgICovXG4gIHJlbmRlcmVyPzogUmVuZGVyZXI7XG4gIC8qKlxuICAgKiBWYWx1ZSB0byBiZSByZW5kZXJlZCBhcyBiYXJjb2RlXG4gICAqL1xuICB2YWx1ZTogc3RyaW5nO1xuICAvKipcbiAgICogSlNCYXJjb2RlIG9wdGlvbnNcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25zO1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFJlYWN0QmFyY29kZSh7XG4gIHN0eWxlLFxuICBjbGFzc05hbWUsXG4gIHZhbHVlLFxuICBvcHRpb25zLFxuICByZW5kZXJlciA9IFJlbmRlcmVyLlNWRyxcbn06IFJlYWRvbmx5PFJlYWN0QmFyY29kZVByb3BzPik6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPG5ldmVyPihudWxsKTtcblxuICBjb25zdCByZW5kZXJCYXJjb2RlID0gdXNlQ2FsbGJhY2soSnNCYXJjb2RlLCBbdmFsdWUsIGNvbnRhaW5lclJlZi5jdXJyZW50LCBvcHRpb25zXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICByZW5kZXJCYXJjb2RlKGNvbnRhaW5lclJlZi5jdXJyZW50LCB2YWx1ZSwgb3B0aW9ucyk7XG4gIH0sIFtyZW5kZXJCYXJjb2RlLCB2YWx1ZSwgb3B0aW9ucywgcmVuZGVyZXJdKTtcblxuICBzd2l0Y2ggKHJlbmRlcmVyKSB7XG4gICAgY2FzZSAnY2FudmFzJzpcbiAgICAgIHJldHVybiA8Y2FudmFzIHJlZj17Y29udGFpbmVyUmVmfSBzdHlsZT17c3R5bGV9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSAvPjtcbiAgICBjYXNlICdpbWFnZSc6XG4gICAgICByZXR1cm4gPGltZyByZWY9e2NvbnRhaW5lclJlZn0gYWx0PVwiYmFyY29kZVwiIHN0eWxlPXtzdHlsZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IC8+O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gPHN2ZyByZWY9e2NvbnRhaW5lclJlZn0gc3R5bGU9e3N0eWxlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gLz47XG4gIH1cbn1cbiIsImV4cG9ydCBjb25zdCBlbnVtIFJlbmRlcmVyIHtcbiAgU1ZHID0gJ3N2ZycsXG4gIElNQUdFID0gJ2ltYWdlJyxcbiAgQ0FOVkFTID0gJ2NhbnZhcycsXG59XG4iXX0=

package/lib/types/index.d.mts

@@ -1,7 +0,0 @@
-declare const enum Renderer {
-    SVG = "svg",
-    IMAGE = "image",
-    CANVAS = "canvas"
-}
-
-export { Renderer };

package/lib/types/index.mjs

@@ -1,5 +0,0 @@
-var s=(a=>(a.SVG="svg",a.IMAGE="image",a.CANVAS="canvas",a))(s||{});
-
-export { s as Renderer };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6WyJSZW5kZXJlciJdLCJtYXBwaW5ncyI6IkFBQU8sSUFBV0EsT0FDaEJBLEVBQUEsSUFBTSxNQUNOQSxFQUFBLE1BQVEsUUFDUkEsRUFBQSxPQUFTLFNBSE9BLE9BQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgZW51bSBSZW5kZXJlciB7XG4gIFNWRyA9ICdzdmcnLFxuICBJTUFHRSA9ICdpbWFnZScsXG4gIENBTlZBUyA9ICdjYW52YXMnLFxufVxuIl19