@zohodesk/components 1.0.0-temp-161 → 1.0.0-temp-163
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/README.md +4 -0
- package/es/Responsive/ResizeComponent.js +1 -2
- package/es/Tab/Tabs.module.css +11 -0
- package/es/utils/css/mergeStyle.js +1 -1
- package/lib/Responsive/ResizeComponent.js +0 -1
- package/lib/Tab/Tabs.module.css +11 -0
- package/lib/utils/css/mergeStyle.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,13 +5,12 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import ResizeObserver from './ResizeObserver';
|
|
8
|
-
import { getElementSpace
|
|
8
|
+
import { getElementSpace } from '../utils/Common';
|
|
9
9
|
export default class ResizeComponent extends React.Component {
|
|
10
10
|
constructor(props) {
|
|
11
11
|
super(props);
|
|
12
12
|
this.noSpaceForChildren = false;
|
|
13
13
|
this.childrenCurrentList = [];
|
|
14
|
-
this.widthCheck = debounce(this.widthCheck.bind(this), 10);
|
|
15
14
|
const debounce = function (cb) {
|
|
16
15
|
let timer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
|
|
17
16
|
let timeoutId = null;
|
package/es/Tab/Tabs.module.css
CHANGED
|
@@ -122,6 +122,12 @@
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
|
|
125
|
+
.bottomRightToLeft,
|
|
126
|
+
.topRightToLeft,
|
|
127
|
+
.bottomCenterToLeft {
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
|
|
125
131
|
[dir=ltr] .bottomRightToLeft, [dir=ltr] .topRightToLeft, [dir=ltr] .bottomCenterToLeft {
|
|
126
132
|
right: calc(var(--tab_position_gap) * -1);
|
|
127
133
|
}
|
|
@@ -131,6 +137,11 @@
|
|
|
131
137
|
left: calc(var(--tab_position_gap) * -1);
|
|
132
138
|
}
|
|
133
139
|
|
|
140
|
+
.bottomLeftToRight,
|
|
141
|
+
.topLeftToRight,
|
|
142
|
+
.bottomCenterToRight {
|
|
143
|
+
}
|
|
144
|
+
|
|
134
145
|
[dir=ltr] .bottomLeftToRight, [dir=ltr] .topLeftToRight, [dir=ltr] .bottomCenterToRight {
|
|
135
146
|
left: calc(var(--tab_position_gap) * -1);
|
|
136
147
|
}
|
|
@@ -47,7 +47,7 @@ export default function mergeStyle(defaultStyle) {
|
|
|
47
47
|
res[next] = customStyle[next];
|
|
48
48
|
} else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
|
|
49
49
|
// res[next] = customStyle[next];
|
|
50
|
-
`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style
|
|
50
|
+
throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style`);
|
|
51
51
|
}
|
|
52
52
|
return res;
|
|
53
53
|
}, {
|
|
@@ -34,7 +34,6 @@ var ResizeComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
34
34
|
_this = _super.call(this, props);
|
|
35
35
|
_this.noSpaceForChildren = false;
|
|
36
36
|
_this.childrenCurrentList = [];
|
|
37
|
-
_this.widthCheck = debounce(_this.widthCheck.bind(_assertThisInitialized(_this)), 10);
|
|
38
37
|
var debounce = function debounce(cb) {
|
|
39
38
|
var timer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
|
|
40
39
|
var timeoutId = null;
|
package/lib/Tab/Tabs.module.css
CHANGED
|
@@ -122,6 +122,12 @@
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
|
|
125
|
+
.bottomRightToLeft,
|
|
126
|
+
.topRightToLeft,
|
|
127
|
+
.bottomCenterToLeft {
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
|
|
125
131
|
[dir=ltr] .bottomRightToLeft, [dir=ltr] .topRightToLeft, [dir=ltr] .bottomCenterToLeft {
|
|
126
132
|
right: calc(var(--tab_position_gap) * -1);
|
|
127
133
|
}
|
|
@@ -131,6 +137,11 @@
|
|
|
131
137
|
left: calc(var(--tab_position_gap) * -1);
|
|
132
138
|
}
|
|
133
139
|
|
|
140
|
+
.bottomLeftToRight,
|
|
141
|
+
.topLeftToRight,
|
|
142
|
+
.bottomCenterToRight {
|
|
143
|
+
}
|
|
144
|
+
|
|
134
145
|
[dir=ltr] .bottomLeftToRight, [dir=ltr] .topLeftToRight, [dir=ltr] .bottomCenterToRight {
|
|
135
146
|
left: calc(var(--tab_position_gap) * -1);
|
|
136
147
|
}
|
|
@@ -59,7 +59,7 @@ function mergeStyle(defaultStyle) {
|
|
|
59
59
|
res[next] = customStyle[next];
|
|
60
60
|
} else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
|
|
61
61
|
// res[next] = customStyle[next];
|
|
62
|
-
"UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
|
|
62
|
+
throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style"));
|
|
63
63
|
}
|
|
64
64
|
return res;
|
|
65
65
|
}, _objectSpread({}, defaultStyle));
|