@progress/kendo-react-inputs 15.2.0-develop.2 → 15.2.0-develop.3

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.
Files changed (9) hide show
  1. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  2. package/messages/index.d.ts +5 -0
  3. package/messages/index.js +1 -1
  4. package/messages/index.mjs +46 -44
  5. package/package-metadata.js +1 -1
  6. package/package-metadata.mjs +2 -2
  7. package/package.json +10 -10
  8. package/signature/Signature.js +1 -1
  9. package/signature/Signature.mjs +113 -110
package/messages/index.d.ts CHANGED
@@ -125,6 +125,10 @@ export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownB
125
125
  * @hidden
126
126
  */
127
127
  export declare const ratingAriaLabel = "rating.ariaLabel";
128
+ /**
129
+ * @hidden
130
+ */
131
+ export declare const signatureCanvas = "signature.canvas";
128
132
  /**
129
133
  * @hidden
130
134
  */
@@ -227,6 +231,7 @@ export declare const messages: {
227
231
  "switch.validation": string;
228
232
  "colorPicker.dropdownButtonAriaLabel": string;
229
233
  "rating.ariaLabel": string;
234
+ "signature.canvas": string;
230
235
  "signature.clear": string;
231
236
  "signature.maximize": string;
232
237
  "signature.minimize": string;
package/messages/index.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",o="numerictextbox.decrement",a="slider.increment",r="slider.decrement",l="slider.dragTitle",t="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",s="colorGradient.hex",d="colorGradient.contrastRatio",G="colorGradient.colorGradientAALevel",b="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",u="colorGradient.colorGradientFail",L="colorGradient.hueSliderLabel",C="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",h="flatColorPicker.cancelBtn",g="flatColorPicker.applyBtn",P="flatColorPicker.colorGradientBtn",k="flatColorPicker.colorPaletteBtn",B="flatColorPicker.clearBtn",m="colorPicker.adaptiveTitle",f="checkbox.validation",x="checkbox.optionalText",v="radioButton.validation",w="switch.validation",V="colorPicker.dropdownButtonAriaLabel",I="rating.ariaLabel",S="signature.clear",T="signature.maximize",D="signature.minimize",R="switch.ariaLabel",y="slider.ariaLabel",z="otpInput.ariaLabel",H="otpInput.cellAriaLabel",M="rangeSlider.ariaLabel",O="colorGradient.ariaLabel",F="colorGradient.hsvAreaAriaLabel",j="colorPicker.ariaLabel",q="flatColorPicker.ariaLabel",E="colorPalette.ariaLabel",J="colorGradient.redChannelLabel",K="colorGradient.greenChannelLabel",N="colorGradient.blueChannelLabel",Q="colorGradient.alphaChannelLabel",U={[e]:"Increase value",[o]:"Decrease value",[a]:"Increase",[r]:"Decrease",[l]:"Drag",[t]:"r",[i]:"g",[n]:"b",[c]:"a",[s]:"hex",[d]:"Contrast ratio",[G]:"AA",[b]:"AAA",[A]:"Pass",[u]:"Fail",[L]:"Hue slider",[C]:"Alpha slider",[p]:"Toggle colorgradient inputs",[h]:"Cancel",[g]:"Apply",[P]:"Color Gradient view",[k]:"Color Palette view",[B]:"Clear color value",[m]:"Choose color",[f]:"Please check this box if you want to proceed!",[x]:"(Optional)",[v]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[V]:"Select",[I]:"Rating",[S]:"Clear",[T]:"Maximize",[D]:"Minimize",[R]:"Toggle switch value",[y]:"Slider",[M]:"Range slider",[O]:"Color gradient",[F]:"Color well with two-dimensional slider for selecting saturation and lightness",[j]:"Color picker",[q]:"Color editor",[E]:"Color palette",[J]:"Red channel",[K]:"Green channel",[N]:"Blue channel",[Q]:"Alpha channel",[z]:"One-time password",[H]:"Digit {index} of {total}"};exports.checkboxOptionalText=x;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=b;exports.colorGradientAALevel=G;exports.colorGradientAlphaChannelLabel=Q;exports.colorGradientAlphaSliderLabel=C;exports.colorGradientAriaLabel=O;exports.colorGradientB=n;exports.colorGradientBlueChannelLabel=N;exports.colorGradientContrastRatio=d;exports.colorGradientFail=u;exports.colorGradientG=i;exports.colorGradientGreenChannelLabel=K;exports.colorGradientHSVAreaAriaLabel=F;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=L;exports.colorGradientPass=A;exports.colorGradientR=t;exports.colorGradientRedChannelLabel=J;exports.colorGradientToggleInputsButton=p;exports.colorPaletteAriaLabel=E;exports.colorPickerAdaptiveTitle=m;exports.colorPickerAriaLabel=j;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=g;exports.flatColorPickerAriaLabel=q;exports.flatColorPickerCancelBtn=h;exports.flatColorPickerClearBtn=B;exports.flatColorPickerColorGradientBtn=P;exports.flatColorPickerColorPaletteBtn=k;exports.messages=U;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.otpInputAriaLabel=z;exports.otpInputCellAriaLabel=H;exports.radioButtonValidation=v;exports.rangeSliderAriaLabel=M;exports.ratingAriaLabel=I;exports.signatureClear=S;exports.signatureMaximize=T;exports.signatureMinimize=D;exports.sliderAriaLabel=y;exports.sliderDecreaseValue=r;exports.sliderDragTitle=l;exports.sliderIncreaseValue=a;exports.switchAriaLabel=R;exports.switchValidation=w;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",a="numerictextbox.decrement",r="slider.increment",o="slider.decrement",l="slider.dragTitle",t="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",s="colorGradient.hex",d="colorGradient.contrastRatio",G="colorGradient.colorGradientAALevel",b="colorGradient.colorGradientAAALevel",u="colorGradient.colorGradientPass",A="colorGradient.colorGradientFail",L="colorGradient.hueSliderLabel",C="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",g="flatColorPicker.cancelBtn",h="flatColorPicker.applyBtn",P="flatColorPicker.colorGradientBtn",k="flatColorPicker.colorPaletteBtn",B="flatColorPicker.clearBtn",m="colorPicker.adaptiveTitle",f="checkbox.validation",v="checkbox.optionalText",x="radioButton.validation",w="switch.validation",S="colorPicker.dropdownButtonAriaLabel",V="rating.ariaLabel",I="signature.canvas",T="signature.clear",D="signature.maximize",R="signature.minimize",y="switch.ariaLabel",z="slider.ariaLabel",H="otpInput.ariaLabel",M="otpInput.cellAriaLabel",O="rangeSlider.ariaLabel",F="colorGradient.ariaLabel",j="colorGradient.hsvAreaAriaLabel",q="colorPicker.ariaLabel",E="flatColorPicker.ariaLabel",J="colorPalette.ariaLabel",K="colorGradient.redChannelLabel",N="colorGradient.greenChannelLabel",Q="colorGradient.blueChannelLabel",U="colorGradient.alphaChannelLabel",W={[e]:"Increase value",[a]:"Decrease value",[r]:"Increase",[o]:"Decrease",[l]:"Drag",[t]:"r",[i]:"g",[n]:"b",[c]:"a",[s]:"hex",[d]:"Contrast ratio",[G]:"AA",[b]:"AAA",[u]:"Pass",[A]:"Fail",[L]:"Hue slider",[C]:"Alpha slider",[p]:"Toggle colorgradient inputs",[g]:"Cancel",[h]:"Apply",[P]:"Color Gradient view",[k]:"Color Palette view",[B]:"Clear color value",[m]:"Choose color",[f]:"Please check this box if you want to proceed!",[v]:"(Optional)",[x]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[S]:"Select",[V]:"Rating",[I]:"Signature",[T]:"Clear",[D]:"Maximize",[R]:"Minimize",[y]:"Toggle switch value",[z]:"Slider",[O]:"Range slider",[F]:"Color gradient",[j]:"Color well with two-dimensional slider for selecting saturation and lightness",[q]:"Color picker",[E]:"Color editor",[J]:"Color palette",[K]:"Red channel",[N]:"Green channel",[Q]:"Blue channel",[U]:"Alpha channel",[H]:"One-time password",[M]:"Digit {index} of {total}"};exports.checkboxOptionalText=v;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=b;exports.colorGradientAALevel=G;exports.colorGradientAlphaChannelLabel=U;exports.colorGradientAlphaSliderLabel=C;exports.colorGradientAriaLabel=F;exports.colorGradientB=n;exports.colorGradientBlueChannelLabel=Q;exports.colorGradientContrastRatio=d;exports.colorGradientFail=A;exports.colorGradientG=i;exports.colorGradientGreenChannelLabel=N;exports.colorGradientHSVAreaAriaLabel=j;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=L;exports.colorGradientPass=u;exports.colorGradientR=t;exports.colorGradientRedChannelLabel=K;exports.colorGradientToggleInputsButton=p;exports.colorPaletteAriaLabel=J;exports.colorPickerAdaptiveTitle=m;exports.colorPickerAriaLabel=q;exports.colorPickerDropdownButtonAriaLabel=S;exports.flatColorPickerApplyBtn=h;exports.flatColorPickerAriaLabel=E;exports.flatColorPickerCancelBtn=g;exports.flatColorPickerClearBtn=B;exports.flatColorPickerColorGradientBtn=P;exports.flatColorPickerColorPaletteBtn=k;exports.messages=W;exports.numericDecreaseValue=a;exports.numericIncreaseValue=e;exports.otpInputAriaLabel=H;exports.otpInputCellAriaLabel=M;exports.radioButtonValidation=x;exports.rangeSliderAriaLabel=O;exports.ratingAriaLabel=V;exports.signatureCanvas=I;exports.signatureClear=T;exports.signatureMaximize=D;exports.signatureMinimize=R;exports.sliderAriaLabel=z;exports.sliderDecreaseValue=o;exports.sliderDragTitle=l;exports.sliderIncreaseValue=r;exports.switchAriaLabel=y;exports.switchValidation=w;
package/messages/index.mjs CHANGED
@@ -5,7 +5,7 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- const e = "numerictextbox.increment", o = "numerictextbox.decrement", a = "slider.increment", r = "slider.decrement", l = "slider.dragTitle", t = "colorGradient.r", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", b = "colorGradient.colorGradientAAALevel", u = "colorGradient.colorGradientPass", A = "colorGradient.colorGradientFail", L = "colorGradient.hueSliderLabel", C = "colorGradient.alphaSliderLabel", p = "colorGradient.toggleInputsButton", h = "flatColorPicker.cancelBtn", g = "flatColorPicker.applyBtn", P = "flatColorPicker.colorGradientBtn", k = "flatColorPicker.colorPaletteBtn", m = "flatColorPicker.clearBtn", x = "colorPicker.adaptiveTitle", B = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", w = "switch.validation", I = "colorPicker.dropdownButtonAriaLabel", S = "rating.ariaLabel", T = "signature.clear", D = "signature.maximize", V = "signature.minimize", R = "switch.ariaLabel", y = "slider.ariaLabel", z = "otpInput.ariaLabel", H = "otpInput.cellAriaLabel", M = "rangeSlider.ariaLabel", F = "colorGradient.ariaLabel", O = "colorGradient.hsvAreaAriaLabel", j = "colorPicker.ariaLabel", q = "flatColorPicker.ariaLabel", E = "colorPalette.ariaLabel", J = "colorGradient.redChannelLabel", K = "colorGradient.greenChannelLabel", N = "colorGradient.blueChannelLabel", Q = "colorGradient.alphaChannelLabel", U = {
8
+ const e = "numerictextbox.increment", o = "numerictextbox.decrement", a = "slider.increment", r = "slider.decrement", l = "slider.dragTitle", t = "colorGradient.r", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", b = "colorGradient.colorGradientAAALevel", u = "colorGradient.colorGradientPass", A = "colorGradient.colorGradientFail", C = "colorGradient.hueSliderLabel", L = "colorGradient.alphaSliderLabel", p = "colorGradient.toggleInputsButton", h = "flatColorPicker.cancelBtn", g = "flatColorPicker.applyBtn", P = "flatColorPicker.colorGradientBtn", k = "flatColorPicker.colorPaletteBtn", m = "flatColorPicker.clearBtn", x = "colorPicker.adaptiveTitle", B = "checkbox.validation", v = "checkbox.optionalText", f = "radioButton.validation", w = "switch.validation", I = "colorPicker.dropdownButtonAriaLabel", S = "rating.ariaLabel", T = "signature.canvas", D = "signature.clear", V = "signature.maximize", R = "signature.minimize", y = "switch.ariaLabel", z = "slider.ariaLabel", H = "otpInput.ariaLabel", M = "otpInput.cellAriaLabel", F = "rangeSlider.ariaLabel", O = "colorGradient.ariaLabel", j = "colorGradient.hsvAreaAriaLabel", q = "colorPicker.ariaLabel", E = "flatColorPicker.ariaLabel", J = "colorPalette.ariaLabel", K = "colorGradient.redChannelLabel", N = "colorGradient.greenChannelLabel", Q = "colorGradient.blueChannelLabel", U = "colorGradient.alphaChannelLabel", W = {
9
9
  [e]: "Increase value",
10
10
  [o]: "Decrease value",
11
11
  [a]: "Increase",
@@ -21,8 +21,8 @@ const e = "numerictextbox.increment", o = "numerictextbox.decrement", a = "slide
21
21
  [b]: "AAA",
22
22
  [u]: "Pass",
23
23
  [A]: "Fail",
24
- [L]: "Hue slider",
25
- [C]: "Alpha slider",
24
+ [C]: "Hue slider",
25
+ [L]: "Alpha slider",
26
26
  [p]: "Toggle colorgradient inputs",
27
27
  [h]: "Cancel",
28
28
  [g]: "Apply",
@@ -31,76 +31,78 @@ const e = "numerictextbox.increment", o = "numerictextbox.decrement", a = "slide
31
31
  [m]: "Clear color value",
32
32
  [x]: "Choose color",
33
33
  [B]: "Please check this box if you want to proceed!",
34
- [f]: "(Optional)",
35
- [v]: "Please select option if you want to proceed!",
34
+ [v]: "(Optional)",
35
+ [f]: "Please select option if you want to proceed!",
36
36
  [w]: "Please turn on if you want to proceed!",
37
37
  [I]: "Select",
38
38
  [S]: "Rating",
39
- [T]: "Clear",
40
- [D]: "Maximize",
41
- [V]: "Minimize",
42
- [R]: "Toggle switch value",
43
- [y]: "Slider",
44
- [M]: "Range slider",
45
- [F]: "Color gradient",
46
- [O]: "Color well with two-dimensional slider for selecting saturation and lightness",
47
- [j]: "Color picker",
48
- [q]: "Color editor",
49
- [E]: "Color palette",
50
- [J]: "Red channel",
51
- [K]: "Green channel",
52
- [N]: "Blue channel",
53
- [Q]: "Alpha channel",
54
- [z]: "One-time password",
55
- [H]: "Digit {index} of {total}"
39
+ [T]: "Signature",
40
+ [D]: "Clear",
41
+ [V]: "Maximize",
42
+ [R]: "Minimize",
43
+ [y]: "Toggle switch value",
44
+ [z]: "Slider",
45
+ [F]: "Range slider",
46
+ [O]: "Color gradient",
47
+ [j]: "Color well with two-dimensional slider for selecting saturation and lightness",
48
+ [q]: "Color picker",
49
+ [E]: "Color editor",
50
+ [J]: "Color palette",
51
+ [K]: "Red channel",
52
+ [N]: "Green channel",
53
+ [Q]: "Blue channel",
54
+ [U]: "Alpha channel",
55
+ [H]: "One-time password",
56
+ [M]: "Digit {index} of {total}"
56
57
  };
57
58
  export {
58
- f as checkboxOptionalText,
59
+ v as checkboxOptionalText,
59
60
  B as checkboxValidation,
60
61
  c as colorGradientA,
61
62
  b as colorGradientAAALevel,
62
63
  G as colorGradientAALevel,
63
- Q as colorGradientAlphaChannelLabel,
64
- C as colorGradientAlphaSliderLabel,
65
- F as colorGradientAriaLabel,
64
+ U as colorGradientAlphaChannelLabel,
65
+ L as colorGradientAlphaSliderLabel,
66
+ O as colorGradientAriaLabel,
66
67
  i as colorGradientB,
67
- N as colorGradientBlueChannelLabel,
68
+ Q as colorGradientBlueChannelLabel,
68
69
  d as colorGradientContrastRatio,
69
70
  A as colorGradientFail,
70
71
  n as colorGradientG,
71
- K as colorGradientGreenChannelLabel,
72
- O as colorGradientHSVAreaAriaLabel,
72
+ N as colorGradientGreenChannelLabel,
73
+ j as colorGradientHSVAreaAriaLabel,
73
74
  s as colorGradientHex,
74
- L as colorGradientHueSliderLabel,
75
+ C as colorGradientHueSliderLabel,
75
76
  u as colorGradientPass,
76
77
  t as colorGradientR,
77
- J as colorGradientRedChannelLabel,
78
+ K as colorGradientRedChannelLabel,
78
79
  p as colorGradientToggleInputsButton,
79
- E as colorPaletteAriaLabel,
80
+ J as colorPaletteAriaLabel,
80
81
  x as colorPickerAdaptiveTitle,
81
- j as colorPickerAriaLabel,
82
+ q as colorPickerAriaLabel,
82
83
  I as colorPickerDropdownButtonAriaLabel,
83
84
  g as flatColorPickerApplyBtn,
84
- q as flatColorPickerAriaLabel,
85
+ E as flatColorPickerAriaLabel,
85
86
  h as flatColorPickerCancelBtn,
86
87
  m as flatColorPickerClearBtn,
87
88
  P as flatColorPickerColorGradientBtn,
88
89
  k as flatColorPickerColorPaletteBtn,
89
- U as messages,
90
+ W as messages,
90
91
  o as numericDecreaseValue,
91
92
  e as numericIncreaseValue,
92
- z as otpInputAriaLabel,
93
- H as otpInputCellAriaLabel,
94
- v as radioButtonValidation,
95
- M as rangeSliderAriaLabel,
93
+ H as otpInputAriaLabel,
94
+ M as otpInputCellAriaLabel,
95
+ f as radioButtonValidation,
96
+ F as rangeSliderAriaLabel,
96
97
  S as ratingAriaLabel,
97
- T as signatureClear,
98
- D as signatureMaximize,
99
- V as signatureMinimize,
100
- y as sliderAriaLabel,
98
+ T as signatureCanvas,
99
+ D as signatureClear,
100
+ V as signatureMaximize,
101
+ R as signatureMinimize,
102
+ z as sliderAriaLabel,
101
103
  r as sliderDecreaseValue,
102
104
  l as sliderDragTitle,
103
105
  a as sliderIncreaseValue,
104
- R as switchAriaLabel,
106
+ y as switchAriaLabel,
105
107
  w as switchValidation
106
108
  };
package/package-metadata.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1785412073,version:"15.2.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1785775065,version:"15.2.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
package/package-metadata.mjs CHANGED
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
7
7
  productName: 'KendoReact',
8
8
  productCode: 'KENDOUIREACT',
9
9
  productCodes: ['KENDOUIREACT'],
10
- publishDate: 1785412073,
11
- version: '15.2.0-develop.2',
10
+ publishDate: 1785775065,
11
+ version: '15.2.0-develop.3',
12
12
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
13
13
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-inputs",
3
- "version": "15.2.0-develop.2",
3
+ "version": "15.2.0-develop.3",
4
4
  "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -28,14 +28,14 @@
28
28
  "@progress/kendo-drawing": "^1.21.2",
29
29
  "@progress/kendo-inputs-common": "^3.1.0",
30
30
  "@progress/kendo-licensing": "^1.7.2",
31
- "@progress/kendo-react-animation": "15.2.0-develop.2",
32
- "@progress/kendo-react-buttons": "15.2.0-develop.2",
33
- "@progress/kendo-react-common": "15.2.0-develop.2",
34
- "@progress/kendo-react-dialogs": "15.2.0-develop.2",
35
- "@progress/kendo-react-layout": "15.2.0-develop.2",
36
- "@progress/kendo-react-intl": "15.2.0-develop.2",
37
- "@progress/kendo-react-labels": "15.2.0-develop.2",
38
- "@progress/kendo-react-popup": "15.2.0-develop.2",
31
+ "@progress/kendo-react-animation": "15.2.0-develop.3",
32
+ "@progress/kendo-react-buttons": "15.2.0-develop.3",
33
+ "@progress/kendo-react-common": "15.2.0-develop.3",
34
+ "@progress/kendo-react-dialogs": "15.2.0-develop.3",
35
+ "@progress/kendo-react-layout": "15.2.0-develop.3",
36
+ "@progress/kendo-react-intl": "15.2.0-develop.3",
37
+ "@progress/kendo-react-labels": "15.2.0-develop.3",
38
+ "@progress/kendo-react-popup": "15.2.0-develop.3",
39
39
  "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
40
40
  "react": "^18.0.0 || ^19.0.0",
41
41
  "react-dom": "^18.0.0 || ^19.0.0"
@@ -82,7 +82,7 @@
82
82
  "package": {
83
83
  "productName": "KendoReact",
84
84
  "productCode": "KENDOUIREACT",
85
- "publishDate": 1785412073,
85
+ "publishDate": 1785775065,
86
86
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
87
87
  }
88
88
  },
