@progress/kendo-react-inputs 9.3.1 → 9.4.0-develop.10

package/index.d.mts

@@ -344,6 +344,26 @@ export declare interface ColorGradientProps {
      * Represents the focus event.
      */
     onFocus?: (event: any) => void;
+    /**
+     * Configures the `size` of the ColorGradient.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`—This option removes the the built-in size styles of the ColorGradient. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * @hidden
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline';
+    /**
+     * @hidden
+     */
+    _adaptive?: boolean;
 }
 
 /**
@@ -388,6 +408,7 @@ export declare class ColorGradientWithoutContext extends React_2.Component<Color
         ariaLabelledBy: default_2.Requireable<string>;
         ariaDescribedBy: default_2.Requireable<string>;
         className: default_2.Requireable<string>;
+        size: default_2.Requireable<string | null>;
     };
     /**
      * @hidden
@@ -396,6 +417,7 @@ export declare class ColorGradientWithoutContext extends React_2.Component<Color
         opacity: boolean;
         role: string;
         format: "hex" | "rgba" | "rgb";
+        size: string;
     };
     /**
      * @hidden
@@ -550,6 +572,8 @@ declare interface ColorInputProps {
     opacity: boolean;
     disabled?: boolean;
     defaultInputMode?: 'rgba' | 'rgb' | 'hex';
+    size?: 'small' | 'medium' | 'large' | null;
+    fillMode?: 'solid' | 'outline' | 'flat' | null;
 }
 
 /** @hidden */
@@ -672,6 +696,18 @@ export declare interface ColorPaletteProps {
      * Sets additional classes to the ColorPalette.
      */
     className?: string;
+    /**
+     * Configures the `size` of the ColorPalette.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the ColorPalette. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
 }
 
 /**
@@ -711,6 +747,7 @@ export declare class ColorPaletteWithoutContext extends React_2.Component<ColorP
         ariaLabelledBy: default_2.Requireable<string>;
         ariaDescribedBy: default_2.Requireable<string>;
         className: default_2.Requireable<string>;
+        size: default_2.Requireable<string | null>;
     };
     /**
      * @hidden
@@ -718,6 +755,7 @@ export declare class ColorPaletteWithoutContext extends React_2.Component<ColorP
     static defaultProps: {
         palette: string;
         tileSize: number;
+        size: string;
     };
     /**
      * @hidden
@@ -793,6 +831,10 @@ declare interface ColorPickerActiveColorClick {
      * A native DOM event.
      */
     nativeEvent: any;
+    /**
+     * The event target.
+     */
+    target: ColorPickerHandle;
 }
 
 /**
@@ -825,6 +867,10 @@ export declare interface ColorPickerChangeEvent {
      * A native DOM event.
      */
     nativeEvent: any;
+    /**
+     * The event target.
+     */
+    target: ColorPickerHandle;
 }
 
 /**
@@ -858,6 +904,10 @@ export declare interface ColorPickerGradientSettings {
      * Currently, only the RGBA format is supported.
      */
     backgroundColor?: string;
+    /**
+     * @hidden
+     */
+    _adaptive?: boolean;
 }
 
 /**
@@ -949,10 +999,24 @@ export declare interface ColorPickerProps {
      */
     title?: string;
     /**
-     * Sets the view which the ColorPicker will render in the popup
-     * ([see example]({% slug combinedview_colorpicker %})).
+     * **Deprecated**. Use `views` prop instead.
+     *
+     * @deprecated
      */
     view?: ColorPickerView;
+    /**
+     * Specifies the views that will be rendered in the popup. By default both the gradient and palette views will be rendered.
+     *
+     * @default ['gradient', 'palette']`
+     */
+    views?: ColorPickerView[];
+    /**
+     * Sets the initially active view in the popup when both 'gradient' and 'palette' views are rendered.
+     * Use with the `views` property.
+     *
+     * @default 'gradient''
+     */
+    activeView?: ColorPickerView;
     /**
      * Represents the `dir` HTML attribute.
      */
