takeat-design-system-ui-kit 0.1.104 → 0.1.105
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.
|
@@ -10,21 +10,15 @@ exports.Dropdown = (0, react_1.forwardRef)(function Dropdown(_a, ref) {
|
|
|
10
10
|
var _b = (0, react_1.useState)({ top: 0, right: 0, width: 0 }), position = _b[0], setPosition = _b[1];
|
|
11
11
|
var anchorElement = document.getElementById(anchor);
|
|
12
12
|
var anchorRect = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getBoundingClientRect();
|
|
13
|
-
console.log("Anchor: ", anchor);
|
|
14
|
-
console.log("Anchor element: ", anchorElement);
|
|
15
|
-
console.log("Anchor rect: ", anchorRect);
|
|
16
13
|
(0, react_1.useEffect)(function () {
|
|
17
14
|
if (anchorRect) {
|
|
18
15
|
setPosition({
|
|
19
16
|
top: anchorRect.top + anchorRect.height + 4,
|
|
20
|
-
right: anchorRect.
|
|
17
|
+
right: window.innerWidth - anchorRect.right,
|
|
21
18
|
width: anchorRect.width,
|
|
22
19
|
});
|
|
23
20
|
}
|
|
24
21
|
}, [isOpen]);
|
|
25
|
-
(0, react_1.useEffect)(function () {
|
|
26
|
-
console.log("Position: ", position);
|
|
27
|
-
}, [position]);
|
|
28
22
|
// close dropdown when clicking outside
|
|
29
23
|
(0, react_1.useEffect)(function () {
|
|
30
24
|
var handleClickOutside = function (event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+E;AAC/E,mCAA6C;AAQhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+E;AAC/E,mCAA6C;AAQhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC;gBACV,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC;gBAC3C,KAAK,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK;gBAC3C,KAAK,EAAE,UAAU,CAAC,KAAK;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,uCAAuC;IACvC,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;;YAC3C,IACE,GAAG;gBACH,aAAa;gBACb,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA;gBAC5C,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC9C,CAAC;gBACD,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,MAAM,IAAI,CACR,uBAAC,0BAAiB,qBAChB,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACS,CACrB,CACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -7,21 +7,15 @@ export var Dropdown = forwardRef(function Dropdown(_a, ref) {
|
|
|
7
7
|
var _b = useState({ top: 0, right: 0, width: 0 }), position = _b[0], setPosition = _b[1];
|
|
8
8
|
var anchorElement = document.getElementById(anchor);
|
|
9
9
|
var anchorRect = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getBoundingClientRect();
|
|
10
|
-
console.log("Anchor: ", anchor);
|
|
11
|
-
console.log("Anchor element: ", anchorElement);
|
|
12
|
-
console.log("Anchor rect: ", anchorRect);
|
|
13
10
|
useEffect(function () {
|
|
14
11
|
if (anchorRect) {
|
|
15
12
|
setPosition({
|
|
16
13
|
top: anchorRect.top + anchorRect.height + 4,
|
|
17
|
-
right: anchorRect.
|
|
14
|
+
right: window.innerWidth - anchorRect.right,
|
|
18
15
|
width: anchorRect.width,
|
|
19
16
|
});
|
|
20
17
|
}
|
|
21
18
|
}, [isOpen]);
|
|
22
|
-
useEffect(function () {
|
|
23
|
-
console.log("Position: ", position);
|
|
24
|
-
}, [position]);
|
|
25
19
|
// close dropdown when clicking outside
|
|
26
20
|
useEffect(function () {
|
|
27
21
|
var handleClickOutside = function (event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;IAE1D,SAAS,CAAC;QACR,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC;gBACV,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC;gBAC3C,KAAK,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK;gBAC3C,KAAK,EAAE,UAAU,CAAC,KAAK;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,uCAAuC;IACvC,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;;YAC3C,IACE,GAAG;gBACH,aAAa;gBACb,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA;gBAC5C,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC9C,CAAC;gBACD,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,MAAM,IAAI,CACR,KAAC,iBAAiB,aAChB,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACS,CACrB,CACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|