package/signature/Signature.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Se=require("@progress/kendo-inputs-common"),D=require("@progress/kendo-react-buttons"),a=require("@progress/kendo-react-common"),ze=require("@progress/kendo-react-dialogs"),Oe=require("@progress/kendo-react-intl"),s=require("prop-types"),Ee=require("react"),m=require("../messages/index.js"),Y=require("../package-metadata.js"),xe=require("./utils/index.js"),_=require("@progress/kendo-svg-icons");function Me(c){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const g in c)if(g!=="default"){const v=Object.getOwnPropertyDescriptor(c,g);Object.defineProperty(k,g,v.get?v:{enumerable:!0,get:()=>c[g]})}}return k.default=c,Object.freeze(k)}const n=Me(Ee),Ie=250,Le=84,ee=3,te=2,Pe="#000000",Re="#ffffff",Z=c=>c!==void 0,ne=a.createPropsContext(),E=n.forwardRef((c,k)=>{const g=!a.validatePackage(Y.packageMetadata,{component:"Signature"}),v=a.getLicenseMessage(Y.packageMetadata),N=a.usePropsContext(ne,c),e=n.useMemo(()=>({strokeWidth:l.strokeWidth,smooth:l.smooth,popupScale:l.popupScale,exportScale:l.exportScale,maximizable:l.maximizable,disabled:l.disabled,required:l.required,validityStyles:l.validityStyles,onChange:l.onChange,onFocus:l.onFocus,onBlur:l.onBlur,onOpen:l.onOpen,onClose:l.onClose,size:l.size,rounded:l.rounded,fillMode:l.fillMode,...N}),[N]),x=Oe.useLocalization(),p=n.useRef(null),y=n.useRef(null),F=n.useRef(null),j=n.useRef(null),M=n.useRef(null),[r,oe]=n.useState(),[h,W]=n.useState(!1),[C,G]=n.useState(),[ae,se]=n.useState(),A=Z(e.value)?e.value:C,[re,ie]=n.useState(!1),b=Z(e.open),f=b?e.open:re,le=e.disabled||e.maximized||!e.maximizable,ce=e.disabled||!e.maximized,ue=!(!(e.value||C)||e.disabled||e.readOnly),de=x.toLanguageString(m.signatureMaximize,m.messages[m.signatureMaximize]),pe=x.toLanguageString(m.signatureMinimize,m.messages[m.signatureMinimize]),me=x.toLanguageString(m.signatureClear,m.messages[m.signatureClear]),I=e.popupScale||ee,L=e.exportScale||te,P=t=>{G(t),e.onChange&&e.onChange({value:t})},ge=t=>{r==null||r.loadImage(t.value),P(t.value)};n.useEffect(()=>{e.value!==C&&(G(e.value),r==null||r.loadImage(e.value))},[e.value]);const fe=()=>{r==null||r.clear(),P()},S=n.useCallback(t=>{b||ie(t)},[b]),ke=t=>{var o,i;X(t),(i=((o=M.current)==null?void 0:o.element)||y.current)==null||i.focus()},R=n.useCallback(()=>{let t=Pe;return!e.color&&typeof document!="undefined"&&p.current&&(t=getComputedStyle(p.current).color),e.color||t},[e.color]),w=n.useCallback(()=>{let t=Re;return!e.backgroundColor&&typeof document!="undefined"&&p.current&&(t=getComputedStyle(p.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),V=()=>({scale:e.maximized?e.popupScale:1,color:R(),backgroundColor:w(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly||e.disabled}),U=async t=>{const{width:o,height:i}=t;return await(r==null?void 0:r.exportImage({width:o*L,height:i*L}))};n.useEffect(()=>{const t=y.current,o=new Se.SignaturePad(t,V());return A&&o.loadImage(A),oe(o),()=>o.destroy()},[]),n.useEffect(()=>{r==null||r.setOptions({onChange:async()=>P(await U(J()))})},[r]),a.useIsomorphicLayoutEffect(()=>r==null?void 0:r.setOptions(V()),[e.readOnly,e.disabled,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var i,d;const t=(d=(i=F.current)==null?void 0:i.element)==null?void 0:d.querySelector(".k-overlay");if(!t)return;const o=()=>S(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[f]),n.useEffect(()=>{if(!f||typeof document=="undefined")return;const t=o=>{var i,d;o.key==="Escape"&&(S(!1),(d=(i=M.current)==null?void 0:i.element)==null||d.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=j.current)==null?void 0:t.element)==null||o.focus())},[]);const q=n.useCallback(()=>{var t;return(t=y.current)==null?void 0:t.focus()},[]),z=n.useCallback(()=>e.value,[e.value]),H=n.useCallback(()=>e.name,[e.name]),O=n.useCallback(()=>e.required,[e.required]),T=n.useCallback(()=>{const t=e.validationMessage!==void 0,i=!z(),d=e.valid!==void 0?e.valid:!O()||!i;return{customError:t,valid:d,valueMissing:i}},[e.validationMessage,e.valid,z,O]),B=n.useCallback(()=>e.validityStyles,[e.validityStyles]),$=n.useCallback(()=>e,[e]),u=n.useCallback(()=>{const t={element:p.current,focus:q};return Object.defineProperty(t,"name",{get:H}),Object.defineProperty(t,"value",{get:z}),Object.defineProperty(t,"validity",{get:T}),Object.defineProperty(t,"validityStyles",{get:B}),Object.defineProperty(t,"required",{get:O}),Object.defineProperty(t,"props",{get:$}),Object.defineProperty(t,"color",{get:R}),Object.defineProperty(t,"backgroundColor",{get:w}),t},[H,z,T,B,O,q,$,R,w]);n.useImperativeHandle(k,u);const K=n.useRef(null);n.useImperativeHandle(K,u),a.useWebMcpRegister("signature",K,e,e.webMcp);const be=n.useCallback(t=>{h||e.maximized||(W(!0),a.dispatchEvent(e.onFocus,t,u(),{}))},[h,e.onFocus,u]),ve=n.useCallback(t=>{xe.hasParent(t.relatedTarget,p.current)||(W(!1),a.dispatchEvent(e.onBlur,t,u(),{}))},[h,e.onBlur,u]),ye=n.useCallback(async t=>{se(await U(Q())),S(!0),a.dispatchEvent(e.onOpen,t,u(),{})},[f,b,e.onOpen,e.value,C,u]),X=n.useCallback(t=>{S(!1),a.dispatchEvent(e.onClose,t,u(),{})},[f,b,e.onClose,u]),he=()=>{fe(),q()},J=()=>{var i,d;const t=e.width||((i=p.current)==null?void 0:i.offsetWidth)||Ie,o=e.height||((d=p.current)==null?void 0:d.offsetHeight)||Le;return{width:t,height:o}},Q=()=>{const{width:t,height:o}=J();return{width:t*I,height:o*I}},Ce=!B()||T().valid;return n.createElement("div",{ref:p,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:a.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${a.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!Ce,"k-required":e.required,"k-disabled":e.disabled,"k-focus":h},e.className),onFocus:be,onBlur:ve},n.createElement("div",{className:"k-signature-canvas",ref:y,role:"img",tabIndex:a.getTabIndex(e.tabIndex,e.disabled),id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,style:e.inputStyle}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(D.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-maximize",{"k-hidden":le}),ref:M,icon:"hyperlink-open",svgIcon:_.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:ye,title:de}),n.createElement(D.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-minimize k-flip-h k-flip-v",{"k-hidden":ce}),ref:j,icon:"hyperlink-open",svgIcon:_.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:X,title:pe})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},ue&&n.createElement(D.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:_.xIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:he,title:me})),f&&n.createElement(ze.Dialog,{ref:F},n.createElement(E,{...e,...Q(),value:ae,maximized:!0,exportScale:1/I*L,open:!1,onChange:ge,onClose:ke})),g&&n.createElement(a.WatermarkOverlay,{message:v}))});E.propTypes={value:s.string,width:s.number,height:s.number,tabIndex:s.number,dir:s.string,ariaDescribedBy:s.string,ariaLabelledBy:s.string,ariaLabel:s.string,readOnly:s.bool,disabled:s.bool,validationMessage:s.string,required:s.bool,onChange:s.func,onFocus:s.func,onBlur:s.func,onOpen:s.func,onClose:s.func,size:s.oneOf(["small","medium","large"]),rounded:s.oneOf(["small","medium","large","none"]),fillMode:s.oneOf(["solid","flat","outline"])};const l={strokeWidth:1,smooth:!1,popupScale:ee,exportScale:te,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:c=>a.noop,onFocus:c=>a.noop,onBlur:c=>a.noop,onOpen:c=>a.noop,onClose:c=>a.noop,size:void 0,rounded:void 0,fillMode:void 0};E.displayName="KendoSignature";exports.Signature=E;exports.SignaturePropsContext=ne;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ze=require("@progress/kendo-inputs-common"),D=require("@progress/kendo-react-buttons"),a=require("@progress/kendo-react-common"),Oe=require("@progress/kendo-react-dialogs"),Ee=require("@progress/kendo-react-intl"),s=require("prop-types"),xe=require("react"),u=require("../messages/index.js"),te=require("../package-metadata.js"),Me=require("./utils/index.js"),_=require("@progress/kendo-svg-icons");function Le(c){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const g in c)if(g!=="default"){const v=Object.getOwnPropertyDescriptor(c,g);Object.defineProperty(k,g,v.get?v:{enumerable:!0,get:()=>c[g]})}}return k.default=c,Object.freeze(k)}const n=Le(xe),Ie=250,Pe=84,oe=3,ae=2,Re="#000000",we="#ffffff",ne=c=>c!==void 0,se=a.createPropsContext(),x=n.forwardRef((c,k)=>{const g=!a.validatePackage(te.packageMetadata,{component:"Signature"}),v=a.getLicenseMessage(te.packageMetadata),N=a.usePropsContext(se,c),e=n.useMemo(()=>({strokeWidth:l.strokeWidth,smooth:l.smooth,popupScale:l.popupScale,exportScale:l.exportScale,maximizable:l.maximizable,disabled:l.disabled,required:l.required,validityStyles:l.validityStyles,onChange:l.onChange,onFocus:l.onFocus,onBlur:l.onBlur,onOpen:l.onOpen,onClose:l.onClose,size:l.size,rounded:l.rounded,fillMode:l.fillMode,...N}),[N]),y=Ee.useLocalization(),m=n.useRef(null),C=n.useRef(null),F=n.useRef(null),j=n.useRef(null),M=n.useRef(null),[r,re]=n.useState(),[h,W]=n.useState(!1),[S,G]=n.useState(),[ie,le]=n.useState(),A=ne(e.value)?e.value:S,[ce,ue]=n.useState(!1),b=ne(e.open),f=b?e.open:ce,de=e.disabled||e.maximized||!e.maximizable,pe=e.disabled||!e.maximized,me=!(!(e.value||S)||e.disabled||e.readOnly),V=y.toLanguageString(u.signatureMaximize,u.messages[u.signatureMaximize]),U=y.toLanguageString(u.signatureMinimize,u.messages[u.signatureMinimize]),H=y.toLanguageString(u.signatureClear,u.messages[u.signatureClear]),ge=y.toLanguageString(u.signatureCanvas,u.messages[u.signatureCanvas]),L=e.popupScale||oe,I=e.exportScale||ae,P=t=>{G(t),e.onChange&&e.onChange({value:t})},fe=t=>{r==null||r.loadImage(t.value),P(t.value)};n.useEffect(()=>{e.value!==S&&(G(e.value),r==null||r.loadImage(e.value))},[e.value]);const ke=()=>{r==null||r.clear(),P()},z=n.useCallback(t=>{b||ue(t)},[b]),be=t=>{var o,i;Y(t),(i=((o=M.current)==null?void 0:o.element)||C.current)==null||i.focus()},R=n.useCallback(()=>{let t=Re;return!e.color&&typeof document!="undefined"&&m.current&&(t=getComputedStyle(m.current).color),e.color||t},[e.color]),w=n.useCallback(()=>{let t=we;return!e.backgroundColor&&typeof document!="undefined"&&m.current&&(t=getComputedStyle(m.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),$=()=>({scale:e.maximized?e.popupScale:1,color:R(),backgroundColor:w(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly||e.disabled}),K=async t=>{const{width:o,height:i}=t;return await(r==null?void 0:r.exportImage({width:o*I,height:i*I}))};n.useEffect(()=>{const t=C.current,o=new ze.SignaturePad(t,$());return A&&o.loadImage(A),re(o),()=>o.destroy()},[]),n.useEffect(()=>{r==null||r.setOptions({onChange:async()=>P(await K(Z()))})},[r]),a.useIsomorphicLayoutEffect(()=>r==null?void 0:r.setOptions($()),[e.readOnly,e.disabled,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var i,p;const t=(p=(i=F.current)==null?void 0:i.element)==null?void 0:p.querySelector(".k-overlay");if(!t)return;const o=()=>z(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[f]),n.useEffect(()=>{if(!f||typeof document=="undefined")return;const t=o=>{var i,p;o.key==="Escape"&&(z(!1),(p=(i=M.current)==null?void 0:i.element)==null||p.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=j.current)==null?void 0:t.element)==null||o.focus())},[]);const q=n.useCallback(()=>{var t;return(t=C.current)==null?void 0:t.focus()},[]),O=n.useCallback(()=>e.value,[e.value]),X=n.useCallback(()=>e.name,[e.name]),E=n.useCallback(()=>e.required,[e.required]),T=n.useCallback(()=>{const t=e.validationMessage!==void 0,i=!O(),p=e.valid!==void 0?e.valid:!E()||!i;return{customError:t,valid:p,valueMissing:i}},[e.validationMessage,e.valid,O,E]),B=n.useCallback(()=>e.validityStyles,[e.validityStyles]),J=n.useCallback(()=>e,[e]),d=n.useCallback(()=>{const t={element:m.current,focus:q};return Object.defineProperty(t,"name",{get:X}),Object.defineProperty(t,"value",{get:O}),Object.defineProperty(t,"validity",{get:T}),Object.defineProperty(t,"validityStyles",{get:B}),Object.defineProperty(t,"required",{get:E}),Object.defineProperty(t,"props",{get:J}),Object.defineProperty(t,"color",{get:R}),Object.defineProperty(t,"backgroundColor",{get:w}),t},[X,O,T,B,E,q,J,R,w]);n.useImperativeHandle(k,d);const Q=n.useRef(null);n.useImperativeHandle(Q,d),a.useWebMcpRegister("signature",Q,e,e.webMcp);const ve=n.useCallback(t=>{h||e.maximized||(W(!0),a.dispatchEvent(e.onFocus,t,d(),{}))},[h,e.onFocus,d]),ye=n.useCallback(t=>{Me.hasParent(t.relatedTarget,m.current)||(W(!1),a.dispatchEvent(e.onBlur,t,d(),{}))},[h,e.onBlur,d]),Ce=n.useCallback(async t=>{le(await K(ee())),z(!0),a.dispatchEvent(e.onOpen,t,d(),{})},[f,b,e.onOpen,e.value,S,d]),Y=n.useCallback(t=>{z(!1),a.dispatchEvent(e.onClose,t,d(),{})},[f,b,e.onClose,d]),he=()=>{ke(),q()},Z=()=>{var i,p;const t=e.width||((i=m.current)==null?void 0:i.offsetWidth)||Ie,o=e.height||((p=m.current)==null?void 0:p.offsetHeight)||Pe;return{width:t,height:o}},ee=()=>{const{width:t,height:o}=Z();return{width:t*L,height:o*L}},Se=!B()||T().valid;return n.createElement("div",{ref:m,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:a.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${a.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!Se,"k-required":e.required,"k-disabled":e.disabled,"k-focus":h},e.className),onFocus:ve,onBlur:ye},n.createElement("div",{className:"k-signature-canvas",ref:C,role:"img",tabIndex:a.getTabIndex(e.tabIndex,e.disabled),id:e.id,"aria-label":e.ariaLabel||ge,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,style:e.inputStyle}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(D.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-maximize",{"k-hidden":de}),ref:M,icon:"hyperlink-open",svgIcon:_.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:Ce,"aria-label":V,title:V}),n.createElement(D.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-minimize k-flip-h k-flip-v",{"k-hidden":pe}),ref:j,icon:"hyperlink-open",svgIcon:_.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:Y,"aria-label":U,title:U})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},me&&n.createElement(D.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:_.xIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:he,"aria-label":H,title:H})),f&&n.createElement(Oe.Dialog,{ref:F},n.createElement(x,{...e,...ee(),value:ie,maximized:!0,exportScale:1/L*I,open:!1,onChange:fe,onClose:be})),g&&n.createElement(a.WatermarkOverlay,{message:v}))});x.propTypes={value:s.string,width:s.number,height:s.number,tabIndex:s.number,dir:s.string,ariaDescribedBy:s.string,ariaLabelledBy:s.string,ariaLabel:s.string,readOnly:s.bool,disabled:s.bool,validationMessage:s.string,required:s.bool,onChange:s.func,onFocus:s.func,onBlur:s.func,onOpen:s.func,onClose:s.func,size:s.oneOf(["small","medium","large"]),rounded:s.oneOf(["small","medium","large","none"]),fillMode:s.oneOf(["solid","flat","outline"])};const l={strokeWidth:1,smooth:!1,popupScale:oe,exportScale:ae,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:c=>a.noop,onFocus:c=>a.noop,onBlur:c=>a.noop,onOpen:c=>a.noop,onClose:c=>a.noop,size:void 0,rounded:void 0,fillMode:void 0};x.displayName="KendoSignature";exports.Signature=x;exports.SignaturePropsContext=se;