@@ -983,6 +1047,10 @@ export declare interface ColorPickerProps {
      * ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-palette-popup)).
      */
     paletteSettings?: ColorPickerPaletteSettings;
+    /**
+     * Configures the FlatColorPicker that is displayed in the ColorPicker popup via `views` property.
+     */
+    flatColorPickerSettings?: FlatColorPickerProps;
     /**
      * Configures the popup of the ColorPicker.
      */
@@ -1028,10 +1096,10 @@ export declare interface ColorPickerProps {
      * Configures the `size` of the ColorPicker.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the ColorPicker. Allows for custom `padding`.
      *
      * @default `medium`
      */
@@ -1065,6 +1133,14 @@ export declare interface ColorPickerProps {
      * Sets additional classes to the ColorPicker.
      */
     className?: string;
+    /**
+     * Providing different rendering of the popup element based on the screen dimensions.
+     */
+    adaptive?: boolean;
+    /**
+     * Specifies the text that is rendered as title in the adaptive popup.
+     */
+    adaptiveTitle?: string;
 }
 
 /**
@@ -1077,12 +1153,12 @@ export declare const ColorPickerPropsContext: React_2.Context<(p: ColorPickerPro
 
 /**
  * Specifies the view which the ColorPicker will render in the popup
- * ([see example]({% slug combinedview_colorpicker %})).
+ * ([see example]({% slug views_colorpicker %})).
  *
  * The possible values are:
- * * (Default) `palette`
+ * * `palette`
  * * `gradient`
- * * `combo`
+ * * **Deprecated** `combo`
  */
 export declare type ColorPickerView = 'gradient' | 'palette' | 'combo';
 
@@ -1205,9 +1281,24 @@ export declare interface FlatColorPickerProps {
      */
     disabled?: boolean;
     /**
-     * Sets the FlatColorPicker view. The default is `ColorGradient`.
+     * **Deprecated**. Use `views` prop instead.
+     *
+     * @deprecated
      */
     view?: 'ColorGradient' | 'ColorPalette' | undefined;
+    /**
+     * Specifies the views that will be rendered. By default both the gradient and palette views will be rendered.
+     *
+     * @default ['gradient', 'palette']`
+     */
+    views?: ColorPickerView[];
+    /**
+     * Sets the initially active view when both 'gradient' and 'palette' views are rendered.
+     * Use with the `views` property.
+     *
+     * @default 'gradient''
+     */
+    activeView?: ColorPickerView;
     /**
      * Sets custom header component.
      */
@@ -1224,6 +1315,22 @@ export declare interface FlatColorPickerProps {
      * Specifies whether action buttons will be rendered in the footer.
      */
     showButtons?: boolean;
+    /**
+     * Configures the `size` of the FlatColorPicker.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the FlatColorPicker. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * @hidden
+     */
+    _gradientSettings?: ColorPickerGradientSettings;
 }
 
 export { FormComponentValidity }
@@ -1443,6 +1550,7 @@ export declare const inputsMessages: {
     "flatColorPicker.colorGradientBtn": string;
     "flatColorPicker.colorPaletteBtn": string;
     "flatColorPicker.clearBtn": string;
+    "colorPicker.adaptiveTitle": string;
     "checkbox.validation": string;
     "checkbox.optionalText": string;
     "radioButton.validation": string;

package/index.d.ts

@@ -344,6 +344,26 @@ export declare interface ColorGradientProps {
      * Represents the focus event.
      */
     onFocus?: (event: any) => void;
+    /**
+     * Configures the `size` of the ColorGradient.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`—This option removes the the built-in size styles of the ColorGradient. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * @hidden
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline';
+    /**
+     * @hidden
+     */
+    _adaptive?: boolean;
 }
 
 /**
@@ -388,6 +408,7 @@ export declare class ColorGradientWithoutContext extends React_2.Component<Color
         ariaLabelledBy: default_2.Requireable<string>;
         ariaDescribedBy: default_2.Requireable<string>;
         className: default_2.Requireable<string>;
+        size: default_2.Requireable<string | null>;
     };
     /**
      * @hidden
@@ -396,6 +417,7 @@ export declare class ColorGradientWithoutContext extends React_2.Component<Color
         opacity: boolean;
         role: string;
         format: "hex" | "rgba" | "rgb";
+        size: string;
     };
     /**
      * @hidden
@@ -550,6 +572,8 @@ declare interface ColorInputProps {
     opacity: boolean;
     disabled?: boolean;
     defaultInputMode?: 'rgba' | 'rgb' | 'hex';
+    size?: 'small' | 'medium' | 'large' | null;
+    fillMode?: 'solid' | 'outline' | 'flat' | null;
 }
 
 /** @hidden */
@@ -672,6 +696,18 @@ export declare interface ColorPaletteProps {
      * Sets additional classes to the ColorPalette.
      */
     className?: string;
+    /**
+     * Configures the `size` of the ColorPalette.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the ColorPalette. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
 }
 
 /**
@@ -711,6 +747,7 @@ export declare class ColorPaletteWithoutContext extends React_2.Component<ColorP
         ariaLabelledBy: default_2.Requireable<string>;
         ariaDescribedBy: default_2.Requireable<string>;
         className: default_2.Requireable<string>;
+        size: default_2.Requireable<string | null>;
     };
     /**
      * @hidden
@@ -718,6 +755,7 @@ export declare class ColorPaletteWithoutContext extends React_2.Component<ColorP
     static defaultProps: {
         palette: string;
         tileSize: number;
+        size: string;
     };
     /**
      * @hidden
@@ -793,6 +831,10 @@ declare interface ColorPickerActiveColorClick {
      * A native DOM event.
      */
     nativeEvent: any;
+    /**
+     * The event target.
+     */
+    target: ColorPickerHandle;
 }
 
 /**
@@ -825,6 +867,10 @@ export declare interface ColorPickerChangeEvent {
      * A native DOM event.
      */
     nativeEvent: any;
+    /**
+     * The event target.
+     */
+    target: ColorPickerHandle;
 }
 
 /**
@@ -858,6 +904,10 @@ export declare interface ColorPickerGradientSettings {
      * Currently, only the RGBA format is supported.
      */
     backgroundColor?: string;
+    /**
+     * @hidden
+     */
+    _adaptive?: boolean;
 }
 
 /**
@@ -949,10 +999,24 @@ export declare interface ColorPickerProps {
      */
     title?: string;
     /**
-     * Sets the view which the ColorPicker will render in the popup
-     * ([see example]({% slug combinedview_colorpicker %})).
+     * **Deprecated**. Use `views` prop instead.
+     *
+     * @deprecated
      */
     view?: ColorPickerView;
+    /**
+     * Specifies the views that will be rendered in the popup. By default both the gradient and palette views will be rendered.
+     *
+     * @default ['gradient', 'palette']`
+     */
+    views?: ColorPickerView[];
+    /**
+     * Sets the initially active view in the popup when both 'gradient' and 'palette' views are rendered.
+     * Use with the `views` property.
+     *
+     * @default 'gradient''
+     */
+    activeView?: ColorPickerView;
     /**
      * Represents the `dir` HTML attribute.
      */
@@ -983,6 +1047,10 @@ export declare interface ColorPickerProps {
      * ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-palette-popup)).
      */
     paletteSettings?: ColorPickerPaletteSettings;
