@progress/kendo-react-inputs 5.6.0-next.202208151055 → 5.6.0-next.202209020618

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 (86) hide show
  1. package/LICENSE.md +2 -2
  2. package/README.md +5 -5
  3. package/about.md +3 -3
  4. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  5. package/dist/es/colors/ColorPalette.d.ts +1 -1
  6. package/dist/es/input/InputClearValue.d.ts +15 -0
  7. package/dist/es/input/InputClearValue.js +24 -0
  8. package/dist/es/input/InputPrefix.d.ts +15 -0
  9. package/dist/es/input/InputPrefix.js +24 -0
  10. package/dist/es/input/InputSeparator.d.ts +15 -0
  11. package/dist/es/input/InputSeparator.js +24 -0
  12. package/dist/es/input/InputSuffix.d.ts +15 -0
  13. package/dist/es/input/InputSuffix.js +24 -0
  14. package/dist/es/input/InputValidationIcon.d.ts +14 -0
  15. package/dist/es/input/InputValidationIcon.js +20 -0
  16. package/dist/es/main.d.ts +8 -0
  17. package/dist/es/main.js +8 -0
  18. package/dist/es/maskedtextbox/MaskedTextBox.d.ts +1 -1
  19. package/dist/es/messages/index.d.ts +15 -0
  20. package/dist/es/messages/index.js +15 -0
  21. package/dist/es/package-metadata.js +1 -1
  22. package/dist/es/radiobutton/RadioGroup.js +1 -1
  23. package/dist/es/signature/Signature.d.ts +14 -0
  24. package/dist/es/signature/Signature.js +346 -0
  25. package/dist/es/signature/interfaces/SignatureBlurEvent.d.ts +7 -0
  26. package/dist/es/signature/interfaces/SignatureBlurEvent.js +1 -0
  27. package/dist/es/signature/interfaces/SignatureChangeEvent.d.ts +11 -0
  28. package/dist/es/signature/interfaces/SignatureChangeEvent.js +1 -0
  29. package/dist/es/signature/interfaces/SignatureCloseEvent.d.ts +7 -0
  30. package/dist/es/signature/interfaces/SignatureCloseEvent.js +1 -0
  31. package/dist/es/signature/interfaces/SignatureFocusEvent.d.ts +7 -0
  32. package/dist/es/signature/interfaces/SignatureFocusEvent.js +1 -0
  33. package/dist/es/signature/interfaces/SignatureHandle.d.ts +34 -0
  34. package/dist/es/signature/interfaces/SignatureHandle.js +1 -0
  35. package/dist/es/signature/interfaces/SignatureOpenEvent.d.ts +7 -0
  36. package/dist/es/signature/interfaces/SignatureOpenEvent.js +1 -0
  37. package/dist/es/signature/interfaces/SignatureProps.d.ts +196 -0
  38. package/dist/es/signature/interfaces/SignatureProps.js +1 -0
  39. package/dist/es/signature/interfaces/index.d.ts +7 -0
  40. package/dist/es/signature/interfaces/index.js +1 -0
  41. package/dist/es/signature/utils/index.d.ts +4 -0
  42. package/dist/es/signature/utils/index.js +10 -0
  43. package/dist/es/textbox/Textbox.d.ts +69 -0
  44. package/dist/es/textbox/Textbox.js +111 -0
  45. package/dist/npm/colors/ColorPalette.d.ts +1 -1
  46. package/dist/npm/input/InputClearValue.d.ts +15 -0
  47. package/dist/npm/input/InputClearValue.js +27 -0
  48. package/dist/npm/input/InputPrefix.d.ts +15 -0
  49. package/dist/npm/input/InputPrefix.js +27 -0
  50. package/dist/npm/input/InputSeparator.d.ts +15 -0
  51. package/dist/npm/input/InputSeparator.js +27 -0
  52. package/dist/npm/input/InputSuffix.d.ts +15 -0
  53. package/dist/npm/input/InputSuffix.js +27 -0
  54. package/dist/npm/input/InputValidationIcon.d.ts +14 -0
  55. package/dist/npm/input/InputValidationIcon.js +23 -0
  56. package/dist/npm/main.d.ts +8 -0
  57. package/dist/npm/main.js +15 -1
  58. package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +1 -1
  59. package/dist/npm/messages/index.d.ts +15 -0
  60. package/dist/npm/messages/index.js +16 -1
  61. package/dist/npm/package-metadata.js +1 -1
  62. package/dist/npm/radiobutton/RadioGroup.js +1 -1
  63. package/dist/npm/signature/Signature.d.ts +14 -0
  64. package/dist/npm/signature/Signature.js +349 -0
  65. package/dist/npm/signature/interfaces/SignatureBlurEvent.d.ts +7 -0
  66. package/dist/npm/signature/interfaces/SignatureBlurEvent.js +2 -0
  67. package/dist/npm/signature/interfaces/SignatureChangeEvent.d.ts +11 -0
  68. package/dist/npm/signature/interfaces/SignatureChangeEvent.js +2 -0
  69. package/dist/npm/signature/interfaces/SignatureCloseEvent.d.ts +7 -0
  70. package/dist/npm/signature/interfaces/SignatureCloseEvent.js +2 -0
  71. package/dist/npm/signature/interfaces/SignatureFocusEvent.d.ts +7 -0
  72. package/dist/npm/signature/interfaces/SignatureFocusEvent.js +2 -0
  73. package/dist/npm/signature/interfaces/SignatureHandle.d.ts +34 -0
  74. package/dist/npm/signature/interfaces/SignatureHandle.js +2 -0
  75. package/dist/npm/signature/interfaces/SignatureOpenEvent.d.ts +7 -0
  76. package/dist/npm/signature/interfaces/SignatureOpenEvent.js +2 -0
  77. package/dist/npm/signature/interfaces/SignatureProps.d.ts +196 -0
  78. package/dist/npm/signature/interfaces/SignatureProps.js +2 -0
  79. package/dist/npm/signature/interfaces/index.d.ts +7 -0
  80. package/dist/npm/signature/interfaces/index.js +2 -0
  81. package/dist/npm/signature/utils/index.d.ts +4 -0
  82. package/dist/npm/signature/utils/index.js +14 -0
  83. package/dist/npm/textbox/Textbox.d.ts +69 -0
  84. package/dist/npm/textbox/Textbox.js +114 -0
  85. package/dist/systemjs/kendo-react-inputs.js +1 -1
  86. package/package.json +22 -17
