@ntbjs/react-components 1.2.0-rc.26 → 1.2.0-rc.28
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.
- package/{AssetGallery-7fdc2447.js → AssetGallery-091348df.js} +2 -24
- package/{CompactTextInput-4388f2f2.js → CompactTextInput-f30941e5.js} +4 -1
- package/inputs/CompactTextInput/index.js +1 -1
- package/inputs/index.js +1 -1
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +2 -2
- package/widgets/index.js +2 -2
|
@@ -21,7 +21,7 @@ require('./Button-c38d56a0.js');
|
|
|
21
21
|
require('./Checkbox-68dc38a8.js');
|
|
22
22
|
require('./CompactAutocompleteSelect-43e79e21.js');
|
|
23
23
|
require('./CompactStarRating-8b377d59.js');
|
|
24
|
-
require('./CompactTextInput-
|
|
24
|
+
require('./CompactTextInput-f30941e5.js');
|
|
25
25
|
require('./MultiSelect-4b8d3d0d.js');
|
|
26
26
|
require('./Radio-32d0513a.js');
|
|
27
27
|
require('./TextArea-65525d5a.js');
|
|
@@ -1554,20 +1554,6 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1554
1554
|
scrollDirection.current = latestYOffset.current > previousYOffset.current ? 'down' : 'up';
|
|
1555
1555
|
}
|
|
1556
1556
|
|
|
1557
|
-
var compareFinalizedAssets = function compareFinalizedAssets(arr1, arr2) {
|
|
1558
|
-
if (arr1.length !== arr2.length) {
|
|
1559
|
-
return false;
|
|
1560
|
-
}
|
|
1561
|
-
|
|
1562
|
-
for (var i = 0; i < arr1.length; i++) {
|
|
1563
|
-
if (arr1[i] !== arr2[i]) {
|
|
1564
|
-
return false;
|
|
1565
|
-
}
|
|
1566
|
-
}
|
|
1567
|
-
|
|
1568
|
-
return true;
|
|
1569
|
-
};
|
|
1570
|
-
|
|
1571
1557
|
var calculateVisibility = function calculateVisibility() {
|
|
1572
1558
|
if (!assetGalleryDOMNode.current) return;
|
|
1573
1559
|
var bufferTop = scrollDirection.current === 'up' ? PRIMARY_SCROLL_BUFFER_HEIGHT : SECONDARY_SCROLL_BUFFER_HEIGHT;
|
|
@@ -1577,7 +1563,6 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1577
1563
|
var yOffset = latestYOffset.current;
|
|
1578
1564
|
var minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;
|
|
1579
1565
|
var maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;
|
|
1580
|
-
console.log('calculatedAssets', calculatedAssets);
|
|
1581
1566
|
var finalizedAssets = calculatedAssets.current.map(function (asset) {
|
|
1582
1567
|
if (scrollElement.self == window && (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight || asset.layout.translateY > maxTranslateY)) {
|
|
1583
1568
|
asset.layout.show = false;
|
|
@@ -1587,16 +1572,9 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1587
1572
|
|
|
1588
1573
|
return asset;
|
|
1589
1574
|
});
|
|
1590
|
-
|
|
1591
|
-
console.log('assets before setAssets', assetsProp);
|
|
1592
|
-
|
|
1593
|
-
if (!compareFinalizedAssets(finalizedAssets, assetsProp)) {
|
|
1594
|
-
setAssets(finalizedAssets);
|
|
1595
|
-
}
|
|
1575
|
+
setAssets(finalizedAssets);
|
|
1596
1576
|
};
|
|
1597
1577
|
|
|
1598
|
-
console.log('assets after setAssets', assetsProp);
|
|
1599
|
-
|
|
1600
1578
|
function getOffsetTop(elem) {
|
|
1601
1579
|
var offsetTop = 0;
|
|
1602
1580
|
|
|
@@ -201,11 +201,14 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
|
|
|
201
201
|
_useState2 = defaultTheme._slicedToArray(_useState, 1),
|
|
202
202
|
uniqueId = _useState2[0];
|
|
203
203
|
|
|
204
|
-
var _useState3 = React.useState(
|
|
204
|
+
var _useState3 = React.useState(),
|
|
205
205
|
_useState4 = defaultTheme._slicedToArray(_useState3, 2),
|
|
206
206
|
currentValue = _useState4[0],
|
|
207
207
|
setCurrentValue = _useState4[1];
|
|
208
208
|
|
|
209
|
+
React.useEffect(function () {
|
|
210
|
+
setCurrentValue(value || defaultValue);
|
|
211
|
+
}, [value, defaultValue]);
|
|
209
212
|
var onChange = React.useCallback(function (event) {
|
|
210
213
|
setCurrentValue(event.target.value);
|
|
211
214
|
|
package/inputs/index.js
CHANGED
|
@@ -7,7 +7,7 @@ var Button = require('../Button-c38d56a0.js');
|
|
|
7
7
|
var Checkbox = require('../Checkbox-68dc38a8.js');
|
|
8
8
|
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-43e79e21.js');
|
|
9
9
|
var CompactStarRating = require('../CompactStarRating-8b377d59.js');
|
|
10
|
-
var CompactTextInput = require('../CompactTextInput-
|
|
10
|
+
var CompactTextInput = require('../CompactTextInput-f30941e5.js');
|
|
11
11
|
var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
|
|
12
12
|
var Radio = require('../Radio-32d0513a.js');
|
|
13
13
|
var TextArea = require('../TextArea-65525d5a.js');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-091348df.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -38,7 +38,7 @@ require('react-select-async-paginate');
|
|
|
38
38
|
require('../../react-select-creatable.esm-2f23d6c6.js');
|
|
39
39
|
require('react-dom');
|
|
40
40
|
require('../../CompactStarRating-8b377d59.js');
|
|
41
|
-
require('../../CompactTextInput-
|
|
41
|
+
require('../../CompactTextInput-f30941e5.js');
|
|
42
42
|
require('../../MultiSelect-4b8d3d0d.js');
|
|
43
43
|
require('../../Radio-32d0513a.js');
|
|
44
44
|
require('../../TextArea-65525d5a.js');
|
package/widgets/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var AssetGallery = require('../AssetGallery-
|
|
5
|
+
var AssetGallery = require('../AssetGallery-091348df.js');
|
|
6
6
|
var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
|
|
7
7
|
var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
|
|
8
8
|
var Instructions = require('../Instructions-06fa9d0c.js');
|
|
@@ -42,7 +42,7 @@ require('react-select-async-paginate');
|
|
|
42
42
|
require('../react-select-creatable.esm-2f23d6c6.js');
|
|
43
43
|
require('react-dom');
|
|
44
44
|
require('../CompactStarRating-8b377d59.js');
|
|
45
|
-
require('../CompactTextInput-
|
|
45
|
+
require('../CompactTextInput-f30941e5.js');
|
|
46
46
|
require('../MultiSelect-4b8d3d0d.js');
|
|
47
47
|
require('../Radio-32d0513a.js');
|
|
48
48
|
require('../TextArea-65525d5a.js');
|