+    /**
+     * Configures the FlatColorPicker that is displayed in the ColorPicker popup via `views` property.
+     */
+    flatColorPickerSettings?: FlatColorPickerProps;
     /**
      * Configures the popup of the ColorPicker.
      */
@@ -1028,10 +1096,10 @@ export declare interface ColorPickerProps {
      * Configures the `size` of the ColorPicker.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the ColorPicker. Allows for custom `padding`.
      *
      * @default `medium`
      */
@@ -1065,6 +1133,14 @@ export declare interface ColorPickerProps {
      * Sets additional classes to the ColorPicker.
      */
     className?: string;
+    /**
+     * Providing different rendering of the popup element based on the screen dimensions.
+     */
+    adaptive?: boolean;
+    /**
+     * Specifies the text that is rendered as title in the adaptive popup.
+     */
+    adaptiveTitle?: string;
 }
 
 /**
@@ -1077,12 +1153,12 @@ export declare const ColorPickerPropsContext: React_2.Context<(p: ColorPickerPro
 
 /**
  * Specifies the view which the ColorPicker will render in the popup
- * ([see example]({% slug combinedview_colorpicker %})).
+ * ([see example]({% slug views_colorpicker %})).
  *
  * The possible values are:
- * * (Default) `palette`
+ * * `palette`
  * * `gradient`
- * * `combo`
+ * * **Deprecated** `combo`
  */
 export declare type ColorPickerView = 'gradient' | 'palette' | 'combo';
 
@@ -1205,9 +1281,24 @@ export declare interface FlatColorPickerProps {
      */
     disabled?: boolean;
     /**
-     * Sets the FlatColorPicker view. The default is `ColorGradient`.
+     * **Deprecated**. Use `views` prop instead.
+     *
+     * @deprecated
      */
     view?: 'ColorGradient' | 'ColorPalette' | undefined;
+    /**
+     * Specifies the views that will be rendered. By default both the gradient and palette views will be rendered.
+     *
+     * @default ['gradient', 'palette']`
+     */
+    views?: ColorPickerView[];
+    /**
+     * Sets the initially active view when both 'gradient' and 'palette' views are rendered.
+     * Use with the `views` property.
+     *
+     * @default 'gradient''
+     */
+    activeView?: ColorPickerView;
     /**
      * Sets custom header component.
      */
@@ -1224,6 +1315,22 @@ export declare interface FlatColorPickerProps {
      * Specifies whether action buttons will be rendered in the footer.
      */
     showButtons?: boolean;
+    /**
+     * Configures the `size` of the FlatColorPicker.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the FlatColorPicker. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * @hidden
+     */
+    _gradientSettings?: ColorPickerGradientSettings;
 }
 
 export { FormComponentValidity }
@@ -1443,6 +1550,7 @@ export declare const inputsMessages: {
     "flatColorPicker.colorGradientBtn": string;
     "flatColorPicker.colorPaletteBtn": string;
     "flatColorPicker.clearBtn": string;
+    "colorPicker.adaptiveTitle": string;
     "checkbox.validation": string;
     "checkbox.optionalText": string;
     "radioButton.validation": string;

package/index.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./colors/ColorInput.js"),t=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),q=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),h=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),B=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),c=require("./slider/SliderLabel.js"),k=require("./numerictextbox/utils/index.js"),x=require("./range-slider/range-raducer.js"),l=require("./range-slider/RangeSlider.js"),C=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),R=require("./textarea/TextArea.js"),I=require("./rating/Rating.js"),A=require("./rating/RatingItem.js"),S=require("./rating/rating-reducer.js"),e=require("./rating/utils/index.js"),T=require("./signature/Signature.js"),m=require("./textbox/Textbox.js"),E=require("./input/InputClearValue.js"),G=require("./input/InputPrefix.js"),N=require("./input/InputSeparator.js"),b=require("./input/InputSuffix.js"),f=require("./input/InputValidationIcon.js");exports.ColorInput=g;exports.inputsMessages=t.messages;exports.numericDecreaseValue=t.numericDecreaseValue;exports.numericIncreaseValue=t.numericIncreaseValue;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=q.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=h.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBox=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=B.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=c.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=c.SliderLabel;exports.sanitizeNumber=k.sanitizeNumber;exports.RANGE_ACTION=x.RANGE_ACTION;exports.rangeReducer=x.rangeReducer;exports.RangeSlider=l.RangeSlider;exports.RangeSliderPropsContext=l.RangeSliderPropsContext;exports.Switch=C.Switch;exports.SwitchWithoutContext=C.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=R.TextArea;exports.TextAreaPropsContext=R.TextAreaPropsContext;exports.Rating=I.Rating;exports.RatingPropsContext=I.RatingPropsContext;exports.RatingItem=A.RatingItem;exports.RATING_ACTION=S.RATING_ACTION;exports.ratingReducer=S.ratingReducer;exports.isCorrectValue=e.isCorrectValue;exports.isHalf=e.isHalf;exports.isSelected=e.isSelected;exports.toRound=e.toRound;exports.Signature=T.Signature;exports.SignaturePropsContext=T.SignaturePropsContext;exports.TextBox=m.TextBox;exports.InputClearValue=E.InputClearValue;exports.InputPrefix=G.InputPrefix;exports.InputSeparator=N.InputSeparator;exports.InputSuffix=b.InputSuffix;exports.InputValidationIcon=f.InputValidationIcon;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./colors/ColorInput.js"),t=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),q=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),h=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),B=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),x=require("./slider/SliderLabel.js"),k=require("./numerictextbox/utils/index.js"),c=require("./range-slider/range-raducer.js"),l=require("./range-slider/RangeSlider.js"),C=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),R=require("./textarea/TextArea.js"),I=require("./rating/Rating.js"),A=require("./rating/RatingItem.js"),S=require("./rating/rating-reducer.js"),e=require("./rating/utils/index.js"),T=require("./signature/Signature.js"),m=require("./textbox/Textbox.js"),E=require("./input/InputClearValue.js"),G=require("./input/InputPrefix.js"),N=require("./input/InputSeparator.js"),b=require("./input/InputSuffix.js"),f=require("./input/InputValidationIcon.js");exports.ColorInput=g;exports.inputsMessages=t.messages;exports.numericDecreaseValue=t.numericDecreaseValue;exports.numericIncreaseValue=t.numericIncreaseValue;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=q.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=h.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBox=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=B.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=x.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=x.SliderLabel;exports.sanitizeNumber=k.sanitizeNumber;exports.RANGE_ACTION=c.RANGE_ACTION;exports.rangeReducer=c.rangeReducer;exports.RangeSlider=l.RangeSlider;exports.RangeSliderPropsContext=l.RangeSliderPropsContext;exports.Switch=C.Switch;exports.SwitchWithoutContext=C.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=R.TextArea;exports.TextAreaPropsContext=R.TextAreaPropsContext;exports.Rating=I.Rating;exports.RatingPropsContext=I.RatingPropsContext;exports.RatingItem=A.RatingItem;exports.RATING_ACTION=S.RATING_ACTION;exports.ratingReducer=S.ratingReducer;exports.isCorrectValue=e.isCorrectValue;exports.isHalf=e.isHalf;exports.isSelected=e.isSelected;exports.toRound=e.toRound;exports.Signature=T.Signature;exports.SignaturePropsContext=T.SignaturePropsContext;exports.TextBox=m.TextBox;exports.InputClearValue=E.InputClearValue;exports.InputPrefix=G.InputPrefix;exports.InputSeparator=N.InputSeparator;exports.InputSuffix=b.InputSuffix;exports.InputValidationIcon=f.InputValidationIcon;

