@imposium-hub/components 1.48.3 → 1.48.5
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/button/Button.stories.d.ts +1 -0
- package/dist/cjs/components/button-group-field/ButtonGroupField.stories.d.ts +1 -0
- package/dist/cjs/components/button-menu/ButtonMenu.js +4 -5
- package/dist/cjs/components/button-menu/ButtonMenu.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenu.stories.d.ts +1 -0
- package/dist/cjs/components/card/Card.stories.d.ts +1 -0
- package/dist/cjs/components/checkbox-field/CheckboxField.stories.d.ts +1 -0
- package/dist/cjs/components/color-field/ColorFiled.stories.d.ts +1 -0
- package/dist/cjs/components/controlled-list/ControlledList.stories.d.ts +1 -0
- package/dist/cjs/components/dropdown/Dropdown.js +21 -12
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.stories.d.ts +1 -0
- package/dist/cjs/components/h-rule/HRule.d.ts +1 -0
- package/dist/cjs/components/h-rule/HRule.stories.d.ts +1 -0
- package/dist/cjs/components/list-field/ListField.stories.d.ts +1 -0
- package/dist/cjs/components/modal/Modal.stories.d.ts +1 -0
- package/dist/cjs/components/number-field/NumberField.stories.d.ts +1 -0
- package/dist/cjs/components/section/Section.d.ts +1 -0
- package/dist/cjs/components/section/Section.stories.d.ts +1 -0
- package/dist/cjs/components/select-field/SelectField.stories.d.ts +1 -0
- package/dist/cjs/components/slider-field/SliderField.stories.d.ts +1 -0
- package/dist/cjs/components/text-area-field/TextAreaField.stories.d.ts +1 -0
- package/dist/cjs/components/text-field/TextField.stories.d.ts +1 -0
- package/dist/esm/components/button/Button.stories.d.ts +1 -0
- package/dist/esm/components/button-group-field/ButtonGroupField.stories.d.ts +1 -0
- package/dist/esm/components/button-menu/ButtonMenu.js +4 -3
- package/dist/esm/components/button-menu/ButtonMenu.js.map +1 -1
- package/dist/esm/components/button-menu/ButtonMenu.stories.d.ts +1 -0
- package/dist/esm/components/card/Card.stories.d.ts +1 -0
- package/dist/esm/components/checkbox-field/CheckboxField.stories.d.ts +1 -0
- package/dist/esm/components/color-field/ColorFiled.stories.d.ts +1 -0
- package/dist/esm/components/controlled-list/ControlledList.stories.d.ts +1 -0
- package/dist/esm/components/dropdown/Dropdown.js +21 -12
- package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/field-wrapper/FieldWrapper.stories.d.ts +1 -0
- package/dist/esm/components/h-rule/HRule.d.ts +1 -0
- package/dist/esm/components/h-rule/HRule.stories.d.ts +1 -0
- package/dist/esm/components/list-field/ListField.stories.d.ts +1 -0
- package/dist/esm/components/modal/Modal.stories.d.ts +1 -0
- package/dist/esm/components/number-field/NumberField.stories.d.ts +1 -0
- package/dist/esm/components/section/Section.d.ts +1 -0
- package/dist/esm/components/section/Section.stories.d.ts +1 -0
- package/dist/esm/components/select-field/SelectField.stories.d.ts +1 -0
- package/dist/esm/components/slider-field/SliderField.stories.d.ts +1 -0
- package/dist/esm/components/text-area-field/TextAreaField.stories.d.ts +1 -0
- package/dist/esm/components/text-field/TextField.stories.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/button-menu/ButtonMenu.tsx +4 -5
- package/src/components/dropdown/dropdown.tsx +25 -17
|
@@ -59,13 +59,14 @@ var ButtonMenu = /** @class */ (function (_super) {
|
|
|
59
59
|
};
|
|
60
60
|
_this.evtHandlers = {
|
|
61
61
|
toggleMenu: function (e) { return _this.toggleMenu(e); },
|
|
62
|
-
clickOutside: function (e
|
|
62
|
+
clickOutside: function (e) { return _this.handleClickOutside(e); }
|
|
63
63
|
};
|
|
64
64
|
_this.toggleRef = React.createRef();
|
|
65
65
|
_this.menuRef = React.createRef();
|
|
66
66
|
return _this;
|
|
67
67
|
}
|
|
68
|
-
ButtonMenu.prototype.handleClickOutside = function (e
|
|
68
|
+
ButtonMenu.prototype.handleClickOutside = function (e) {
|
|
69
|
+
var isSelect = this.props.onClick ? true : false;
|
|
69
70
|
var clickOnToggle = this.toggleRef && this.toggleRef.current && this.toggleRef.current.contains(e.target)
|
|
70
71
|
? true
|
|
71
72
|
: false;
|
|
@@ -99,9 +100,7 @@ var ButtonMenu = /** @class */ (function (_super) {
|
|
|
99
100
|
open: newState
|
|
100
101
|
}, function () {
|
|
101
102
|
if (_this.state.open) {
|
|
102
|
-
document.addEventListener('click',
|
|
103
|
-
return _this.evtHandlers.clickOutside(evt, onClick ? true : undefined);
|
|
104
|
-
});
|
|
103
|
+
document.addEventListener('click', _this.evtHandlers.clickOutside);
|
|
105
104
|
}
|
|
106
105
|
else {
|
|
107
106
|
document.removeEventListener('click', _this.evtHandlers.clickOutside);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../../src/components/button-menu/ButtonMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAc/B;IAAyB,8BAAuD;IAO5E,oBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAYf;QAXG,KAAI,CAAC,KAAK,GAAG;YACT,IAAI,EAAE,KAAK;SACd,CAAC;QAEF,KAAI,CAAC,WAAW,GAAG;YACf,UAAU,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAlB,CAAkB;YACrC,YAAY,EAAE,UAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../../src/components/button-menu/ButtonMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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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"}
|
|
@@ -10,12 +10,13 @@ class ButtonMenu extends React.PureComponent {
|
|
|
10
10
|
};
|
|
11
11
|
this.evtHandlers = {
|
|
12
12
|
toggleMenu: (e) => this.toggleMenu(e),
|
|
13
|
-
clickOutside: (e
|
|
13
|
+
clickOutside: (e) => this.handleClickOutside(e)
|
|
14
14
|
};
|
|
15
15
|
this.toggleRef = React.createRef();
|
|
16
16
|
this.menuRef = React.createRef();
|
|
17
17
|
}
|
|
18
|
-
handleClickOutside(e
|
|
18
|
+
handleClickOutside(e) {
|
|
19
|
+
const isSelect = this.props.onClick ? true : false;
|
|
19
20
|
const clickOnToggle = this.toggleRef && this.toggleRef.current && this.toggleRef.current.contains(e.target)
|
|
20
21
|
? true
|
|
21
22
|
: false;
|
|
@@ -48,7 +49,7 @@ class ButtonMenu extends React.PureComponent {
|
|
|
48
49
|
open: newState
|
|
49
50
|
}, () => {
|
|
50
51
|
if (this.state.open) {
|
|
51
|
-
document.addEventListener('click',
|
|
52
|
+
document.addEventListener('click', this.evtHandlers.clickOutside);
|
|
52
53
|
}
|
|
53
54
|
else {
|
|
54
55
|
document.removeEventListener('click', this.evtHandlers.clickOutside);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../../src/components/button-menu/ButtonMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,UAAW,SAAQ,KAAK,CAAC,aAAiD;IACpE,WAAW,CAAM;IAEjB,SAAS,CAAM;IAEf,OAAO,CAAM;IAErB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,IAAI,EAAE,KAAK;SACd,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG;YACf,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YACrC,YAAY,EAAE,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../../src/components/button-menu/ButtonMenu.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":"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,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC/D,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;YAEjE,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;SAC1E;IACL,CAAC,CAAC;IAEM,YAAY,GAAG,CAAC,SAAkB,KAAK,EAAQ,EAAE;QACrD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,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,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QAE5C,IAAI,MAAM,EAAE;YACR,cAAc,EAAE,CAAC;SACpB;IACL,CAAC,CAAC;IAEM,KAAK,GAAG,CAAC,CAAM,EAAQ,EAAE;QAC7B,IAAI,CAAC,CAAC,OAAO,KAAK,gBAAgB,CAAC,QAAQ,EAAE;YACzC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC3B;IACL,CAAC,CAAC;IAEM,kBAAkB,GAAG,CAAC,CAAM,EAAQ,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;QAErB,MAAM,WAAW,GACb,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACzF,MAAM,aAAa,GACf,SAAS,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAExF,IAAI,CAAC,WAAW,IAAI,CAAC,aAAa,EAAE;YAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC3B;IACL,CAAC,CAAC;IAEK,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACrC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,MAAM,aAAa,GAAQ;YACvB,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU;YACtC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW;YAC5C,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;SAC7B,CAAC;QAEF,IAAI,CAAC,IAAI,EAAE;YACP,OAAO,IAAI,CAAC;SACf;QAED,IAAI,MAAM,EAAE;YACR,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;YAC5C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;YAE5C,QAAQ,QAAQ,EAAE;gBACd,KAAK,SAAS;oBACV,aAAa,CAAC,eAAe,GAAG,aAAa,CAAC;oBAC9C,aAAa,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,WAAW,IAAI,CAAC;oBACjD,aAAa,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,WAAW,IAAI,CAAC;oBAC/C,aAAa,CAAC,SAAS,GAAG,kCAAkC,CAAC;oBAC7D,MAAM;gBAEV,KAAK,UAAU;oBACX,aAAa,CAAC,eAAe,GAAG,aAAa,CAAC;oBAC9C,aAAa,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,WAAW,IAAI,CAAC;oBACjD,aAAa,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,CAAC;oBACvD,aAAa,CAAC,SAAS,GAAG,qCAAqC,CAAC;oBAChE,MAAM;gBAEV,KAAK,YAAY;oBACb,aAAa,CAAC,eAAe,GAAG,UAAU,CAAC;oBAC3C,aAAa,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,WAAW,IAAI,CAAC;oBACpD,aAAa,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,WAAW,IAAI,CAAC;oBAC/C,aAAa,CAAC,SAAS,GAAG,+BAA+B,CAAC;oBAC1D,MAAM;gBAEV,KAAK,aAAa;oBACd,aAAa,CAAC,eAAe,GAAG,UAAU,CAAC;oBAC3C,aAAa,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,WAAW,IAAI,CAAC;oBACpD,aAAa,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,CAAC;oBACvD,aAAa,CAAC,SAAS,GAAG,kCAAkC,CAAC;oBAC7D,MAAM;gBACV;oBACI,MAAM;aACb;SACJ;QAED,OAAO,CACH,6BACI,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,IAAI,CAAC,WAAW,IACpB,QAAQ,CACP,CACT,CAAC;IACN,CAAC"}
|
package/package.json
CHANGED
|
@@ -27,14 +27,15 @@ class ButtonMenu extends React.PureComponent<IButtonMenuProps, IButtonMenuState>
|
|
|
27
27
|
|
|
28
28
|
this.evtHandlers = {
|
|
29
29
|
toggleMenu: (e) => this.toggleMenu(e),
|
|
30
|
-
clickOutside: (e
|
|
30
|
+
clickOutside: (e) => this.handleClickOutside(e)
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
this.toggleRef = React.createRef();
|
|
34
34
|
this.menuRef = React.createRef();
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
private handleClickOutside(e
|
|
37
|
+
private handleClickOutside(e) {
|
|
38
|
+
const isSelect = this.props.onClick ? true : false;
|
|
38
39
|
const clickOnToggle =
|
|
39
40
|
this.toggleRef && this.toggleRef.current && this.toggleRef.current.contains(e.target)
|
|
40
41
|
? true
|
|
@@ -74,9 +75,7 @@ class ButtonMenu extends React.PureComponent<IButtonMenuProps, IButtonMenuState>
|
|
|
74
75
|
},
|
|
75
76
|
() => {
|
|
76
77
|
if (this.state.open) {
|
|
77
|
-
document.addEventListener('click',
|
|
78
|
-
this.evtHandlers.clickOutside(evt, onClick ? true : undefined)
|
|
79
|
-
);
|
|
78
|
+
document.addEventListener('click', this.evtHandlers.clickOutside);
|
|
80
79
|
} else {
|
|
81
80
|
document.removeEventListener('click', this.evtHandlers.clickOutside);
|
|
82
81
|
}
|
|
@@ -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;
|