@progress/kendo-react-inputs 5.15.0-dev.202307180734 → 5.15.0-dev.202307181521

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.
@@ -5,6 +5,7 @@ import { ColorPickerProps } from './interfaces/ColorPickerProps';
5
5
  */
6
6
  export interface ColorPickerHandle {
7
7
  element: HTMLSpanElement | null;
8
+ value?: string;
8
9
  }
9
10
  /**
10
11
  * Represents the PropsContext of the `ColorPicker` component.
@@ -71,6 +71,13 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
71
71
  var paletteRef = React.useRef(null);
72
72
  var blurTimeoutRef = React.useRef();
73
73
  var buttonRef = React.useRef(null);
74
+ var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
75
+ var _f = React.useState(props.defaultValue), stateValue = _f[0], setStateValue = _f[1];
76
+ var _g = React.useState(false), stateOpen = _g[0], setStateOpen = _g[1];
77
+ var isValueControlled = isControlled(props.value);
78
+ var isOpenControlled = isControlled(props.open);
79
+ var value = isValueControlled ? props.value : stateValue;
80
+ var open = isOpenControlled ? props.open : stateOpen;
74
81
  var focusElement = React.useCallback(function () {
75
82
  if (focusableElementRef.current) {
76
83
  focusableElementRef.current.focus();
@@ -80,15 +87,9 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
80
87
  // we agreed that each element will have focus method exposed
81
88
  element: focusableElementRef.current,
82
89
  actionElement: buttonRef.current,
90
+ value: value,
83
91
  focus: focusElement
84
- }); });
85
- var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
86
- var _f = React.useState(props.defaultValue), stateValue = _f[0], setStateValue = _f[1];
87
- var _g = React.useState(false), stateOpen = _g[0], setStateOpen = _g[1];
88
- var isValueControlled = isControlled(props.value);
89
- var isOpenControlled = isControlled(props.open);
90
- var value = isValueControlled ? props.value : stateValue;
91
- var open = isOpenControlled ? props.open : stateOpen;
92
+ }); }, [value, focusElement]);
92
93
  var setOpen = React.useCallback(function (nextOpen, isBlur) {
93
94
  if (!isOpenControlled) {
94
95
  if (!nextOpen && !isBlur && focusableElementRef && focusableElementRef.current) {
@@ -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: 1689663747,
8
+ publishDate: 1689691910,
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
  };
@@ -5,6 +5,7 @@ import { ColorPickerProps } from './interfaces/ColorPickerProps';
5
5
  */
6
6
  export interface ColorPickerHandle {
7
7
  element: HTMLSpanElement | null;
8
+ value?: string;
8
9
  }
9
10
  /**
10
11
  * Represents the PropsContext of the `ColorPicker` component.
@@ -74,6 +74,13 @@ exports.ColorPicker = React.forwardRef(function (directProps, target) {
74
74
  var paletteRef = React.useRef(null);
75
75
  var blurTimeoutRef = React.useRef();
76
76
  var buttonRef = React.useRef(null);
77
+ var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
78
+ var _f = React.useState(props.defaultValue), stateValue = _f[0], setStateValue = _f[1];
79
+ var _g = React.useState(false), stateOpen = _g[0], setStateOpen = _g[1];
80
+ var isValueControlled = isControlled(props.value);
81
+ var isOpenControlled = isControlled(props.open);
82
+ var value = isValueControlled ? props.value : stateValue;
83
+ var open = isOpenControlled ? props.open : stateOpen;
77
84
  var focusElement = React.useCallback(function () {
78
85
  if (focusableElementRef.current) {
79
86
  focusableElementRef.current.focus();
@@ -83,15 +90,9 @@ exports.ColorPicker = React.forwardRef(function (directProps, target) {
83
90
  // we agreed that each element will have focus method exposed
84
91
  element: focusableElementRef.current,
85
92
  actionElement: buttonRef.current,
93
+ value: value,
86
94
  focus: focusElement
87
- }); });
88
- var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
89
- var _f = React.useState(props.defaultValue), stateValue = _f[0], setStateValue = _f[1];
90
- var _g = React.useState(false), stateOpen = _g[0], setStateOpen = _g[1];
91
- var isValueControlled = isControlled(props.value);
92
- var isOpenControlled = isControlled(props.open);
93
- var value = isValueControlled ? props.value : stateValue;
94
- var open = isOpenControlled ? props.open : stateOpen;
95
+ }); }, [value, focusElement]);
95
96
  var setOpen = React.useCallback(function (nextOpen, isBlur) {
96
97
  if (!isOpenControlled) {
97
98
  if (!nextOpen && !isBlur && focusableElementRef && focusableElementRef.current) {
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-inputs',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1689663747,
11
+ publishDate: 1689691910,
12
12
  version: '',
13
13
  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'
14
14
  };