package/index.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { default as e } from "./colors/ColorInput.mjs";
+import { default as r } from "./colors/ColorInput.mjs";
 import { messages as x, numericDecreaseValue as p, numericIncreaseValue as n } from "./messages/index.mjs";
 import { ColorGradient as i, ColorGradientPropsContext as m, ColorGradientWithoutContext as f } from "./colors/ColorGradient.mjs";
 import { ColorPalette as C, ColorPalettePropsContext as s, ColorPaletteWithoutContext as l } from "./colors/ColorPalette.mjs";
@@ -25,7 +25,7 @@ import { RangeSlider as v, RangeSliderPropsContext as y } from "./range-slider/R
 import { Switch as K, SwitchWithoutContext as Q } from "./switch/Switch.mjs";
 import { Checkbox as Y, CheckboxPropsContext as Z } from "./checkbox/Checkbox.mjs";
 import { RadioGroup as oo, RadioGroupPropsContext as to } from "./radiobutton/RadioGroup.mjs";
-import { RadioButton as ro, RadioButtonPropsContext as xo } from "./radiobutton/RadioButton.mjs";
+import { RadioButton as eo, RadioButtonPropsContext as xo } from "./radiobutton/RadioButton.mjs";
 import { TextArea as no, TextAreaPropsContext as ao } from "./textarea/TextArea.mjs";
 import { Rating as mo, RatingPropsContext as fo } from "./rating/Rating.mjs";
 import { RatingItem as Co } from "./rating/RatingItem.mjs";
