@pdfme/schemas 6.0.6-dev.4 → 6.0.6-dev.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{builtins-CgaZ0UX3.js → builtins-KUsYW25j.js} +2 -2
- package/dist/{builtins-CgaZ0UX3.js.map → builtins-KUsYW25j.js.map} +1 -1
- package/dist/builtins.js +1 -1
- package/dist/{dynamicTemplate-D_DHR3-X.js → dynamicTemplate-DxHU9waC.js} +7 -6
- package/dist/{dynamicTemplate-D_DHR3-X.js.map → dynamicTemplate-DxHU9waC.js.map} +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/tables.js +1 -1
- package/dist/utils.js +1 -1
- package/dist/utils.js.map +1 -1
- package/package.json +5 -5
package/dist/tables.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as getDynamicHeightsForTable } from "./dynamicTemplate-
|
|
1
|
+
import { t as getDynamicHeightsForTable } from "./dynamicTemplate-DxHU9waC.js";
|
|
2
2
|
export { getDynamicHeightsForTable };
|
package/dist/utils.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as getDynamicHeightsForTable$1 } from "./dynamicTemplate-
|
|
1
|
+
import { t as getDynamicHeightsForTable$1 } from "./dynamicTemplate-DxHU9waC.js";
|
|
2
2
|
import { isHexValid, mm2pt } from "@pdfme/common";
|
|
3
3
|
import { cmyk, degrees, degreesToRadians, rgb } from "@pdfme/pdf-lib";
|
|
4
4
|
//#region src/utils.ts
|
package/dist/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["import type * as CSS from 'csstype';\nimport { cmyk, degrees, degreesToRadians, rgb, Color } from '@pdfme/pdf-lib';\nimport { Schema, mm2pt, Mode, isHexValid, ColorType } from '@pdfme/common';\nimport { IconNode } from 'lucide';\nimport { getDynamicHeightsForTable as _getDynamicHeightsForTable } from './tables/dynamicTemplate.js';\nexport const convertForPdfLayoutProps = ({\n schema,\n pageHeight,\n applyRotateTranslate = true,\n}: {\n schema: Schema;\n pageHeight: number;\n applyRotateTranslate?: boolean;\n}) => {\n const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;\n const { x: mmX, y: mmY } = position;\n\n const rotateDegrees = rotate ? -rotate : 0;\n const width = mm2pt(mmWidth);\n const height = mm2pt(mmHeight);\n let x = mm2pt(mmX);\n // PDF coordinate system is from bottom left, UI is top left, so we need to flip the y axis\n let y = pageHeight - mm2pt(mmY) - height;\n\n if (rotateDegrees && applyRotateTranslate) {\n // If rotating we must pivot around the same point as the UI performs its rotation.\n // The UI performs rotation around the objects center point (the pivot point below),\n // pdflib rotates around the bottom left corner of the object.\n // We must therefore adjust the X and Y by rotating the bottom left corner by this pivot point.\n const pivotPoint = { x: x + width / 2, y: pageHeight - mm2pt(mmY) - height / 2 };\n const rotatedPoint = rotatePoint({ x, y }, pivotPoint, rotateDegrees);\n x = rotatedPoint.x;\n y = rotatedPoint.y;\n }\n\n return {\n position: { x, y },\n height: height,\n width: width,\n rotate: degrees(rotateDegrees),\n opacity,\n };\n};\n\nexport const rotatePoint = (\n point: { x: number; y: number },\n pivot: { x: number; y: number },\n angleDegrees: number,\n): { x: number; y: number } => {\n const angleRadians = degreesToRadians(angleDegrees);\n\n const x =\n Math.cos(angleRadians) * (point.x - pivot.x) -\n Math.sin(angleRadians) * (point.y - pivot.y) +\n pivot.x;\n const y =\n Math.sin(angleRadians) * (point.x - pivot.x) +\n Math.cos(angleRadians) * (point.y - pivot.y) +\n pivot.y;\n\n return { x, y };\n};\n\nexport const getDynamicHeightsForTable = _getDynamicHeightsForTable;\n\n// ----------------------------------------\n\nexport const addAlphaToHex = (hex: string, alphaPercentage: number) => {\n if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {\n throw new Error('Invalid HEX color code');\n }\n const alphaValue = Math.round((alphaPercentage / 100) * 255);\n let alphaHex = alphaValue.toString(16);\n if (alphaHex.length === 1) alphaHex = '0' + alphaHex;\n return hex + alphaHex;\n};\n\nexport const isEditable = (mode: Mode, schema: Schema) =>\n mode === 'designer' || (mode === 'form' && schema.readOnly !== true);\n\nconst hex2rgb = (hex: string) => {\n if (hex.slice(0, 1) === '#') hex = hex.slice(1);\n if (hex.length === 3)\n hex =\n hex.slice(0, 1) +\n hex.slice(0, 1) +\n hex.slice(1, 2) +\n hex.slice(1, 2) +\n hex.slice(2, 3) +\n hex.slice(2, 3);\n\n return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map((str) => parseInt(str, 16));\n};\n\nexport const hex2RgbColor = (hexString: string | undefined) => {\n if (hexString) {\n const isValid = isHexValid(hexString);\n\n if (!isValid) {\n throw new Error(`Invalid hex color value ${hexString}`);\n }\n\n const [r, g, b] = hex2rgb(hexString);\n\n return rgb(r / 255, g / 255, b / 255);\n }\n\n return undefined;\n};\n\nconst hex2CmykColor = (hexString: string | undefined) => {\n if (hexString) {\n const isValid = isHexValid(hexString);\n\n if (!isValid) {\n throw new Error(`Invalid hex color value ${hexString}`);\n }\n\n // Remove the # if it's present\n hexString = hexString.replace('#', '');\n\n // Extract the hexadecimal color code and the opacity\n const hexColor = hexString.substring(0, 6);\n const opacityColor = hexString.substring(6, 8);\n const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;\n\n // Convert the hex values to decimal\n let r = parseInt(hexColor.substring(0, 2), 16) / 255;\n let g = parseInt(hexColor.substring(2, 4), 16) / 255;\n let b = parseInt(hexColor.substring(4, 6), 16) / 255;\n\n // Apply the opacity\n r = r * opacity + (1 - opacity);\n g = g * opacity + (1 - opacity);\n b = b * opacity + (1 - opacity);\n\n // Calculate the CMYK values\n const k = 1 - Math.max(r, g, b);\n const c = r === 0 ? 0 : (1 - r - k) / (1 - k);\n const m = g === 0 ? 0 : (1 - g - k) / (1 - k);\n const y = b === 0 ? 0 : (1 - b - k) / (1 - k);\n\n return cmyk(c, m, y, k);\n }\n\n return undefined;\n};\n\nexport const hex2PrintingColor = (color?: string | Color, colorType?: ColorType) => {\n // if color is already CMYK, RGB or Grayscale, does not required to convert\n if (typeof color === 'object') return color;\n return colorType?.toLowerCase() == 'cmyk' ? hex2CmykColor(color) : hex2RgbColor(color);\n};\n\nexport const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>\n new Promise((resolve, reject) => {\n const fileReader = new FileReader();\n\n fileReader.onload = (e) => {\n if (e.target?.result) {\n resolve(e.target.result);\n }\n };\n\n fileReader.onerror = () => {\n reject(new Error('[@pdfme/schemas] File reading failed'));\n };\n\n let file: File | null = null;\n if (input instanceof FileList && input.length > 0) {\n file = input[0];\n } else if (input instanceof File) {\n file = input;\n }\n\n if (file) {\n fileReader.readAsDataURL(file);\n } else {\n reject(new Error('[@pdfme/schemas] No files provided'));\n }\n });\n\nexport const createErrorElm = () => {\n const container = document.createElement('div');\n const containerStyle: CSS.Properties = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n };\n Object.assign(container.style, containerStyle);\n\n const span = document.createElement('span');\n const spanStyle: CSS.Properties = {\n color: 'white',\n background: 'red',\n padding: '0.25rem',\n fontSize: '12pt',\n fontWeight: 'bold',\n borderRadius: '2px',\n fontFamily: \"'Open Sans', sans-serif\",\n };\n Object.assign(span.style, spanStyle);\n\n span.textContent = 'ERROR';\n container.appendChild(span);\n\n return container;\n};\n\nexport const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): string => {\n // In lucide 0.475.0, the icon is an array of elements, not a single SVG element\n // We need to create an SVG wrapper and add the elements as children\n\n const safeTagNames = new Set([\n 'svg',\n 'circle',\n 'ellipse',\n 'g',\n 'line',\n 'path',\n 'polygon',\n 'polyline',\n 'rect',\n ]);\n const safeAttributeNames = new Set([\n 'aria-hidden',\n 'aria-label',\n 'class',\n 'clip-rule',\n 'cx',\n 'cy',\n 'd',\n 'fill',\n 'fill-opacity',\n 'fill-rule',\n 'focusable',\n 'height',\n 'id',\n 'opacity',\n 'points',\n 'preserveAspectRatio',\n 'r',\n 'role',\n 'rx',\n 'ry',\n 'stroke',\n 'stroke-dasharray',\n 'stroke-dashoffset',\n 'stroke-linecap',\n 'stroke-linejoin',\n 'stroke-miterlimit',\n 'stroke-opacity',\n 'stroke-width',\n 'transform',\n 'vector-effect',\n 'viewBox',\n 'width',\n 'x',\n 'x1',\n 'x2',\n 'xmlns',\n 'xmlns:xlink',\n 'y',\n 'y1',\n 'y2',\n ]);\n const escapeHtmlAttribute = (value: string): string =>\n value\n .replaceAll('&', '&')\n .replaceAll('\"', '"')\n .replaceAll(\"'\", ''')\n .replaceAll('<', '<')\n .replaceAll('>', '>');\n const escapeHtmlText = (value: string): string =>\n value.replaceAll('&', '&').replaceAll('<', '<').replaceAll('>', '>');\n const toSafeAttributeString = (attributes: Record<string, string>): string =>\n Object.entries(attributes)\n .filter(\n ([key, value]) =>\n safeAttributeNames.has(key) &&\n value !== undefined &&\n value !== null &&\n !key.toLowerCase().startsWith('on'),\n )\n .map(([key, value]) => `${key}=\"${escapeHtmlAttribute(String(value))}\"`)\n .join(' ');\n const toSafeTagName = (tag: unknown): string => {\n const tagName = String(tag);\n if (!safeTagNames.has(tagName)) {\n throw new Error(`Invalid SVG tag name: ${tagName}`);\n }\n return tagName;\n };\n\n // Handle non-array input\n if (!Array.isArray(icon)) {\n return escapeHtmlText(String(icon));\n }\n\n // Create default SVG attributes\n const svgAttrs = {\n xmlns: 'http://www.w3.org/2000/svg',\n width: '24',\n height: '24',\n viewBox: '0 0 24 24',\n fill: 'none',\n stroke: 'currentColor',\n 'stroke-width': '2',\n 'stroke-linecap': 'round',\n 'stroke-linejoin': 'round',\n ...attrs,\n };\n const svgAttrString = toSafeAttributeString(svgAttrs);\n\n // Helper function to process a single element\n const processElement = (element: unknown): string => {\n if (!Array.isArray(element)) {\n return escapeHtmlText(String(element));\n }\n\n const [tag, attributes = {}, children = []] = element as [\n unknown,\n Record<string, string>,\n unknown[],\n ];\n const tagName = toSafeTagName(tag);\n const attrString = toSafeAttributeString(attributes);\n\n // Process children recursively\n let childrenString = '';\n\n if (Array.isArray(children) && children.length > 0) {\n childrenString = children.map((child) => processElement(child)).join('');\n }\n\n // Return properly formatted element string\n if (childrenString) {\n return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}>${childrenString}</${String(tagName)}>`;\n } else {\n // Self-closing tag for empty children\n return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}/>`;\n }\n };\n\n // Process all elements and join them\n const elementsString = Array.isArray(icon)\n ? icon.map((element) => processElement(element)).join('')\n : processElement(icon);\n\n // Return the complete SVG string\n return `<svg ${svgAttrString}>${elementsString}</svg>`;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["import type * as CSS from 'csstype';\nimport { cmyk, degrees, degreesToRadians, rgb, Color } from '@pdfme/pdf-lib';\nimport { Schema, mm2pt, Mode, isHexValid, ColorType } from '@pdfme/common';\nimport { IconNode } from 'lucide';\nimport { getDynamicHeightsForTable as _getDynamicHeightsForTable } from './tables/dynamicTemplate.js';\nexport const convertForPdfLayoutProps = ({\n schema,\n pageHeight,\n applyRotateTranslate = true,\n}: {\n schema: Schema;\n pageHeight: number;\n applyRotateTranslate?: boolean;\n}) => {\n const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;\n const { x: mmX, y: mmY } = position;\n\n const rotateDegrees = rotate ? -rotate : 0;\n const width = mm2pt(mmWidth);\n const height = mm2pt(mmHeight);\n let x = mm2pt(mmX);\n // PDF coordinate system is from bottom left, UI is top left, so we need to flip the y axis\n let y = pageHeight - mm2pt(mmY) - height;\n\n if (rotateDegrees && applyRotateTranslate) {\n // If rotating we must pivot around the same point as the UI performs its rotation.\n // The UI performs rotation around the objects center point (the pivot point below),\n // pdflib rotates around the bottom left corner of the object.\n // We must therefore adjust the X and Y by rotating the bottom left corner by this pivot point.\n const pivotPoint = { x: x + width / 2, y: pageHeight - mm2pt(mmY) - height / 2 };\n const rotatedPoint = rotatePoint({ x, y }, pivotPoint, rotateDegrees);\n x = rotatedPoint.x;\n y = rotatedPoint.y;\n }\n\n return {\n position: { x, y },\n height: height,\n width: width,\n rotate: degrees(rotateDegrees),\n opacity,\n };\n};\n\nexport const rotatePoint = (\n point: { x: number; y: number },\n pivot: { x: number; y: number },\n angleDegrees: number,\n): { x: number; y: number } => {\n const angleRadians = degreesToRadians(angleDegrees);\n\n const x =\n Math.cos(angleRadians) * (point.x - pivot.x) -\n Math.sin(angleRadians) * (point.y - pivot.y) +\n pivot.x;\n const y =\n Math.sin(angleRadians) * (point.x - pivot.x) +\n Math.cos(angleRadians) * (point.y - pivot.y) +\n pivot.y;\n\n return { x, y };\n};\n\nexport const getDynamicHeightsForTable = _getDynamicHeightsForTable;\n\n// ----------------------------------------\n\nexport const addAlphaToHex = (hex: string, alphaPercentage: number) => {\n if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {\n throw new Error('Invalid HEX color code');\n }\n const alphaValue = Math.round((alphaPercentage / 100) * 255);\n let alphaHex = alphaValue.toString(16);\n if (alphaHex.length === 1) alphaHex = '0' + alphaHex;\n return hex + alphaHex;\n};\n\nexport const isEditable = (mode: Mode, schema: Schema) =>\n mode === 'designer' || (mode === 'form' && schema.readOnly !== true);\n\nconst hex2rgb = (hex: string) => {\n if (hex.slice(0, 1) === '#') hex = hex.slice(1);\n if (hex.length === 3)\n hex =\n hex.slice(0, 1) +\n hex.slice(0, 1) +\n hex.slice(1, 2) +\n hex.slice(1, 2) +\n hex.slice(2, 3) +\n hex.slice(2, 3);\n\n return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map((str) => parseInt(str, 16));\n};\n\nexport const hex2RgbColor = (hexString: string | undefined) => {\n if (hexString) {\n const isValid = isHexValid(hexString);\n\n if (!isValid) {\n throw new Error(`Invalid hex color value ${hexString}`);\n }\n\n const [r, g, b] = hex2rgb(hexString);\n\n return rgb(r / 255, g / 255, b / 255);\n }\n\n return undefined;\n};\n\nconst hex2CmykColor = (hexString: string | undefined) => {\n if (hexString) {\n const isValid = isHexValid(hexString);\n\n if (!isValid) {\n throw new Error(`Invalid hex color value ${hexString}`);\n }\n\n // Remove the # if it's present\n hexString = hexString.replace('#', '');\n\n // Extract the hexadecimal color code and the opacity\n const hexColor = hexString.substring(0, 6);\n const opacityColor = hexString.substring(6, 8);\n const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;\n\n // Convert the hex values to decimal\n let r = parseInt(hexColor.substring(0, 2), 16) / 255;\n let g = parseInt(hexColor.substring(2, 4), 16) / 255;\n let b = parseInt(hexColor.substring(4, 6), 16) / 255;\n\n // Apply the opacity\n r = r * opacity + (1 - opacity);\n g = g * opacity + (1 - opacity);\n b = b * opacity + (1 - opacity);\n\n // Calculate the CMYK values\n const k = 1 - Math.max(r, g, b);\n const c = r === 0 ? 0 : (1 - r - k) / (1 - k);\n const m = g === 0 ? 0 : (1 - g - k) / (1 - k);\n const y = b === 0 ? 0 : (1 - b - k) / (1 - k);\n\n return cmyk(c, m, y, k);\n }\n\n return undefined;\n};\n\nexport const hex2PrintingColor = (color?: string | Color, colorType?: ColorType) => {\n // if color is already CMYK, RGB or Grayscale, does not required to convert\n if (typeof color === 'object') return color;\n return colorType?.toLowerCase() == 'cmyk' ? hex2CmykColor(color) : hex2RgbColor(color);\n};\n\nexport const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>\n new Promise((resolve, reject) => {\n const fileReader = new FileReader();\n\n fileReader.onload = (e) => {\n if (e.target?.result) {\n resolve(e.target.result);\n }\n };\n\n fileReader.onerror = () => {\n reject(new Error('[@pdfme/schemas] File reading failed'));\n };\n\n let file: File | null = null;\n if (input instanceof FileList && input.length > 0) {\n file = input[0];\n } else if (input instanceof File) {\n file = input;\n }\n\n if (file) {\n fileReader.readAsDataURL(file);\n } else {\n reject(new Error('[@pdfme/schemas] No files provided'));\n }\n });\n\nexport const createErrorElm = () => {\n const container = document.createElement('div');\n const containerStyle: CSS.Properties = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n };\n Object.assign(container.style, containerStyle);\n\n const span = document.createElement('span');\n const spanStyle: CSS.Properties = {\n color: 'white',\n background: 'red',\n padding: '0.25rem',\n fontSize: '12pt',\n fontWeight: 'bold',\n borderRadius: '2px',\n fontFamily: \"'Open Sans', sans-serif\",\n };\n Object.assign(span.style, spanStyle);\n\n span.textContent = 'ERROR';\n container.appendChild(span);\n\n return container;\n};\n\nexport const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): string => {\n // In lucide 0.475.0, the icon is an array of elements, not a single SVG element\n // We need to create an SVG wrapper and add the elements as children\n\n const safeTagNames = new Set([\n 'svg',\n 'circle',\n 'ellipse',\n 'g',\n 'line',\n 'path',\n 'polygon',\n 'polyline',\n 'rect',\n ]);\n const safeAttributeNames = new Set([\n 'aria-hidden',\n 'aria-label',\n 'class',\n 'clip-rule',\n 'cx',\n 'cy',\n 'd',\n 'fill',\n 'fill-opacity',\n 'fill-rule',\n 'focusable',\n 'height',\n 'id',\n 'opacity',\n 'points',\n 'preserveAspectRatio',\n 'r',\n 'role',\n 'rx',\n 'ry',\n 'stroke',\n 'stroke-dasharray',\n 'stroke-dashoffset',\n 'stroke-linecap',\n 'stroke-linejoin',\n 'stroke-miterlimit',\n 'stroke-opacity',\n 'stroke-width',\n 'transform',\n 'vector-effect',\n 'viewBox',\n 'width',\n 'x',\n 'x1',\n 'x2',\n 'xmlns',\n 'xmlns:xlink',\n 'y',\n 'y1',\n 'y2',\n ]);\n const escapeHtmlAttribute = (value: string): string =>\n value\n .replaceAll('&', '&')\n .replaceAll('\"', '"')\n .replaceAll(\"'\", ''')\n .replaceAll('<', '<')\n .replaceAll('>', '>');\n const escapeHtmlText = (value: string): string =>\n value.replaceAll('&', '&').replaceAll('<', '<').replaceAll('>', '>');\n const toSafeAttributeString = (attributes: Record<string, string>): string =>\n Object.entries(attributes)\n .filter(\n ([key, value]) =>\n safeAttributeNames.has(key) &&\n value !== undefined &&\n value !== null &&\n !key.toLowerCase().startsWith('on'),\n )\n .map(([key, value]) => `${key}=\"${escapeHtmlAttribute(String(value))}\"`)\n .join(' ');\n const toSafeTagName = (tag: unknown): string => {\n const tagName = String(tag);\n if (!safeTagNames.has(tagName)) {\n throw new Error(`Invalid SVG tag name: ${tagName}`);\n }\n return tagName;\n };\n\n // Handle non-array input\n if (!Array.isArray(icon)) {\n return escapeHtmlText(String(icon));\n }\n\n // Create default SVG attributes\n const svgAttrs = {\n xmlns: 'http://www.w3.org/2000/svg',\n width: '24',\n height: '24',\n viewBox: '0 0 24 24',\n fill: 'none',\n stroke: 'currentColor',\n 'stroke-width': '2',\n 'stroke-linecap': 'round',\n 'stroke-linejoin': 'round',\n ...attrs,\n };\n const svgAttrString = toSafeAttributeString(svgAttrs);\n\n // Helper function to process a single element\n const processElement = (element: unknown): string => {\n if (!Array.isArray(element)) {\n return escapeHtmlText(String(element));\n }\n\n const [tag, attributes = {}, children = []] = element as [\n unknown,\n Record<string, string>,\n unknown[],\n ];\n const tagName = toSafeTagName(tag);\n const attrString = toSafeAttributeString(attributes);\n\n // Process children recursively\n let childrenString = '';\n\n if (Array.isArray(children) && children.length > 0) {\n childrenString = children.map((child) => processElement(child)).join('');\n }\n\n // Return properly formatted element string\n if (childrenString) {\n return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}>${childrenString}</${String(tagName)}>`;\n } else {\n // Self-closing tag for empty children\n return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}/>`;\n }\n };\n\n // Process all elements and join them\n const elementsString = Array.isArray(icon)\n ? icon.map((element) => processElement(element)).join('')\n : processElement(icon);\n\n // Return the complete SVG string\n return `<svg ${svgAttrString}>${elementsString}</svg>`;\n};\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pdfme/schemas",
|
|
3
|
-
"version": "6.0.6-dev.
|
|
3
|
+
"version": "6.0.6-dev.9",
|
|
4
4
|
"description": "TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"pdf",
|
|
@@ -65,12 +65,12 @@
|
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"@pdfme/pdf-lib": "*",
|
|
67
67
|
"air-datepicker": "^3.6.0",
|
|
68
|
-
"bwip-js": "^4.
|
|
68
|
+
"bwip-js": "^4.10.1",
|
|
69
69
|
"date-fns": "^4.1.0",
|
|
70
|
-
"dompurify": "^3.
|
|
70
|
+
"dompurify": "^3.4.1",
|
|
71
71
|
"fontkit": "^2.0.2",
|
|
72
|
-
"lucide": "^1.
|
|
73
|
-
"signature_pad": "^
|
|
72
|
+
"lucide": "^1.9.0",
|
|
73
|
+
"signature_pad": "^5.1.3"
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
76
|
"@pdfme/common": "*",
|