@@ -28,7 +28,7 @@ export declare class ColorPaletteWithoutContext extends React.Component<ColorPal
28
28
  * @hidden
29
29
  */
30
30
  static propTypes: {
31
- palette: PropTypes.Requireable<string | string[]>;
31
+ palette: PropTypes.Requireable<NonNullable<string | string[] | null | undefined>>;
32
32
  columns: PropTypes.Requireable<number>;
33
33
  tileSize: PropTypes.Requireable<any>;
34
34
  defaultValue: PropTypes.Requireable<string>;
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Represent the `ref` of the `InputClearValue` component.
4
+ */
5
+ export declare type InputClearValueHandle = {
6
+ element: HTMLSpanElement | null;
7
+ };
8
+ /**
9
+ * Represents the `props` of the `InputClearValue` component.
10
+ */
11
+ export declare type InputClearValueProps = React.HTMLAttributes<HTMLSpanElement>;
12
+ /**
13
+ * Represents the KendoReact InputClearValue component.
14
+ */
15
+ export declare const InputClearValue: React.ForwardRefExoticComponent<InputClearValueProps & React.RefAttributes<InputClearValueHandle>>;
@@ -0,0 +1,24 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import * as React from 'react';
13
+ import { classNames } from '@progress/kendo-react-common';
14
+ /**
15
+ * Represents the KendoReact InputClearValue component.
16
+ */
17
+ export var InputClearValue = React.forwardRef(function (props, ref) {
18
+ var target = React.useRef(null);
19
+ var element = React.useRef(null);
20
+ React.useImperativeHandle(target, function () { return ({ element: element.current }); });
21
+ React.useImperativeHandle(ref, function () { return target.current; });
22
+ return (React.createElement("span", __assign({}, props, { className: classNames('k-clear-value', props.className) })));
23
+ });
24
+ InputClearValue.displayName = 'KendoReactInputClearValue';
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Represent the `ref` of the `InputPrefix` component.
4
+ */
5
+ export declare type InputPrefixHandle = {
6
+ element: HTMLSpanElement | null;
7
+ };
8
+ /**
9
+ * Represents the `props` of the `InputPrefix` component.
10
+ */
11
+ export declare type InputPrefixProps = React.HTMLAttributes<HTMLSpanElement>;
12
+ /**
13
+ * Represents the KendoReact InputPrefix component.
14
+ */
15
+ export declare const InputPrefix: React.ForwardRefExoticComponent<InputPrefixProps & React.RefAttributes<InputPrefixHandle>>;
@@ -0,0 +1,24 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { classNames } from '@progress/kendo-react-common';
13
+ import * as React from 'react';
14
+ /**
15
+ * Represents the KendoReact InputPrefix component.
16
+ */
17
+ export var InputPrefix = React.forwardRef(function (props, ref) {
18
+ var target = React.useRef(null);
19
+ var element = React.useRef(null);
20
+ React.useImperativeHandle(target, function () { return ({ element: element.current }); });
21
+ React.useImperativeHandle(ref, function () { return target.current; });
22
+ return (React.createElement("span", __assign({}, props, { className: classNames('k-input-prefix', props.className) })));
23
+ });
24
+ InputPrefix.displayName = 'KendoReactInputPrefix';
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Represent the `ref` of the `InputSeparator` component.
4
+ */
5
+ export declare type InputSeparatorHandle = {
6
+ element: HTMLSpanElement | null;
7
+ };
8
+ /**
9
+ * Represents the `props` of the `InputSeparator` component.
10
+ */
11
+ export declare type InputSeparatorProps = React.HTMLAttributes<HTMLSpanElement>;
12
+ /**
13
+ * Represents the KendoReact InputSeparator component.
14
+ */
15
+ export declare const InputSeparator: React.ForwardRefExoticComponent<InputSeparatorProps & React.RefAttributes<InputSeparatorHandle>>;
@@ -0,0 +1,24 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import * as React from 'react';
13
+ import { classNames } from '@progress/kendo-react-common';
14
+ /**
15
+ * Represents the KendoReact InputSeparator component.
16
+ */
17
+ export var InputSeparator = React.forwardRef(function (props, ref) {
18
+ var target = React.useRef(null);
19
+ var element = React.useRef(null);
20
+ React.useImperativeHandle(target, function () { return ({ element: element.current }); });
21
+ React.useImperativeHandle(ref, function () { return target.current; });
22
+ return (React.createElement("span", __assign({}, props, { className: classNames('k-input-separator', props.className) })));
23
+ });
24
+ InputSeparator.displayName = 'KendoReactInputSeparator';
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Represent the `ref` of the `InputSuffix` component.
4
+ */
5
+ export declare type InputSuffixHandle = {
6
+ element: HTMLSpanElement | null;
7
+ };
8
+ /**
9
+ * Represents the `props` of the `InputSuffix` component.
10
+ */
11
+ export declare type InputSuffixProps = React.HTMLAttributes<HTMLSpanElement>;
12
+ /**
13
+ * Represents the KendoReact InputSuffix component.
14
+ */
15
+ export declare const InputSuffix: React.ForwardRefExoticComponent<InputSuffixProps & React.RefAttributes<InputSuffixHandle>>;
@@ -0,0 +1,24 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import * as React from 'react';
13
+ import { classNames } from '@progress/kendo-react-common';
14
+ /**
15
+ * Represents the KendoReact InputSuffix component.
16
+ */
17
+ export var InputSuffix = React.forwardRef(function (props, ref) {
18
+ var target = React.useRef(null);
19
+ var element = React.useRef(null);
20
+ React.useImperativeHandle(target, function () { return ({ element: element.current }); });
21
+ React.useImperativeHandle(ref, function () { return target.current; });
22
+ return (React.createElement("span", __assign({}, props, { className: classNames('k-input-suffix', props.className) })));
23
+ });
24
+ InputSuffix.displayName = 'KendoReactInputSuffix';
@@ -0,0 +1,14 @@
1
+ import { IconHandle, IconProps } from '@progress/kendo-react-common';
2
+ import * as React from 'react';
3
+ /**
4
+ * Represent the `ref` of the `InputValidationIcon` component.
5
+ */
6
+ export declare type InputValidationIconHandle = IconHandle;
7
+ /**
8
+ * Represents the `props` of the `InputValidationIcon` component.
9
+ */
10
+ export declare type InputValidationIconProps = IconProps;
11
+ /**
12
+ * Represents the KendoReact InputValidationIcon component.
13
+ */
14
+ export declare const InputValidationIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle>>;
@@ -0,0 +1,20 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { classNames, Icon } from '@progress/kendo-react-common';
13
+ import * as React from 'react';
14
+ /**
15
+ * Represents the KendoReact InputValidationIcon component.
16
+ */
17
+ export var InputValidationIcon = React.forwardRef(function (props, ref) {
18
+ return React.createElement(Icon, __assign({ ref: ref }, props, { className: classNames('k-input-validation-icon', props.className) }));
19
+ });
20
+ InputValidationIcon.displayName = 'KendoReactInputValidationIcon';
package/dist/es/main.d.ts CHANGED
@@ -50,3 +50,11 @@ export * from './textarea/interfaces/TextAreaFocusEvent';
50
50
  export * from './rating/Rating';
51
51
  export * from './rating/RatingItem';
52
52
  export * from './rating/models/index';
53
+ export * from './signature/Signature';
54
+ export * from './signature/interfaces';
55
+ export { TextBox, TextBoxProps, TextBoxHandle, TextBoxChangeEvent } from './textbox/Textbox';
56
+ export { InputClearValue, InputClearValueProps, InputClearValueHandle } from './input/InputClearValue';
57
+ export { InputPrefix, InputPrefixProps, InputPrefixHandle } from './input/InputPrefix';
58
+ export { InputSeparator, InputSeparatorProps, InputSeparatorHandle } from './input/InputSeparator';
59
+ export { InputSuffix, InputSuffixProps, InputSuffixHandle } from './input/InputSuffix';
60
+ export { InputValidationIcon, InputValidationIconProps, InputValidationIconHandle } from './input/InputValidationIcon';
package/dist/es/main.js CHANGED
@@ -46,3 +46,11 @@ export * from './textarea/interfaces/TextAreaFocusEvent';
46
46
  export * from './rating/Rating';
47
47
  export * from './rating/RatingItem';
48
48
  export * from './rating/models/index';
49
+ export * from './signature/Signature';
50
+ export * from './signature/interfaces';
51
+ export { TextBox } from './textbox/Textbox';
52
+ export { InputClearValue } from './input/InputClearValue';
53
+ export { InputPrefix } from './input/InputPrefix';
54
+ export { InputSeparator } from './input/InputSeparator';
55
+ export { InputSuffix } from './input/InputSuffix';
56
+ export { InputValidationIcon } from './input/InputValidationIcon';
@@ -26,7 +26,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
26
26
  className: PropTypes.Requireable<string>;
27
27
  ariaLabelledBy: PropTypes.Requireable<string>;
28
28
  ariaDescribedBy: PropTypes.Requireable<string>;
29
- width: PropTypes.Requireable<string | number>;
29
+ width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
30
30
  tabIndex: PropTypes.Requireable<number>;
31
31
  accessKey: PropTypes.Requireable<string>;
32
32
  disabled: PropTypes.Requireable<boolean>;
@@ -102,6 +102,18 @@ export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownB
102
102
  * @hidden
103
103
  */
104
104
  export declare const ratingAriaLabel = "rating.ariaLabel";
105
+ /**
106
+ * @hidden
107
+ */
108
+ export declare const signatureClear = "signature.clear";
109
+ /**
110
+ * @hidden
111
+ */
112
+ export declare const signatureMaximize = "signature.maximize";
113
+ /**
114
+ * @hidden
115
+ */
116
+ export declare const signatureMinimize = "signature.minimize";
105
117
  /**
106
118
  * @hidden
107
119
  */
@@ -132,4 +144,7 @@ export declare const messages: {
132
144
  "switch.validation": string;
133
145
  "colorPicker.dropdownButtonAriaLabel": string;
134
146
  "rating.ariaLabel": string;
147
+ "signature.clear": string;
148
+ "signature.maximize": string;
149
+ "signature.minimize": string;
135
150
  };
@@ -103,6 +103,18 @@ export var colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaL
103
103
  * @hidden
104
104
  */
105
105
  export var ratingAriaLabel = 'rating.ariaLabel';
106
+ /**
107
+ * @hidden
108
+ */
109
+ export var signatureClear = 'signature.clear';
110
+ /**
111
+ * @hidden
112
+ */
113
+ export var signatureMaximize = 'signature.maximize';
114
+ /**
115
+ * @hidden
116
+ */
117
+ export var signatureMinimize = 'signature.minimize';
106
118
  /**
107
119
  * @hidden
108
120
  */
@@ -133,4 +145,7 @@ export var messages = (_a = {},
133
145
  _a[switchValidation] = 'Please turn on if you want to proceed!',
134
146
  _a[colorPickerDropdownButtonAriaLabel] = 'Select',
135
147
  _a[ratingAriaLabel] = 'Rating',
148
+ _a[signatureClear] = 'Clear',
149
+ _a[signatureMaximize] = 'Maximize',
150
+ _a[signatureMinimize] = 'Minimize',
136
151
  _a);
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-inputs',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1660559919,
8
+ publishDate: 1662098534,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
@@ -74,7 +74,7 @@ export var RadioGroup = React.forwardRef(function (directProps, target) {
74
74
  : (noOptionChecked && index === 0) || isCurrentlyChecked
75
75
  ? 0
76
76
  : -1, index: index, name: name || radioGroupName, onChange: handleChange, onFocus: handleFocus });
77
- return (React.createElement(Item, { className: classNames('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'radio' },
77
+ return (React.createElement(Item, { className: classNames('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'none' },
78
78
  React.createElement(RadioButton, __assign({}, radioButtonProps))));
79
79
  }));
80
80
  return (React.createElement("ul", { role: "radiogroup", className: radioGroupClasses, ref: elementRef, dir: dir, style: style, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }, radioOptions));
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { SignatureHandle } from './interfaces/SignatureHandle';
3
+ import { SignatureProps } from './interfaces/SignatureProps';
4
+ /**
5
+ * Represents the PropsContext of the `Signature` component.
6
+ * Used for global configuration of all `Signature` instances.
7
+ *
8
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
9
+ */
10
+ export declare const SignaturePropsContext: React.Context<(p: SignatureProps) => SignatureProps>;
11
+ /**
12
+ * Represents the [KendoReact Signature component]({% slug overview_signature %}).
13
+ */
14
+ export declare const Signature: React.ForwardRefExoticComponent<SignatureProps & React.RefAttributes<SignatureHandle | null>>;