@progress/kendo-react-inputs 5.6.0-next.202208310638 → 5.6.0

package/dist/es/signature/interfaces/SignatureProps.d.ts

@@ -0,0 +1,196 @@
+/// <reference types="react" />
+import { FormComponentProps } from '@progress/kendo-react-common';
+import { SignatureChangeEvent } from './SignatureChangeEvent';
+import { SignatureFocusEvent } from './SignatureFocusEvent';
+import { SignatureBlurEvent } from './SignatureBlurEvent';
+import { SignatureOpenEvent } from './SignatureOpenEvent';
+import { SignatureCloseEvent } from './SignatureCloseEvent';
+/**
+ * Represents the props of the [KendoReact Signature component]({% slug overview_signature %}).
+ */
+export interface SignatureProps extends FormComponentProps {
+    /**
+     * Sets a class of the Signature DOM element.
+     */
+    className?: string;
+    /**
+     * Specifies the value of the Signature.
+     *
+     * The value is an image encoded as a [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs).
+     */
+    value?: string;
+    /**
+     * Specifies the width of the Signature in pixels.
+     */
+    width?: number;
+    /**
+     * Specifies the height of the Signature in pixels.
+     */
+    height?: number;
+    /**
+     * Sets the `tabIndex` property of the Signature.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `id` of the Signature DOM element.
+     */
+    id?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies the name of the Signature input.
+     */
+    name?: string;
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
+    /**
+     * Determines whether the Signature is in its read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * Determines whether the Signature is in its disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Configures the `size` of the Signature.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the Signature.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the Signature.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null&mdash;Does not set a fillMode `className`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline';
+    /**
+     * The stroke color of the signature.
+     *
+     * Accepts CSS color names and hex values.
+     *
+     * @default '#000000'
+     */
+    color?: string;
+    /**
+     * The background color of the signature.
+     *
+     * Accepts CSS color names and hex values.
+     *
+     * @default '#ffffff'
+     */
+    backgroundColor?: string;
+    /**
+     * The stroke width of the signature.
+     *
+     * @default 1
+     */
+    strokeWidth?: number;
+    /**
+     * A flag indicating whether to smooth out signature lines.
+     *
+     * @default false
+     */
+    smooth?: boolean;
+    /**
+     * A flag indicating if the signature can be maximized.
+     *
+     * @default true
+     */
+    maximizable?: boolean;
+    /**
+     * Sets the open and close state of the Signature.
+     */
+    open?: boolean;
+    /**
+     * The scale factor for the popup.
+     *
+     * The Signature width and height will be multiplied by the scale when showing the popup.
+     *
+     * @default 3
+     */
+    popupScale?: number;
+    /**
+     * The scale factor for the exported image.
+     *
+     * The Signature width and height will be multiplied by the scale when converting the signature to an image.
+     *
+     * @default 2
+     */
+    exportScale?: number;
+    /**
+     * A flag indicating whether the dotted line should be displayed in the background.
+     *
+     * @default false
+     */
+    hideLine?: boolean;
+    /**
+     * Represents the `style` HTML attribute.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Represents the input element `style` HTML attribute.
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * Determines the event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: SignatureChangeEvent) => void;
+    /**
+     * The event handler that will be fired when Signature is focused.
+     */
+    onFocus?: (event: SignatureFocusEvent) => void;
+    /**
+     * The event handler that will be fired when Signature is blurred.
+     */
+    onBlur?: (event: SignatureBlurEvent) => void;
+    /**
+     * The event handler that will be fired when Signature popup is open.
+     */
+    onOpen?: (event: SignatureOpenEvent) => void;
+    /**
+     * The event handler that will be fired when Signature popup is closed.
+     */
+    onClose?: (event: SignatureCloseEvent) => void;
+    /** @hidden */
+    children?: React.ReactNode;
+    /** @hidden */
+    maximized?: boolean;
+}

package/dist/es/signature/interfaces/SignatureProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/signature/interfaces/index.d.ts

@@ -0,0 +1,7 @@
+export { SignatureBlurEvent } from './SignatureBlurEvent';
+export { SignatureChangeEvent } from './SignatureChangeEvent';
+export { SignatureCloseEvent } from './SignatureCloseEvent';
+export { SignatureFocusEvent } from './SignatureFocusEvent';
+export { SignatureHandle } from './SignatureHandle';
+export { SignatureOpenEvent } from './SignatureOpenEvent';
+export { SignatureProps } from './SignatureProps';

package/dist/es/signature/interfaces/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/signature/utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @hidden
+ */
+export declare function hasParent(element: any, parent: any): boolean;

package/dist/es/signature/utils/index.js

@@ -0,0 +1,10 @@
+/**
+ * @hidden
+ */
+export function hasParent(element, parent) {
+    var current = element;
+    while (current && current !== parent) {
+        current = current.parentNode;
+    }
+    return current ? true : false;
+}