@@ -44,7 +44,7 @@ export {
   i as ColorGradient,
   m as ColorGradientPropsContext,
   f as ColorGradientWithoutContext,
-  e as ColorInput,
+  r as ColorInput,
   C as ColorPalette,
   s as ColorPalettePropsContext,
   l as ColorPaletteWithoutContext,
@@ -65,7 +65,7 @@ export {
   P as PALETTEPRESETS,
   U as RANGE_ACTION,
   lo as RATING_ACTION,
-  ro as RadioButton,
+  eo as RadioButton,
   xo as RadioButtonPropsContext,
   oo as RadioGroup,
   to as RadioGroupPropsContext,

package/input/Input.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common"),X=require("@progress/kendo-react-labels"),Y=require("../package-metadata.js");function Z(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const u in s)if(u!=="default"){const c=Object.getOwnPropertyDescriptor(s,u);Object.defineProperty(o,u,c.get?c:{enumerable:!0,get:()=>s[u]})}}return o.default=s,Object.freeze(o)}const r=Z(W),m=r.forwardRef((s,o)=>{const c=r.useContext(O).call(void 0,s);l.validatePackage(Y.packageMetadata);const[,R]=r.useReducer(t=>t,!0),n=l.applyDefaultProps(c,$),{className:N,label:p,labelClassName:x,id:E,validationMessage:h,defaultValue:S,valid:C,unstyled:V,visited:ee,touched:te,modified:ae,autoFocus:q,ariaLabelledBy:w,ariaDescribedBy:D,validityStyles:I,style:P,ariaLabel:F,...U}=n,j=l.useUnstyled(),f=V||j,B=f&&f.uInput,T=l.useId(),[_,A]=r.useState({value:S}),M=E||T,e=r.useRef(null),d=r.useRef(void 0),y=r.useRef(null),G=()=>{e.current&&e.current.focus()},g=()=>d.current!==void 0?d.current:n.value!==void 0?n.value:_.value,v=()=>{const t={badInput:e.current?e.current.validity.badInput:!1,patternMismatch:e.current?e.current.validity.patternMismatch:!1,rangeOverflow:e.current?e.current.validity.rangeOverflow:!1,rangeUnderflow:e.current?e.current.validity.rangeUnderflow:!1,stepMismatch:e.current?e.current.validity.stepMismatch:!1,tooLong:e.current?e.current.validity.tooLong:!1,typeMismatch:e.current?e.current.validity.typeMismatch:!1,valueMissing:e.current?e.current.validity.valueMissing:!1};return{...t,customError:h!==void 0,valid:C!==void 0?C:e.current?!H(t):!0}};r.useImperativeHandle(y,()=>({element:e.current,props:n,get value(){return g()},name:n.name,get validity(){return v()},focus:G})),r.useImperativeHandle(o,()=>y.current);const H=t=>{let i=!1;for(const L in t)t.hasOwnProperty(L)&&(i=i||!!t[L]);return i},b=!I||v().valid,z=l.classNames(N,l.uInput.input({c:B,invalid:!b,disabled:n.disabled})),K=()=>{e.current&&e.current.setCustomValidity&&(v().valid||!I?e.current.classList.remove("k-invalid"):e.current.classList.add("k-invalid"),e.current.setCustomValidity(v().valid?"":h||""))},J=t=>{A({value:t.target.value}),d.current=t.target.value,n.onChange&&n.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:y.current}),d.current=void 0},Q=t=>{if(t.animationName==="autoFillStart"){const i=t.target.parentNode;i&&i.classList.contains("k-empty")&&i.classList.remove("k-empty")}};r.useEffect(()=>{R()},[]),r.useEffect(()=>{K()});const k=r.createElement("input",{"aria-labelledby":w,"aria-describedby":D,"aria-disabled":n.disabled||void 0,"aria-invalid":!b||void 0,"aria-label":F||void 0,...U,style:p?void 0:P,value:g(),id:M,autoFocus:q,className:z,onChange:J,onAnimationStart:Q,ref:e});return p?r.createElement(X.FloatingLabel,{label:p,labelClassName:x,editorId:M,editorValue:String(g()),editorValid:b,editorDisabled:n.disabled,editorPlaceholder:n.placeholder,children:k,style:P,dir:n.dir,unstyled:f}):k}),O=l.createPropsContext(),$={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};m.displayName="KendoReactInput";m.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,autoFocus:a.bool,value:a.oneOfType([a.string,a.number,a.array])};exports.Input=m;exports.InputPropsContext=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common"),X=require("@progress/kendo-react-labels"),Y=require("../package-metadata.js");function Z(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const u in s)if(u!=="default"){const c=Object.getOwnPropertyDescriptor(s,u);Object.defineProperty(o,u,c.get?c:{enumerable:!0,get:()=>s[u]})}}return o.default=s,Object.freeze(o)}const r=Z(W),m=r.forwardRef((s,o)=>{const c=r.useContext(O).call(void 0,s);l.validatePackage(Y.packageMetadata);const[,R]=r.useReducer(t=>t,!0),n=l.applyDefaultProps(c,$),{className:N,label:p,labelClassName:x,id:E,validationMessage:h,defaultValue:S,valid:C,unstyled:V,visited:ee,touched:te,modified:ae,autoFocus:q,ariaLabelledBy:w,ariaDescribedBy:D,validityStyles:I,style:P,ariaLabel:F,...U}=n,j=l.useUnstyled(),f=V||j,B=f&&f.uInput,T=l.useId(),[_,A]=r.useState({value:S}),M=E||T,e=r.useRef(null),d=r.useRef(void 0),y=r.useRef(null),G=()=>{e.current&&e.current.focus()},g=()=>d.current!==void 0?d.current:n.value!==void 0?n.value:_.value,v=()=>{const t={badInput:e.current?e.current.validity.badInput:!1,patternMismatch:e.current?e.current.validity.patternMismatch:!1,rangeOverflow:e.current?e.current.validity.rangeOverflow:!1,rangeUnderflow:e.current?e.current.validity.rangeUnderflow:!1,stepMismatch:e.current?e.current.validity.stepMismatch:!1,tooLong:e.current?e.current.validity.tooLong:!1,typeMismatch:e.current?e.current.validity.typeMismatch:!1,valueMissing:e.current?e.current.validity.valueMissing:!1};return{...t,customError:h!==void 0,valid:C!==void 0?C:e.current?!H(t):!0}};r.useImperativeHandle(y,()=>({element:e.current,props:n,get value(){return g()},name:n.name,get validity(){return v()},focus:G})),r.useImperativeHandle(o,()=>y.current);const H=t=>{let i=!1;for(const L in t)t.hasOwnProperty(L)&&(i=i||!!t[L]);return i},b=!I||v().valid,z=l.classNames(N,l.uInput.input({c:B,invalid:!b,disabled:n.disabled})),K=()=>{e.current&&e.current.setCustomValidity&&(v().valid||!I?e.current.classList.remove("k-invalid"):e.current.classList.add("k-invalid"),e.current.setCustomValidity(v().valid?"":h||""))},J=t=>{A({value:t.target.value}),d.current=t.target.value,n.onChange&&n.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:y.current}),d.current=void 0},Q=t=>{if(t.animationName==="autoFillStart"){const i=t.target.parentNode;i&&i.classList.contains("k-empty")&&i.classList.remove("k-empty")}};r.useEffect(()=>{R()},[]),r.useEffect(()=>{K()});const k=r.createElement("input",{"aria-labelledby":w,"aria-describedby":D,"aria-disabled":n.disabled||void 0,"aria-invalid":!b||void 0,"aria-label":F||void 0,...U,style:p?void 0:P,value:g(),id:M,autoFocus:q,className:z,onChange:J,onAnimationStart:Q,ref:e});return p?r.createElement(X.FloatingLabel,{label:p,labelClassName:x,editorId:M,editorValue:String(g()),editorValid:b,editorDisabled:n.disabled,editorPlaceholder:n.placeholder,children:k,style:P,dir:n.dir,unstyled:f}):k}),O=l.createPropsContext(),$={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};m.displayName="KendoReactInput";m.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,autoFocus:a.bool,value:a.oneOfType([a.string,a.number,a.array])};exports.Input=m;exports.InputPropsContext=O;

