@imposium-hub/components 1.48.4 → 1.48.6
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/cjs/components/dropdown/Dropdown.js +21 -12
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/dropdown/Dropdown.js +21 -12
- package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.less +1 -1
- package/less/components/dropdown.less +1 -1
- package/package.json +1 -1
- package/src/components/dropdown/dropdown.tsx +25 -17
|
@@ -50,8 +50,9 @@ var ImposiumDropdown = /** @class */ (function (_super) {
|
|
|
50
50
|
_this.onResize = function () {
|
|
51
51
|
var toggleRef = _this.props.toggleRef;
|
|
52
52
|
if (typeof toggleRef !== 'undefined') {
|
|
53
|
-
var
|
|
54
|
-
|
|
53
|
+
var boundingRect = toggleRef.current.getBoundingClientRect();
|
|
54
|
+
var top_1 = boundingRect.top, left = boundingRect.left, bottom = boundingRect.bottom, right = boundingRect.right, width = boundingRect.width, height = boundingRect.height;
|
|
55
|
+
_this.setState({ offset: { top: top_1, left: left, bottom: bottom, right: right, width: width, height: height } });
|
|
55
56
|
}
|
|
56
57
|
};
|
|
57
58
|
_this.cancelRender = function (forced) {
|
|
@@ -120,24 +121,32 @@ var ImposiumDropdown = /** @class */ (function (_super) {
|
|
|
120
121
|
return null;
|
|
121
122
|
}
|
|
122
123
|
if (offset) {
|
|
123
|
-
var
|
|
124
|
-
var
|
|
124
|
+
var top_2 = offset.top, left = offset.left, bottom = offset.bottom, width = offset.width;
|
|
125
|
+
var pageXOffset_1 = window.pageXOffset, pageYOffset_1 = window.pageYOffset;
|
|
125
126
|
switch (position) {
|
|
126
127
|
case 'topleft':
|
|
127
|
-
dropdownStyle.
|
|
128
|
-
dropdownStyle.
|
|
129
|
-
dropdownStyle.
|
|
128
|
+
dropdownStyle.transformOrigin = 'bottom left';
|
|
129
|
+
dropdownStyle.top = "".concat(top_2 - 5 + pageYOffset_1, "px");
|
|
130
|
+
dropdownStyle.left = "".concat(left + pageXOffset_1, "px");
|
|
131
|
+
dropdownStyle.transform = 'translateX(0%) translateY(-100%)';
|
|
130
132
|
break;
|
|
131
133
|
case 'topright':
|
|
134
|
+
dropdownStyle.transformOrigin = 'bottom left';
|
|
135
|
+
dropdownStyle.top = "".concat(top_2 - 5 + pageYOffset_1, "px");
|
|
136
|
+
dropdownStyle.left = "".concat(left + pageXOffset_1 + width, "px");
|
|
137
|
+
dropdownStyle.transform = 'translateX(-100%) translateY(-100%)';
|
|
138
|
+
break;
|
|
132
139
|
case 'bottomleft':
|
|
133
|
-
dropdownStyle.top = "".concat(bottom + 5, "px");
|
|
134
|
-
dropdownStyle.left = "".concat(left, "px");
|
|
135
140
|
dropdownStyle.transformOrigin = 'top left';
|
|
141
|
+
dropdownStyle.top = "".concat(bottom + 5 + pageYOffset_1, "px");
|
|
142
|
+
dropdownStyle.left = "".concat(left + pageXOffset_1, "px");
|
|
143
|
+
dropdownStyle.transform = 'translateX(0%) translateY(0%)';
|
|
136
144
|
break;
|
|
137
145
|
case 'bottomright':
|
|
138
|
-
dropdownStyle.
|
|
139
|
-
dropdownStyle.
|
|
140
|
-
dropdownStyle.
|
|
146
|
+
dropdownStyle.transformOrigin = 'top left';
|
|
147
|
+
dropdownStyle.top = "".concat(bottom + 5 + pageYOffset_1, "px");
|
|
148
|
+
dropdownStyle.left = "".concat(left + pageXOffset_1 + width, "px");
|
|
149
|
+
dropdownStyle.transform = 'translateX(-100%) translateY(0%)';
|
|
141
150
|
break;
|
|
142
151
|
default:
|
|
143
152
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAgB/B;IAA8C,oCAG7C;IAWG,0BAAY,CAAC;QAAb,YACI,kBAAM,CAAC,CAAC,SAQX;QAjBO,mBAAa,GAAQ,cAAM,OAAA,KAAI,CAAC,QAAQ,EAAE,EAAf,CAAe,CAAC;QAE3C,kBAAY,GAAQ,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAA1B,CAA0B,CAAC;QAEtD,gBAAU,GAAQ,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC;QAEvC,iBAAW,GAAQ,IAAI,CAAC;QAqCxB,cAAQ,GAAG;YACP,IAAA,SAAS,GAAK,KAAI,CAAC,KAAK,UAAf,CAAgB;YAEjC,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,8 +37,9 @@ export default class ImposiumDropdown extends React.PureComponent {
|
|
|
37
37
|
onResize = () => {
|
|
38
38
|
const { toggleRef } = this.props;
|
|
39
39
|
if (typeof toggleRef !== 'undefined') {
|
|
40
|
-
const
|
|
41
|
-
|
|
40
|
+
const boundingRect = toggleRef.current.getBoundingClientRect();
|
|
41
|
+
const { top, left, bottom, right, width, height } = boundingRect;
|
|
42
|
+
this.setState({ offset: { top, left, bottom, right, width, height } });
|
|
42
43
|
}
|
|
43
44
|
};
|
|
44
45
|
cancelRender = (forced = false) => {
|
|
@@ -77,24 +78,32 @@ export default class ImposiumDropdown extends React.PureComponent {
|
|
|
77
78
|
return null;
|
|
78
79
|
}
|
|
79
80
|
if (offset) {
|
|
80
|
-
const {
|
|
81
|
-
const {
|
|
81
|
+
const { top, left, bottom, width } = offset;
|
|
82
|
+
const { pageXOffset, pageYOffset } = window;
|
|
82
83
|
switch (position) {
|
|
83
84
|
case 'topleft':
|
|
84
|
-
dropdownStyle.
|
|
85
|
-
dropdownStyle.
|
|
86
|
-
dropdownStyle.
|
|
85
|
+
dropdownStyle.transformOrigin = 'bottom left';
|
|
86
|
+
dropdownStyle.top = `${top - 5 + pageYOffset}px`;
|
|
87
|
+
dropdownStyle.left = `${left + pageXOffset}px`;
|
|
88
|
+
dropdownStyle.transform = 'translateX(0%) translateY(-100%)';
|
|
87
89
|
break;
|
|
88
90
|
case 'topright':
|
|
91
|
+
dropdownStyle.transformOrigin = 'bottom left';
|
|
92
|
+
dropdownStyle.top = `${top - 5 + pageYOffset}px`;
|
|
93
|
+
dropdownStyle.left = `${left + pageXOffset + width}px`;
|
|
94
|
+
dropdownStyle.transform = 'translateX(-100%) translateY(-100%)';
|
|
95
|
+
break;
|
|
89
96
|
case 'bottomleft':
|
|
90
|
-
dropdownStyle.top = `${bottom + 5}px`;
|
|
91
|
-
dropdownStyle.left = `${left}px`;
|
|
92
97
|
dropdownStyle.transformOrigin = 'top left';
|
|
98
|
+
dropdownStyle.top = `${bottom + 5 + pageYOffset}px`;
|
|
99
|
+
dropdownStyle.left = `${left + pageXOffset}px`;
|
|
100
|
+
dropdownStyle.transform = 'translateX(0%) translateY(0%)';
|
|
93
101
|
break;
|
|
94
102
|
case 'bottomright':
|
|
95
|
-
dropdownStyle.
|
|
96
|
-
dropdownStyle.
|
|
97
|
-
dropdownStyle.
|
|
103
|
+
dropdownStyle.transformOrigin = 'top left';
|
|
104
|
+
dropdownStyle.top = `${bottom + 5 + pageYOffset}px`;
|
|
105
|
+
dropdownStyle.left = `${left + pageXOffset + width}px`;
|
|
106
|
+
dropdownStyle.transform = 'translateX(-100%) translateY(0%)';
|
|
98
107
|
break;
|
|
99
108
|
default:
|
|
100
109
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAGnD;IACW,MAAM,CAAU,QAAQ,GAAW,EAAE,CAAC;IAEtC,aAAa,GAAQ,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAE3C,YAAY,GAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEtD,UAAU,GAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEvC,WAAW,GAAQ,IAAI,CAAC;IAEhC,YAAY,CAAC;QACT,KAAK,CAAC,CAAC,CAAC,CAAC;QAET,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,EAAE;SACb,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACzC,CAAC;IAEM,kBAAkB,CAAC,SAA6B;QACnD,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;gBAChC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBACtD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;gBACxD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACxD,CAAC,CAAC,CAAC;SACN;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC3D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SAC1D;IACL,CAAC;IAEM,oBAAoB;QACvB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC;IAEO,QAAQ,GAAG,GAAS,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;YAClC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
package/dist/styles.less
CHANGED
package/package.json
CHANGED
|
@@ -67,8 +67,10 @@ export default class ImposiumDropdown extends React.PureComponent<
|
|
|
67
67
|
const { toggleRef } = this.props;
|
|
68
68
|
|
|
69
69
|
if (typeof toggleRef !== 'undefined') {
|
|
70
|
-
const
|
|
71
|
-
|
|
70
|
+
const boundingRect = toggleRef.current.getBoundingClientRect();
|
|
71
|
+
const { top, left, bottom, right, width, height } = boundingRect;
|
|
72
|
+
|
|
73
|
+
this.setState({ offset: { top, left, bottom, right, width, height } });
|
|
72
74
|
}
|
|
73
75
|
};
|
|
74
76
|
|
|
@@ -119,30 +121,36 @@ export default class ImposiumDropdown extends React.PureComponent<
|
|
|
119
121
|
}
|
|
120
122
|
|
|
121
123
|
if (offset) {
|
|
122
|
-
const {
|
|
123
|
-
|
|
124
|
-
} = document;
|
|
125
|
-
const { top, left, bottom, right } = offset;
|
|
124
|
+
const { top, left, bottom, width } = offset;
|
|
125
|
+
const { pageXOffset, pageYOffset } = window;
|
|
126
126
|
|
|
127
127
|
switch (position) {
|
|
128
128
|
case 'topleft':
|
|
129
|
-
dropdownStyle.
|
|
130
|
-
dropdownStyle.
|
|
131
|
-
dropdownStyle.
|
|
132
|
-
|
|
129
|
+
dropdownStyle.transformOrigin = 'bottom left';
|
|
130
|
+
dropdownStyle.top = `${top - 5 + pageYOffset}px`;
|
|
131
|
+
dropdownStyle.left = `${left + pageXOffset}px`;
|
|
132
|
+
dropdownStyle.transform = 'translateX(0%) translateY(-100%)';
|
|
133
133
|
break;
|
|
134
|
+
|
|
134
135
|
case 'topright':
|
|
136
|
+
dropdownStyle.transformOrigin = 'bottom left';
|
|
137
|
+
dropdownStyle.top = `${top - 5 + pageYOffset}px`;
|
|
138
|
+
dropdownStyle.left = `${left + pageXOffset + width}px`;
|
|
139
|
+
dropdownStyle.transform = 'translateX(-100%) translateY(-100%)';
|
|
140
|
+
break;
|
|
141
|
+
|
|
135
142
|
case 'bottomleft':
|
|
136
|
-
dropdownStyle.top = `${bottom + 5}px`;
|
|
137
|
-
dropdownStyle.left = `${left}px`;
|
|
138
143
|
dropdownStyle.transformOrigin = 'top left';
|
|
139
|
-
|
|
144
|
+
dropdownStyle.top = `${bottom + 5 + pageYOffset}px`;
|
|
145
|
+
dropdownStyle.left = `${left + pageXOffset}px`;
|
|
146
|
+
dropdownStyle.transform = 'translateX(0%) translateY(0%)';
|
|
140
147
|
break;
|
|
141
|
-
case 'bottomright':
|
|
142
|
-
dropdownStyle.top = `${bottom + 5}px`;
|
|
143
|
-
dropdownStyle.right = `${clientWidth - right}px`;
|
|
144
|
-
dropdownStyle.transformOrigin = 'top right';
|
|
145
148
|
|
|
149
|
+
case 'bottomright':
|
|
150
|
+
dropdownStyle.transformOrigin = 'top left';
|
|
151
|
+
dropdownStyle.top = `${bottom + 5 + pageYOffset}px`;
|
|
152
|
+
dropdownStyle.left = `${left + pageXOffset + width}px`;
|
|
153
|
+
dropdownStyle.transform = 'translateX(-100%) translateY(0%)';
|
|
146
154
|
break;
|
|
147
155
|
default:
|
|
148
156
|
break;
|