package/dist/npm/colors/ColorPalette.d.ts

@@ -28,7 +28,7 @@ export declare class ColorPaletteWithoutContext extends React.Component<ColorPal
      * @hidden
      */
     static propTypes: {
-        palette: PropTypes.Requireable<string | string[]>;
+        palette: PropTypes.Requireable<NonNullable<string | string[] | null | undefined>>;
         columns: PropTypes.Requireable<number>;
         tileSize: PropTypes.Requireable<any>;
         defaultValue: PropTypes.Requireable<string>;

package/dist/npm/main.d.ts

@@ -50,6 +50,8 @@ export * from './textarea/interfaces/TextAreaFocusEvent';
 export * from './rating/Rating';
 export * from './rating/RatingItem';
 export * from './rating/models/index';
+export * from './signature/Signature';
+export * from './signature/interfaces';
 export { TextBox, TextBoxProps, TextBoxHandle, TextBoxChangeEvent } from './textbox/Textbox';
 export { InputClearValue, InputClearValueProps, InputClearValueHandle } from './input/InputClearValue';
 export { InputPrefix, InputPrefixProps, InputPrefixHandle } from './input/InputPrefix';

package/dist/npm/main.js

@@ -75,6 +75,8 @@ __exportStar(require("./textarea/interfaces/TextAreaFocusEvent"), exports);
 __exportStar(require("./rating/Rating"), exports);
 __exportStar(require("./rating/RatingItem"), exports);
 __exportStar(require("./rating/models/index"), exports);
+__exportStar(require("./signature/Signature"), exports);
+__exportStar(require("./signature/interfaces"), exports);
 var Textbox_1 = require("./textbox/Textbox");
 Object.defineProperty(exports, "TextBox", { enumerable: true, get: function () { return Textbox_1.TextBox; } });
 var InputClearValue_1 = require("./input/InputClearValue");

package/dist/npm/maskedtextbox/MaskedTextBox.d.ts

@@ -26,7 +26,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         className: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
-        width: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         tabIndex: PropTypes.Requireable<number>;
         accessKey: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;

package/dist/npm/messages/index.d.ts

@@ -102,6 +102,18 @@ export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownB
  * @hidden
  */
 export declare const ratingAriaLabel = "rating.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const signatureClear = "signature.clear";
+/**
+ * @hidden
+ */
+export declare const signatureMaximize = "signature.maximize";
+/**
+ * @hidden
+ */
+export declare const signatureMinimize = "signature.minimize";
 /**
  * @hidden
  */
@@ -132,4 +144,7 @@ export declare const messages: {
     "switch.validation": string;
     "colorPicker.dropdownButtonAriaLabel": string;
     "rating.ariaLabel": string;
+    "signature.clear": string;
+    "signature.maximize": string;
+    "signature.minimize": string;
 };

package/dist/npm/messages/index.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.ratingAriaLabel = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientToggleInputsButton = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
+exports.messages = exports.signatureMinimize = exports.signatureMaximize = exports.signatureClear = exports.ratingAriaLabel = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientToggleInputsButton = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
 /**
  * @hidden
  */
@@ -106,6 +106,18 @@ exports.colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaLabe
  * @hidden
  */
 exports.ratingAriaLabel = 'rating.ariaLabel';
+/**
+ * @hidden
+ */
+exports.signatureClear = 'signature.clear';
+/**
+ * @hidden
+ */
+exports.signatureMaximize = 'signature.maximize';
+/**
+ * @hidden
+ */
+exports.signatureMinimize = 'signature.minimize';
 /**
  * @hidden
  */
@@ -136,4 +148,7 @@ exports.messages = (_a = {},
     _a[exports.switchValidation] = 'Please turn on if you want to proceed!',
     _a[exports.colorPickerDropdownButtonAriaLabel] = 'Select',
     _a[exports.ratingAriaLabel] = 'Rating',
+    _a[exports.signatureClear] = 'Clear',
+    _a[exports.signatureMaximize] = 'Maximize',
+    _a[exports.signatureMinimize] = 'Minimize',
     _a);

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1661926871,
+    publishDate: 1662550544,
     version: '',
     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'
 };

package/dist/npm/signature/Signature.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SignatureHandle } from './interfaces/SignatureHandle';
+import { SignatureProps } from './interfaces/SignatureProps';
+/**
+ * Represents the PropsContext of the `Signature` component.
+ * Used for global configuration of all `Signature` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const SignaturePropsContext: React.Context<(p: SignatureProps) => SignatureProps>;
+/**
+ * Represents the [KendoReact Signature component]({% slug overview_signature %}).
+ */
+export declare const Signature: React.ForwardRefExoticComponent<SignatureProps & React.RefAttributes<SignatureHandle | null>>;