package/input/Input.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as r from "react";
 import a from "prop-types";
 import { validatePackage as J, applyDefaultProps as Q, useUnstyled as W, useId as X, classNames as Y, uInput as Z, createPropsContext as _ } from "@progress/kendo-react-common";
@@ -36,9 +35,9 @@ const C = r.forwardRef((I, L) => {
     ...B
   } = i, D = W(), u = R || D, O = u && u.uInput, S = X(), [T, q] = r.useState({
     value: k
-  }), g = N || S, e = r.useRef(null), s = r.useRef(void 0), c = r.useRef(null), A = () => {
+  }), g = N || S, e = r.useRef(null), s = r.useRef(void 0), d = r.useRef(null), A = () => {
     e.current && e.current.focus();
-  }, d = () => s.current !== void 0 ? s.current : i.value !== void 0 ? i.value : T.value, l = () => {
+  }, c = () => s.current !== void 0 ? s.current : i.value !== void 0 ? i.value : T.value, l = () => {
     const t = {
       badInput: e.current ? e.current.validity.badInput : !1,
       patternMismatch: e.current ? e.current.validity.patternMismatch : !1,
@@ -55,18 +54,18 @@ const C = r.forwardRef((I, L) => {
       valid: f !== void 0 ? f : e.current ? !G(t) : !0
     };
   };
-  r.useImperativeHandle(c, () => ({
+  r.useImperativeHandle(d, () => ({
     element: e.current,
     props: i,
     get value() {
-      return d();
+      return c();
     },
     name: i.name,
     get validity() {
       return l();
     },
     focus: A
-  })), r.useImperativeHandle(L, () => c.current);
+  })), r.useImperativeHandle(L, () => d.current);
   const G = (t) => {
     let n = !1;
     for (const h in t)
@@ -88,7 +87,7 @@ const C = r.forwardRef((I, L) => {
       syntheticEvent: t,
       nativeEvent: t.nativeEvent,
       value: t.target.value,
-      target: c.current
+      target: d.current
     }), s.current = void 0;
   }, z = (t) => {
     if (t.animationName === "autoFillStart") {
@@ -111,7 +110,7 @@ const C = r.forwardRef((I, L) => {
       "aria-label": U || void 0,
       ...B,
       style: o ? void 0 : y,
-      value: d(),
+      value: c(),
       id: g,
       autoFocus: V,
       className: H,
@@ -126,7 +125,7 @@ const C = r.forwardRef((I, L) => {
       label: o,
       labelClassName: E,
       editorId: g,
-      editorValue: String(d()),
+      editorValue: String(c()),
       editorValid: v,
       editorDisabled: i.disabled,
       editorPlaceholder: i.placeholder,

package/input/InputClearValue.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),r=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=m(i),l=n.forwardRef((e,a)=>{const t=n.useRef(null),u=n.useRef(null),s=r.useUnstyled(),c=s&&s.uInput,o=r.classNames(r.uInput.clearButton({c}),e.className);return n.useImperativeHandle(t,()=>({element:u.current})),n.useImperativeHandle(a,()=>t.current),n.createElement("span",{...e,className:o})});l.displayName="KendoReactInputClearValue";exports.InputClearValue=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),r=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=m(i),l=n.forwardRef((e,a)=>{const t=n.useRef(null),u=n.useRef(null),s=r.useUnstyled(),c=s&&s.uInput,o=r.classNames(r.uInput.clearButton({c}),e.className);return n.useImperativeHandle(t,()=>({element:u.current})),n.useImperativeHandle(a,()=>t.current),n.createElement("span",{...e,className:o})});l.displayName="KendoReactInputClearValue";exports.InputClearValue=l;