@progress/kendo-react-layout 5.1.0-dev.202201251934 → 5.1.0-dev.202202100725

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-layout.js +1 -1
  2. package/dist/es/package-metadata.js +1 -1
  3. package/dist/es/stepper/Step.js +1 -1
  4. package/dist/es/stepper/Stepper.js +4 -3
  5. package/dist/npm/package-metadata.js +1 -1
  6. package/dist/npm/stepper/Step.js +1 -1
  7. package/dist/npm/stepper/Stepper.js +4 -3
  8. package/dist/systemjs/kendo-react-layout.js +1 -1
  9. package/package.json +13 -13
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-layout',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1643138206,
8
+ publishDate: 1644477181,
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
  };
package/dist/es/stepper/Step.js CHANGED
@@ -93,7 +93,7 @@ export var Step = React.forwardRef(function (props, target) {
93
93
  'k-step-error': isValid !== undefined && !isValid,
94
94
  'k-step-success': isValid
95
95
  }, className); }, [index, numOfSteps, value, current, optional, disabled, focused, isValid, className]);
96
- var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
96
+ var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, maxHeight: isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
97
97
  var validationIconClasses = (isValid
98
98
  ? successIcon ? "" + successIcon : 'k-icon k-i-check'
99
99
  : errorIcon ? "" + errorIcon : 'k-icon k-i-warning');
package/dist/es/stepper/Stepper.js CHANGED
@@ -146,7 +146,7 @@ export var Stepper = React.forwardRef(function (props, target) {
146
146
  var stepperClasses = React.useMemo(function () { return classNames('k-stepper', {
147
147
  'k-stepper-linear': linear
148
148
  }, className); }, [linear, className]);
149
- var stepperStyles = React.useMemo(function () { return (__assign({ display: 'grid', gridTemplateColumns: !isVertical ? 'repeat(' + numOfSteps * 2 + ', 1fr)' : undefined, gridTemplateRows: isVertical ? 'repeat(' + numOfSteps * 4 + ', 1fr)' : undefined }, style)); }, [isVertical, numOfSteps, style]);
149
+ var stepperStyles = React.useMemo(function () { return (__assign({ display: 'grid', gridTemplateColumns: !isVertical ? 'repeat(' + numOfSteps * 2 + ', 1fr)' : undefined, gridTemplateRows: isVertical ? 'repeat(' + numOfSteps + ', 1fr)' : undefined }, style)); }, [isVertical, numOfSteps, style]);
150
150
  var listClasses = React.useMemo(function () { return classNames('k-step-list', {
151
151
  'k-step-list-horizontal': !isVertical,
152
152
  'k-step-list-vertical': isVertical
@@ -160,8 +160,9 @@ export var Stepper = React.forwardRef(function (props, target) {
160
160
  var progressbarStyles = React.useMemo(function () { return ({
161
161
  gridColumnStart: !isVertical ? 2 : undefined,
162
162
  gridColumnEnd: !isVertical ? numOfSteps * 2 : undefined,
163
- gridRowStart: isVertical ? 2 : undefined,
164
- gridRowEnd: isVertical ? numOfSteps * 4 - 2 : undefined
163
+ gridRowStart: isVertical ? 1 : undefined,
164
+ gridRowEnd: isVertical ? numOfSteps : undefined,
165
+ top: isVertical ? 17 : undefined
165
166
  }); }, [isVertical, numOfSteps]);
166
167
  var steps = (items && (items.map(function (element, index) {
167
168
  var stepProps = __assign({ index: index, disabled: disabled || element.disabled, focused: index === focusedIdx, current: index === value }, element);
package/dist/npm/package-metadata.js CHANGED
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-layout',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1643138206,
10
+ publishDate: 1644477181,
11
11
  version: '',
12
12
  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'
13
13
  };
package/dist/npm/stepper/Step.js CHANGED
@@ -95,7 +95,7 @@ exports.Step = React.forwardRef(function (props, target) {
95
95
  'k-step-error': isValid !== undefined && !isValid,
96
96
  'k-step-success': isValid
97
97
  }, className); }, [index, numOfSteps, value, current, optional, disabled, focused, isValid, className]);
98
- var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
98
+ var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, maxHeight: isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
99
99
  var validationIconClasses = (isValid
100
100
  ? successIcon ? "" + successIcon : 'k-icon k-i-check'
101
101
  : errorIcon ? "" + errorIcon : 'k-icon k-i-warning');
package/dist/npm/stepper/Stepper.js CHANGED
@@ -148,7 +148,7 @@ exports.Stepper = React.forwardRef(function (props, target) {
148
148
  var stepperClasses = React.useMemo(function () { return kendo_react_common_1.classNames('k-stepper', {
149
149
  'k-stepper-linear': linear
150
150
  }, className); }, [linear, className]);
151
- var stepperStyles = React.useMemo(function () { return (__assign({ display: 'grid', gridTemplateColumns: !isVertical ? 'repeat(' + numOfSteps * 2 + ', 1fr)' : undefined, gridTemplateRows: isVertical ? 'repeat(' + numOfSteps * 4 + ', 1fr)' : undefined }, style)); }, [isVertical, numOfSteps, style]);
151
+ var stepperStyles = React.useMemo(function () { return (__assign({ display: 'grid', gridTemplateColumns: !isVertical ? 'repeat(' + numOfSteps * 2 + ', 1fr)' : undefined, gridTemplateRows: isVertical ? 'repeat(' + numOfSteps + ', 1fr)' : undefined }, style)); }, [isVertical, numOfSteps, style]);
152
152
  var listClasses = React.useMemo(function () { return kendo_react_common_1.classNames('k-step-list', {
153
153
  'k-step-list-horizontal': !isVertical,
154
154
  'k-step-list-vertical': isVertical
@@ -162,8 +162,9 @@ exports.Stepper = React.forwardRef(function (props, target) {
162
162
  var progressbarStyles = React.useMemo(function () { return ({
163
163
  gridColumnStart: !isVertical ? 2 : undefined,
164
164
  gridColumnEnd: !isVertical ? numOfSteps * 2 : undefined,
165
- gridRowStart: isVertical ? 2 : undefined,
166
- gridRowEnd: isVertical ? numOfSteps * 4 - 2 : undefined
165
+ gridRowStart: isVertical ? 1 : undefined,
166
+ gridRowEnd: isVertical ? numOfSteps : undefined,
167
+ top: isVertical ? 17 : undefined
167
168
  }); }, [isVertical, numOfSteps]);
168
169
  var steps = (items && (items.map(function (element, index) {
169
170
  var stepProps = __assign({ index: index, disabled: disabled || element.disabled, focused: index === focusedIdx, current: index === value }, element);