sense-react-timeline-editor 1.0.16 → 1.0.17
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/dist/index.esm.js +7 -3
- package/dist/index.js +7 -3
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -2000,7 +2000,7 @@ var Cursor = function Cursor(_ref) {
|
|
|
2000
2000
|
}) - scrollLeft);
|
|
2001
2001
|
}
|
|
2002
2002
|
}, [cursorTime, startLeft, scaleWidth, scale, scrollLeft], {
|
|
2003
|
-
wait:
|
|
2003
|
+
wait: 10
|
|
2004
2004
|
});
|
|
2005
2005
|
var clientHeight = ((_document$querySelect = document.querySelector("#time-editor-container")) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || 0;
|
|
2006
2006
|
return /*#__PURE__*/React.createElement(RowDnd, {
|
|
@@ -4238,12 +4238,16 @@ var TimeArea = function TimeArea(_ref) {
|
|
|
4238
4238
|
height = _ref3.height;
|
|
4239
4239
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
|
|
4240
4240
|
ref: gridRef,
|
|
4241
|
+
containerStyle: {
|
|
4242
|
+
width: timelineWidth + 10,
|
|
4243
|
+
maxWidth: timelineWidth + 10
|
|
4244
|
+
},
|
|
4241
4245
|
columnCount: showUnit ? scaleCount * scaleSplitCount + 1 : scaleCount,
|
|
4242
4246
|
columnWidth: getColumnWidth,
|
|
4243
4247
|
estimatedColumnSize: estColumnWidth,
|
|
4244
4248
|
rowCount: 1,
|
|
4245
4249
|
rowHeight: height,
|
|
4246
|
-
width: timelineWidth,
|
|
4250
|
+
width: timelineWidth + 10,
|
|
4247
4251
|
// width={width}
|
|
4248
4252
|
height: height,
|
|
4249
4253
|
overscanRowCount: 0,
|
|
@@ -4483,7 +4487,7 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4483
4487
|
if (areaRef.current) {
|
|
4484
4488
|
var resizeObserver = new ResizeObserver(function () {
|
|
4485
4489
|
if (!areaRef.current) return;
|
|
4486
|
-
setWidth(areaRef.current.getBoundingClientRect().width);
|
|
4490
|
+
setWidth(areaRef.current.getBoundingClientRect().width + 10);
|
|
4487
4491
|
});
|
|
4488
4492
|
resizeObserver.observe(areaRef.current);
|
|
4489
4493
|
return function () {
|
package/dist/index.js
CHANGED
|
@@ -2009,7 +2009,7 @@ var Cursor = function Cursor(_ref) {
|
|
|
2009
2009
|
}) - scrollLeft);
|
|
2010
2010
|
}
|
|
2011
2011
|
}, [cursorTime, startLeft, scaleWidth, scale, scrollLeft], {
|
|
2012
|
-
wait:
|
|
2012
|
+
wait: 10
|
|
2013
2013
|
});
|
|
2014
2014
|
var clientHeight = ((_document$querySelect = document.querySelector("#time-editor-container")) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || 0;
|
|
2015
2015
|
return /*#__PURE__*/React__default['default'].createElement(RowDnd, {
|
|
@@ -4247,12 +4247,16 @@ var TimeArea = function TimeArea(_ref) {
|
|
|
4247
4247
|
height = _ref3.height;
|
|
4248
4248
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(reactVirtualized.Grid, {
|
|
4249
4249
|
ref: gridRef,
|
|
4250
|
+
containerStyle: {
|
|
4251
|
+
width: timelineWidth + 10,
|
|
4252
|
+
maxWidth: timelineWidth + 10
|
|
4253
|
+
},
|
|
4250
4254
|
columnCount: showUnit ? scaleCount * scaleSplitCount + 1 : scaleCount,
|
|
4251
4255
|
columnWidth: getColumnWidth,
|
|
4252
4256
|
estimatedColumnSize: estColumnWidth,
|
|
4253
4257
|
rowCount: 1,
|
|
4254
4258
|
rowHeight: height,
|
|
4255
|
-
width: timelineWidth,
|
|
4259
|
+
width: timelineWidth + 10,
|
|
4256
4260
|
// width={width}
|
|
4257
4261
|
height: height,
|
|
4258
4262
|
overscanRowCount: 0,
|
|
@@ -4492,7 +4496,7 @@ var Timeline = /*#__PURE__*/React__default['default'].forwardRef(function (props
|
|
|
4492
4496
|
if (areaRef.current) {
|
|
4493
4497
|
var resizeObserver = new ResizeObserver(function () {
|
|
4494
4498
|
if (!areaRef.current) return;
|
|
4495
|
-
setWidth(areaRef.current.getBoundingClientRect().width);
|
|
4499
|
+
setWidth(areaRef.current.getBoundingClientRect().width + 10);
|
|
4496
4500
|
});
|
|
4497
4501
|
resizeObserver.observe(areaRef.current);
|
|
4498
4502
|
return function () {
|