@kdcloudjs/table 1.2.0-canary.2 → 1.2.0-canary.3
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/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +7 -3
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +2 -2
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/common-views.js +3 -1
- package/es/table/pipeline/features/columnResizeWidth.js +3 -1
- package/lib/table/common-views.js +3 -1
- package/lib/table/pipeline/features/columnResizeWidth.js +3 -1
- package/package.json +1 -1
package/es/table/common-views.js
CHANGED
|
@@ -7,7 +7,9 @@ import React from 'react';
|
|
|
7
7
|
import styled from 'styled-components';
|
|
8
8
|
import { MenuClasses, Classes } from './base/styles';
|
|
9
9
|
export var InlineFlexCell = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n"])));
|
|
10
|
-
export var ExpansionCell = styled(
|
|
10
|
+
export var ExpansionCell = styled(function (props) {
|
|
11
|
+
return /*#__PURE__*/React.createElement(InlineFlexCell, _extends({}, props));
|
|
12
|
+
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &.", " {\n cursor: default;\n }\n\n .expansion-icon {\n fill: #999;\n flex: 0 0 16px;\n transition: transform 200ms;\n\n &.", " {\n transform-origin: center center;\n transform: rotate(90deg);\n }\n }\n"])), Classes.leaf, Classes.expanded);
|
|
11
13
|
|
|
12
14
|
function CaretDownIcon(props) {
|
|
13
15
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
@@ -14,7 +14,9 @@ import { mergeCellProps, collectNodes, makeRecursiveMapper, isGroupColumn } from
|
|
|
14
14
|
import { internals } from '../../internals';
|
|
15
15
|
import { Classes } from '../../base/styles';
|
|
16
16
|
var TableHeaderCellResize = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n right: -5px;\n height: 100%;\n width: 10px;\n cursor: ew-resize;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index:1;\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n left: calc(50% - 1px);\n width: 1px;\n height: calc(100% - 14px);\n top: 7px;\n }\n"])));
|
|
17
|
-
var TableHeaderGroupCellResize = styled(
|
|
17
|
+
var TableHeaderGroupCellResize = styled(function (props) {
|
|
18
|
+
return /*#__PURE__*/React.createElement(TableHeaderCellResize, _extends({}, props));
|
|
19
|
+
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &:after {\n height: 100%;\n top: 0;\n }\n"])));
|
|
18
20
|
|
|
19
21
|
function clamp(min, x, max) {
|
|
20
22
|
return Math.max(min, Math.min(max, x));
|
|
@@ -22,7 +22,9 @@ var _templateObject, _templateObject2, _templateObject3;
|
|
|
22
22
|
var InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: center;\n"])));
|
|
23
23
|
|
|
24
24
|
exports.InlineFlexCell = InlineFlexCell;
|
|
25
|
-
var ExpansionCell = (0, _styledComponents.default)(
|
|
25
|
+
var ExpansionCell = (0, _styledComponents.default)(function (props) {
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement(InlineFlexCell, (0, _extends2.default)({}, props));
|
|
27
|
+
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n &.", " {\n cursor: default;\n }\n\n .expansion-icon {\n fill: #999;\n flex: 0 0 16px;\n transition: transform 200ms;\n\n &.", " {\n transform-origin: center center;\n transform: rotate(90deg);\n }\n }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
|
|
26
28
|
exports.ExpansionCell = ExpansionCell;
|
|
27
29
|
|
|
28
30
|
function CaretDownIcon(props) {
|
|
@@ -46,7 +46,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
46
46
|
|
|
47
47
|
var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n top: 0;\n right: -5px;\n height: 100%;\n width: 10px;\n cursor: ew-resize;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index:1;\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n left: calc(50% - 1px);\n width: 1px;\n height: calc(100% - 14px);\n top: 7px;\n }\n"])));
|
|
48
48
|
|
|
49
|
-
var TableHeaderGroupCellResize = (0, _styledComponents.default)(
|
|
49
|
+
var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
|
|
51
|
+
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n &:after {\n height: 100%;\n top: 0;\n }\n"])));
|
|
50
52
|
|
|
51
53
|
function clamp(min, x, max) {
|
|
52
54
|
return Math.max(min, Math.min(max, x));
|