@multiplatform.one/components 0.7.8 → 0.7.10
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/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +3 -1
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js +5 -38
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.native.js +6 -38
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/index.js +14 -23
- package/dist/cjs/panels/SimplePopover/index.js.map +2 -2
- package/dist/cjs/panels/SimplePopover/index.native.js +15 -23
- package/dist/cjs/panels/SimplePopover/index.native.js.map +2 -2
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js +6 -38
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.native.js +7 -38
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/esm/panels/SimplePopover/index.js +13 -22
- package/dist/esm/panels/SimplePopover/index.js.map +1 -1
- package/dist/esm/panels/SimplePopover/index.native.js +14 -22
- package/dist/esm/panels/SimplePopover/index.native.js.map +1 -1
- package/dist/jsx/index.js +1 -0
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.native.js +1 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js +6 -21
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js +6 -21
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/index.js +13 -19
- package/dist/jsx/panels/SimplePopover/index.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/index.native.js +13 -19
- package/dist/jsx/panels/SimplePopover/index.native.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +22 -0
- package/src/panels/SimplePopover/SimplePopover.stories.tsx +6 -44
- package/src/panels/SimplePopover/index.tsx +26 -59
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/panels/SimplePopover/SimplePopover.stories.d.ts +0 -1
- package/types/panels/SimplePopover/SimplePopover.stories.d.ts.map +1 -1
- package/types/panels/SimplePopover/index.d.ts +6 -13
- package/types/panels/SimplePopover/index.d.ts.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
|
|
4
|
-
"mappings": "AAqBA,OAAO,SAAS,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,
|
|
4
|
+
"mappings": "AAqBA,OAAO,SAAS,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAe,OAAO,cAAc;AAGnE,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,oCAAC,iBAAc,SAAS,oCAAC,cAAO,6BAA2B,KACzD,oCAAC,cACC,oCAAC,YAAK,iBAAe,CACvB,CACF,GAGW,kBAAkB,MAC7B,oCAAC,iBAAc,SAAS,oCAAC,cAAO,YAAU,GAAW,iBAAe,MAClE,oCAAC,cACC,oCAAC,YAAK,wCAAsC,CAC9C,CACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,oCAAC,cAAO,4BAA0B;AAAA,MAC3C,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,MAC5C,iBAAe;AAAA;AAAA,IAEf,oCAAC,cACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oCAAC,QAAK,KAAK,KAAI,CAAE,CAClB,CACH;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,oCAAC,UAAO,IAAG,kBACT,oCAAC,UAAK,GACN,oCAAC,UAAK,CACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,oCAAC,UAAO,OAAK,MACX,oCAAC,aAAM,kCAAgC,GACvC,oCAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS,GACvD,oCAAC,iBAAc,MAAY,cAAc,SAAS,SAAS,oCAAC,cAAO,sBAAoB,KACrF,oCAAC,YAAK,qBAAmB,CAC3B,CACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oCAAC,eAAa,GAAG,MAAM;AAE3E,IAAO,gCAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,20 +1,6 @@
|
|
|
1
|
-
import { Adapt, Popover
|
|
1
|
+
import { Adapt, Popover } from "tamagui";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { YStack } from "tamagui";
|
|
4
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
|
|
6
|
-
const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ jsx(
|
|
7
|
-
View,
|
|
8
|
-
{
|
|
9
|
-
"aria-haspopup": "dialog",
|
|
10
|
-
"aria-expanded": context.open,
|
|
11
|
-
"data-state": getState(context.open),
|
|
12
|
-
...props,
|
|
13
|
-
ref: composedTriggerRef
|
|
14
|
-
}
|
|
15
|
-
);
|
|
16
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperAnchor, { asChild: !0, children: trigger });
|
|
17
|
-
});
|
|
18
4
|
function SimplePopover({
|
|
19
5
|
children,
|
|
20
6
|
contentStyle,
|
|
@@ -23,12 +9,18 @@ function SimplePopover({
|
|
|
23
9
|
arrow = !0,
|
|
24
10
|
triggerOnHover,
|
|
25
11
|
closeOnHoverOut,
|
|
12
|
+
trigger,
|
|
26
13
|
...props
|
|
27
14
|
}) {
|
|
28
|
-
const [open, setOpen] = React.useState(!1)
|
|
15
|
+
const [open, setOpen] = React.useState(!1);
|
|
16
|
+
function handleHoverIn(e) {
|
|
17
|
+
triggerOnHover && (setOpen(!0), contentStyle?.onHoverIn && contentStyle?.onHoverIn(e), triggerStyle?.onHoverIn && triggerStyle.onHoverIn(e));
|
|
18
|
+
}
|
|
19
|
+
function handleHoverOut(e) {
|
|
20
|
+
closeOnHoverOut && (setOpen(!1), contentStyle?.onHoverOut && contentStyle.onHoverOut(e), triggerStyle?.onHoverOut && triggerStyle.onHoverOut(e));
|
|
21
|
+
}
|
|
29
22
|
return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, open, onOpenChange: setOpen, ...props, children: [
|
|
30
|
-
|
|
31
|
-
!trigger && "triggerElement" in props && "open" in props && /* @__PURE__ */ jsx(SimplePopoverTrigger, { asChild: !0, children: props.triggerElement }),
|
|
23
|
+
/* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, ...triggerStyle, onHoverIn: handleHoverIn, onHoverOut: handleHoverOut, children: trigger }),
|
|
32
24
|
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
33
25
|
/* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", onMouseEnter: () => setOpen(!0), children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
34
26
|
/* @__PURE__ */ jsx(Popover.Sheet.Overlay, {})
|
|
@@ -52,10 +44,10 @@ function SimplePopover({
|
|
|
52
44
|
}
|
|
53
45
|
],
|
|
54
46
|
elevate: !0,
|
|
55
|
-
onHoverIn: triggerOnHover ? () => setOpen(!0) : void 0,
|
|
56
|
-
onHoverOut: triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0,
|
|
57
47
|
zi: 9999999999,
|
|
58
48
|
...contentStyle,
|
|
49
|
+
onHoverIn: handleHoverIn,
|
|
50
|
+
onHoverOut: handleHoverOut,
|
|
59
51
|
children: [
|
|
60
52
|
arrow && /* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor", ...arrowStyle }),
|
|
61
53
|
children
|
|
@@ -65,7 +57,6 @@ function SimplePopover({
|
|
|
65
57
|
] });
|
|
66
58
|
}
|
|
67
59
|
export {
|
|
68
|
-
SimplePopover
|
|
69
|
-
SimplePopoverTrigger
|
|
60
|
+
SimplePopover
|
|
70
61
|
};
|
|
71
62
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAsBA,SAAS,OAAO,eAAe;AAC/B,OAAO,WAAW;AA4CZ,cAIE,YAJF;AA7BC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK;AAE5C,WAAS,cAAc,GAAG;AACxB,IAAK,mBACL,QAAQ,EAAI,GACR,cAAc,aAAW,cAAc,UAAU,CAAC,GAClD,cAAc,aAAW,aAAa,UAAU,CAAC;AAAA,EACvD;AAEA,WAAS,eAAe,GAAG;AACzB,IAAK,oBACL,QAAQ,EAAK,GACT,cAAc,cAAY,aAAa,WAAW,CAAC,GACnD,cAAc,cAAY,aAAa,WAAW,CAAC;AAAA,EACzD;AAEA,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,OAClE;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IAAE,GAAG,cAAc,WAAW,eAAe,YAAY,gBAC9E,mBACH;AAAA,IACA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IACA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACxD,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WACG,iBASG,SARA;AAAA,UACE;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAGN,SAAO;AAAA,QACP,IAAI;AAAA,QACH,GAAG;AAAA,QACJ,WAAW;AAAA,QACX,YAAY;AAAA,QAEX;AAAA,mBAAS,oBAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAgB,GAAG,YAAY;AAAA,UACnF;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,19 +1,5 @@
|
|
|
1
|
-
import { Adapt, Popover
|
|
1
|
+
import { Adapt, Popover } from "tamagui";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { YStack } from "tamagui";
|
|
4
|
-
const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
|
|
5
|
-
const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ React.createElement(
|
|
6
|
-
View,
|
|
7
|
-
{
|
|
8
|
-
"aria-haspopup": "dialog",
|
|
9
|
-
"aria-expanded": context.open,
|
|
10
|
-
"data-state": getState(context.open),
|
|
11
|
-
...props,
|
|
12
|
-
ref: composedTriggerRef
|
|
13
|
-
}
|
|
14
|
-
);
|
|
15
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ React.createElement(PopperAnchor, { asChild: !0 }, trigger);
|
|
16
|
-
});
|
|
17
3
|
function SimplePopover({
|
|
18
4
|
children,
|
|
19
5
|
contentStyle,
|
|
@@ -22,10 +8,17 @@ function SimplePopover({
|
|
|
22
8
|
arrow = !0,
|
|
23
9
|
triggerOnHover,
|
|
24
10
|
closeOnHoverOut,
|
|
11
|
+
trigger,
|
|
25
12
|
...props
|
|
26
13
|
}) {
|
|
27
|
-
const [open, setOpen] = React.useState(!1)
|
|
28
|
-
|
|
14
|
+
const [open, setOpen] = React.useState(!1);
|
|
15
|
+
function handleHoverIn(e) {
|
|
16
|
+
triggerOnHover && (setOpen(!0), contentStyle?.onHoverIn && contentStyle?.onHoverIn(e), triggerStyle?.onHoverIn && triggerStyle.onHoverIn(e));
|
|
17
|
+
}
|
|
18
|
+
function handleHoverOut(e) {
|
|
19
|
+
closeOnHoverOut && (setOpen(!1), contentStyle?.onHoverOut && contentStyle.onHoverOut(e), triggerStyle?.onHoverOut && triggerStyle.onHoverOut(e));
|
|
20
|
+
}
|
|
21
|
+
return /* @__PURE__ */ React.createElement(Popover, { size: "$5", allowFlip: !0, open, onOpenChange: setOpen, ...props }, /* @__PURE__ */ React.createElement(Popover.Trigger, { asChild: !0, ...triggerStyle, onHoverIn: handleHoverIn, onHoverOut: handleHoverOut }, trigger), /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4", onMouseEnter: () => setOpen(!0) }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(
|
|
29
22
|
Popover.Content,
|
|
30
23
|
{
|
|
31
24
|
borderWidth: 1,
|
|
@@ -44,17 +37,16 @@ function SimplePopover({
|
|
|
44
37
|
}
|
|
45
38
|
],
|
|
46
39
|
elevate: !0,
|
|
47
|
-
onHoverIn: triggerOnHover ? () => setOpen(!0) : void 0,
|
|
48
|
-
onHoverOut: triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0,
|
|
49
40
|
zi: 9999999999,
|
|
50
|
-
...contentStyle
|
|
41
|
+
...contentStyle,
|
|
42
|
+
onHoverIn: handleHoverIn,
|
|
43
|
+
onHoverOut: handleHoverOut
|
|
51
44
|
},
|
|
52
45
|
arrow && /* @__PURE__ */ React.createElement(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor", ...arrowStyle }),
|
|
53
46
|
children
|
|
54
47
|
));
|
|
55
48
|
}
|
|
56
49
|
export {
|
|
57
|
-
SimplePopover
|
|
58
|
-
SimplePopoverTrigger
|
|
50
|
+
SimplePopover
|
|
59
51
|
};
|
|
60
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAsBA,SAAS,OAAO,eAAe;AAC/B,OAAO,WAAW;AAeX,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK;AAE5C,WAAS,cAAc,GAAG;AACxB,IAAK,mBACL,QAAQ,EAAI,GACR,cAAc,aAAW,cAAc,UAAU,CAAC,GAClD,cAAc,aAAW,aAAa,UAAU,CAAC;AAAA,EACvD;AAEA,WAAS,eAAe,GAAG;AACzB,IAAK,oBACL,QAAQ,EAAK,GACT,cAAc,cAAY,aAAa,WAAW,CAAC,GACnD,cAAc,cAAY,aAAa,WAAW,CAAC;AAAA,EACzD;AAEA,SACE,oCAAC,WAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,SAClE,oCAAC,QAAQ,SAAR,EAAgB,SAAO,IAAE,GAAG,cAAc,WAAW,eAAe,YAAY,kBAC9E,OACH,GACA,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,MACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,KAChE,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,aAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACxD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WACG,iBASG,SARA;AAAA,QACE;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MAGN,SAAO;AAAA,MACP,IAAI;AAAA,MACH,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA;AAAA,IAEX,SAAS,oCAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAgB,GAAG,YAAY;AAAA,IACnF;AAAA,EACH,CACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/index.js
CHANGED
package/dist/jsx/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAqBA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/index.native.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAqBA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
2
|
import { SimplePopover } from "./index";
|
|
3
|
-
import { Text, YStack, XStack, Switch,
|
|
3
|
+
import { Text, YStack, XStack, Switch, Label, Button } from "tamagui";
|
|
4
4
|
const meta = {
|
|
5
5
|
title: "panels/SimplePopover",
|
|
6
6
|
component: SimplePopover,
|
|
7
7
|
parameters: { status: { type: "beta" } }
|
|
8
|
-
}, main = () => <SimplePopover><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover
|
|
9
|
-
closeOnHoverOut
|
|
10
|
-
><YStack><Text>popover content will close on hoverOut</Text></YStack></SimplePopover>;
|
|
8
|
+
}, main = () => <SimplePopover trigger={<Button>Click here to get a Popover</Button>}><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover trigger={<Button>click here</Button>} closeOnHoverOut><YStack><Text>popover content will close on hoverOut</Text></YStack></SimplePopover>;
|
|
11
9
|
function Open() {
|
|
12
10
|
return <SimplePopover
|
|
11
|
+
trigger={<Button>hover on it to get Popover</Button>}
|
|
13
12
|
triggerOnHover
|
|
14
13
|
arrow={!1}
|
|
15
14
|
triggerStyle={{ als: "center", ai: "center" }}
|
|
15
|
+
closeOnHoverOut
|
|
16
16
|
><YStack>{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => <Text key={i}>{i}</Text>)}</YStack></SimplePopover>;
|
|
17
17
|
}
|
|
18
18
|
const openOnHover = () => <XStack jc="space-around">
|
|
@@ -23,29 +23,14 @@ const openOnHover = () => <XStack jc="space-around">
|
|
|
23
23
|
return <YStack space>
|
|
24
24
|
<Label>change the switch to get popover</Label>
|
|
25
25
|
<Switch checked={props.open} onCheckedChange={setOpen} />
|
|
26
|
-
<SimplePopover
|
|
27
|
-
open={open}
|
|
28
|
-
onOpenChange={setOpen}
|
|
29
|
-
><Text>Conditional popover</Text></SimplePopover>
|
|
26
|
+
<SimplePopover open={open} onOpenChange={setOpen} trigger={<Button>Popup will open here</Button>}><Text>Conditional popover</Text></SimplePopover>
|
|
30
27
|
</YStack>;
|
|
31
|
-
}, openOnChangingTheCondition = (args) => <OnCondition {...args}
|
|
32
|
-
const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");
|
|
33
|
-
function handleInput(val) {
|
|
34
|
-
setOpen(val === "show"), setInputVal(val);
|
|
35
|
-
}
|
|
36
|
-
return <YStack space><SimplePopover
|
|
37
|
-
open={open}
|
|
38
|
-
onOpenChange={setOpen}
|
|
39
|
-
triggerElement={<YStack><Input value={inputVal} onChangeText={handleInput} placeholder="type show to get popup" /></YStack>}
|
|
40
|
-
arrow={!0}
|
|
41
|
-
><Text>Conditional popover</Text></SimplePopover></YStack>;
|
|
42
|
-
}, openOnAnyCondition = (args) => <ConditionalPopover {...args} />;
|
|
28
|
+
}, openOnChangingTheCondition = (args) => <OnCondition {...args} />;
|
|
43
29
|
var SimplePopover_stories_default = meta;
|
|
44
30
|
export {
|
|
45
31
|
closeOnHoverOut,
|
|
46
32
|
SimplePopover_stories_default as default,
|
|
47
33
|
main,
|
|
48
|
-
openOnAnyCondition,
|
|
49
34
|
openOnChangingTheCondition,
|
|
50
35
|
openOnHover
|
|
51
36
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
|
|
4
|
-
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,
|
|
4
|
+
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAe,OAAO,cAAc;AAGnE,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC,gBAOU,kBAAkB,MAC7B,CAAC,cAAc,SAAS,CAAC,OAAO,UAAU,EAAjB,SAA4B,gBACnD,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAJC;AAOH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IACC,SAAS,CAAC,OAAO,0BAA0B,EAAjC;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,IAC5C;AAAA,GAEA,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAZC;AAcL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC,cAAc,MAAM,MAAM,cAAc,SAAS,SAAS,CAAC,OAAO,oBAAoB,EAA3B,SAC1D,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAFC;AAAA,EAGH,EANC;AAQL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM;AAE3E,IAAO,gCAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
2
|
import { SimplePopover } from "./index";
|
|
3
|
-
import { Text, YStack, XStack, Switch,
|
|
3
|
+
import { Text, YStack, XStack, Switch, Label, Button } from "tamagui";
|
|
4
4
|
const meta = {
|
|
5
5
|
title: "panels/SimplePopover",
|
|
6
6
|
component: SimplePopover,
|
|
7
7
|
parameters: { status: { type: "beta" } }
|
|
8
|
-
}, main = () => <SimplePopover><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover
|
|
9
|
-
closeOnHoverOut
|
|
10
|
-
><YStack><Text>popover content will close on hoverOut</Text></YStack></SimplePopover>;
|
|
8
|
+
}, main = () => <SimplePopover trigger={<Button>Click here to get a Popover</Button>}><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover trigger={<Button>click here</Button>} closeOnHoverOut><YStack><Text>popover content will close on hoverOut</Text></YStack></SimplePopover>;
|
|
11
9
|
function Open() {
|
|
12
10
|
return <SimplePopover
|
|
11
|
+
trigger={<Button>hover on it to get Popover</Button>}
|
|
13
12
|
triggerOnHover
|
|
14
13
|
arrow={!1}
|
|
15
14
|
triggerStyle={{ als: "center", ai: "center" }}
|
|
15
|
+
closeOnHoverOut
|
|
16
16
|
><YStack>{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => <Text key={i}>{i}</Text>)}</YStack></SimplePopover>;
|
|
17
17
|
}
|
|
18
18
|
const openOnHover = () => <XStack jc="space-around">
|
|
@@ -23,29 +23,14 @@ const openOnHover = () => <XStack jc="space-around">
|
|
|
23
23
|
return <YStack space>
|
|
24
24
|
<Label>change the switch to get popover</Label>
|
|
25
25
|
<Switch checked={props.open} onCheckedChange={setOpen} />
|
|
26
|
-
<SimplePopover
|
|
27
|
-
open={open}
|
|
28
|
-
onOpenChange={setOpen}
|
|
29
|
-
><Text>Conditional popover</Text></SimplePopover>
|
|
26
|
+
<SimplePopover open={open} onOpenChange={setOpen} trigger={<Button>Popup will open here</Button>}><Text>Conditional popover</Text></SimplePopover>
|
|
30
27
|
</YStack>;
|
|
31
|
-
}, openOnChangingTheCondition = (args) => <OnCondition {...args}
|
|
32
|
-
const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");
|
|
33
|
-
function handleInput(val) {
|
|
34
|
-
setOpen(val === "show"), setInputVal(val);
|
|
35
|
-
}
|
|
36
|
-
return <YStack space><SimplePopover
|
|
37
|
-
open={open}
|
|
38
|
-
onOpenChange={setOpen}
|
|
39
|
-
triggerElement={<YStack><Input value={inputVal} onChangeText={handleInput} placeholder="type show to get popup" /></YStack>}
|
|
40
|
-
arrow={!0}
|
|
41
|
-
><Text>Conditional popover</Text></SimplePopover></YStack>;
|
|
42
|
-
}, openOnAnyCondition = (args) => <ConditionalPopover {...args} />;
|
|
28
|
+
}, openOnChangingTheCondition = (args) => <OnCondition {...args} />;
|
|
43
29
|
var SimplePopover_stories_default = meta;
|
|
44
30
|
export {
|
|
45
31
|
closeOnHoverOut,
|
|
46
32
|
SimplePopover_stories_default as default,
|
|
47
33
|
main,
|
|
48
|
-
openOnAnyCondition,
|
|
49
34
|
openOnChangingTheCondition,
|
|
50
35
|
openOnHover
|
|
51
36
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
|
|
4
|
-
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,
|
|
4
|
+
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAe,OAAO,cAAc;AAGnE,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC,gBAOU,kBAAkB,MAC7B,CAAC,cAAc,SAAS,CAAC,OAAO,UAAU,EAAjB,SAA4B,gBACnD,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAJC;AAOH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IACC,SAAS,CAAC,OAAO,0BAA0B,EAAjC;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,IAC5C;AAAA,GAEA,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAZC;AAcL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC,cAAc,MAAM,MAAM,cAAc,SAAS,SAAS,CAAC,OAAO,oBAAoB,EAA3B,SAC1D,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAFC;AAAA,EAGH,EANC;AAQL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM;AAE3E,IAAO,gCAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
import { Adapt, Popover
|
|
1
|
+
import { Adapt, Popover } from "tamagui";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { YStack } from "tamagui";
|
|
4
|
-
const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
|
|
5
|
-
const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = <View
|
|
6
|
-
aria-haspopup="dialog"
|
|
7
|
-
aria-expanded={context.open}
|
|
8
|
-
data-state={getState(context.open)}
|
|
9
|
-
{...props}
|
|
10
|
-
ref={composedTriggerRef}
|
|
11
|
-
/>;
|
|
12
|
-
return context.hasCustomAnchor ? trigger : <PopperAnchor asChild>{trigger}</PopperAnchor>;
|
|
13
|
-
});
|
|
14
3
|
function SimplePopover({
|
|
15
4
|
children,
|
|
16
5
|
contentStyle,
|
|
@@ -19,12 +8,18 @@ function SimplePopover({
|
|
|
19
8
|
arrow = !0,
|
|
20
9
|
triggerOnHover,
|
|
21
10
|
closeOnHoverOut,
|
|
11
|
+
trigger,
|
|
22
12
|
...props
|
|
23
13
|
}) {
|
|
24
|
-
const [open, setOpen] = React.useState(!1)
|
|
14
|
+
const [open, setOpen] = React.useState(!1);
|
|
15
|
+
function handleHoverIn(e) {
|
|
16
|
+
triggerOnHover && (setOpen(!0), contentStyle?.onHoverIn && contentStyle?.onHoverIn(e), triggerStyle?.onHoverIn && triggerStyle.onHoverIn(e));
|
|
17
|
+
}
|
|
18
|
+
function handleHoverOut(e) {
|
|
19
|
+
closeOnHoverOut && (setOpen(!1), contentStyle?.onHoverOut && contentStyle.onHoverOut(e), triggerStyle?.onHoverOut && triggerStyle.onHoverOut(e));
|
|
20
|
+
}
|
|
25
21
|
return <Popover size="$5" allowFlip open={open} onOpenChange={setOpen} {...props}>
|
|
26
|
-
|
|
27
|
-
{!trigger && "triggerElement" in props && "open" in props && <SimplePopoverTrigger asChild>{props.triggerElement}</SimplePopoverTrigger>}
|
|
22
|
+
<Popover.Trigger asChild {...triggerStyle} onHoverIn={handleHoverIn} onHoverOut={handleHoverOut}>{trigger}</Popover.Trigger>
|
|
28
23
|
<Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
|
|
29
24
|
<Popover.Sheet.Frame padding="$4" onMouseEnter={() => setOpen(!0)}><Adapt.Contents /></Popover.Sheet.Frame>
|
|
30
25
|
<Popover.Sheet.Overlay />
|
|
@@ -46,10 +41,10 @@ function SimplePopover({
|
|
|
46
41
|
}
|
|
47
42
|
]}
|
|
48
43
|
elevate
|
|
49
|
-
onHoverIn={triggerOnHover ? () => setOpen(!0) : void 0}
|
|
50
|
-
onHoverOut={triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0}
|
|
51
44
|
zi={9999999999}
|
|
52
45
|
{...contentStyle}
|
|
46
|
+
onHoverIn={handleHoverIn}
|
|
47
|
+
onHoverOut={handleHoverOut}
|
|
53
48
|
>
|
|
54
49
|
{arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" {...arrowStyle} />}
|
|
55
50
|
{children}
|
|
@@ -57,7 +52,6 @@ function SimplePopover({
|
|
|
57
52
|
</Popover>;
|
|
58
53
|
}
|
|
59
54
|
export {
|
|
60
|
-
SimplePopover
|
|
61
|
-
SimplePopoverTrigger
|
|
55
|
+
SimplePopover
|
|
62
56
|
};
|
|
63
57
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAsBA,SAAS,OAAO,eAAe;AAC/B,OAAO,WAAW;AAeX,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK;AAE5C,WAAS,cAAc,GAAG;AACxB,IAAK,mBACL,QAAQ,EAAI,GACR,cAAc,aAAW,cAAc,UAAU,CAAC,GAClD,cAAc,aAAW,aAAa,UAAU,CAAC;AAAA,EACvD;AAEA,WAAS,eAAe,GAAG;AACzB,IAAK,oBACL,QAAQ,EAAK,GACT,cAAc,cAAY,aAAa,WAAW,CAAC,GACnD,cAAc,cAAY,aAAa,WAAW,CAAC;AAAA,EACzD;AAEA,SACE,CAAC,QAAQ,KAAK,KAAK,UAAU,MAAM,MAAM,cAAc,aAAa;AAAA,IAClE,CAAC,QAAQ,QAAQ,YAAY,cAAc,WAAW,eAAe,YAAY,iBAC9E,QACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACxD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WACG,iBASG,SARA;AAAA,QACE;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MAGN;AAAA,MACA,IAAI;AAAA,UACA;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA;AAAA,OAEX,SAAS,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,mBAAmB,YAAY;AAAA,OACnF;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EAzCC;AA2CL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
import { Adapt, Popover
|
|
1
|
+
import { Adapt, Popover } from "tamagui";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { YStack } from "tamagui";
|
|
4
|
-
const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
|
|
5
|
-
const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = <View
|
|
6
|
-
aria-haspopup="dialog"
|
|
7
|
-
aria-expanded={context.open}
|
|
8
|
-
data-state={getState(context.open)}
|
|
9
|
-
{...props}
|
|
10
|
-
ref={composedTriggerRef}
|
|
11
|
-
/>;
|
|
12
|
-
return context.hasCustomAnchor ? trigger : <PopperAnchor asChild>{trigger}</PopperAnchor>;
|
|
13
|
-
});
|
|
14
3
|
function SimplePopover({
|
|
15
4
|
children,
|
|
16
5
|
contentStyle,
|
|
@@ -19,12 +8,18 @@ function SimplePopover({
|
|
|
19
8
|
arrow = !0,
|
|
20
9
|
triggerOnHover,
|
|
21
10
|
closeOnHoverOut,
|
|
11
|
+
trigger,
|
|
22
12
|
...props
|
|
23
13
|
}) {
|
|
24
|
-
const [open, setOpen] = React.useState(!1)
|
|
14
|
+
const [open, setOpen] = React.useState(!1);
|
|
15
|
+
function handleHoverIn(e) {
|
|
16
|
+
triggerOnHover && (setOpen(!0), contentStyle != null && contentStyle.onHoverIn && (contentStyle == null || contentStyle.onHoverIn(e)), triggerStyle != null && triggerStyle.onHoverIn && triggerStyle.onHoverIn(e));
|
|
17
|
+
}
|
|
18
|
+
function handleHoverOut(e) {
|
|
19
|
+
closeOnHoverOut && (setOpen(!1), contentStyle != null && contentStyle.onHoverOut && contentStyle.onHoverOut(e), triggerStyle != null && triggerStyle.onHoverOut && triggerStyle.onHoverOut(e));
|
|
20
|
+
}
|
|
25
21
|
return <Popover size="$5" allowFlip open={open} onOpenChange={setOpen} {...props}>
|
|
26
|
-
|
|
27
|
-
{!trigger && "triggerElement" in props && "open" in props && <SimplePopoverTrigger asChild>{props.triggerElement}</SimplePopoverTrigger>}
|
|
22
|
+
<Popover.Trigger asChild {...triggerStyle} onHoverIn={handleHoverIn} onHoverOut={handleHoverOut}>{trigger}</Popover.Trigger>
|
|
28
23
|
<Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
|
|
29
24
|
<Popover.Sheet.Frame padding="$4" onMouseEnter={() => setOpen(!0)}><Adapt.Contents /></Popover.Sheet.Frame>
|
|
30
25
|
<Popover.Sheet.Overlay />
|
|
@@ -46,10 +41,10 @@ function SimplePopover({
|
|
|
46
41
|
}
|
|
47
42
|
]}
|
|
48
43
|
elevate
|
|
49
|
-
onHoverIn={triggerOnHover ? () => setOpen(!0) : void 0}
|
|
50
|
-
onHoverOut={triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0}
|
|
51
44
|
zi={9999999999}
|
|
52
45
|
{...contentStyle}
|
|
46
|
+
onHoverIn={handleHoverIn}
|
|
47
|
+
onHoverOut={handleHoverOut}
|
|
53
48
|
>
|
|
54
49
|
{arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" {...arrowStyle} />}
|
|
55
50
|
{children}
|
|
@@ -57,7 +52,6 @@ function SimplePopover({
|
|
|
57
52
|
</Popover>;
|
|
58
53
|
}
|
|
59
54
|
export {
|
|
60
|
-
SimplePopover
|
|
61
|
-
SimplePopoverTrigger
|
|
55
|
+
SimplePopover
|
|
62
56
|
};
|
|
63
57
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAsBA,SAAS,OAAO,eAAe;AAC/B,OAAO,WAAW;AAeX,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK;AAE5C,WAAS,cAAc,GAAG;AACxB,IAAK,mBACL,QAAQ,EAAI,GACR,qCAAc,cAAW,qCAAc,UAAU,KACjD,qCAAc,aAAW,aAAa,UAAU,CAAC;AAAA,EACvD;AAEA,WAAS,eAAe,GAAG;AACzB,IAAK,oBACL,QAAQ,EAAK,GACT,qCAAc,cAAY,aAAa,WAAW,CAAC,GACnD,qCAAc,cAAY,aAAa,WAAW,CAAC;AAAA,EACzD;AAEA,SACE,CAAC,QAAQ,KAAK,KAAK,UAAU,MAAM,MAAM,cAAc,aAAa;AAAA,IAClE,CAAC,QAAQ,QAAQ,YAAY,cAAc,WAAW,eAAe,YAAY,iBAC9E,QACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACxD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WACG,iBASG,SARA;AAAA,QACE;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MAGN;AAAA,MACA,IAAI;AAAA,UACA;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA;AAAA,OAEX,SAAS,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,mBAAmB,YAAY;AAAA,OACnF;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EAzCC;AA2CL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@multiplatform.one/components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.10",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"moti": "^0.27.0",
|
|
76
76
|
"react-native-reanimated": "3.5.4",
|
|
77
77
|
"solito": "^4.1.3",
|
|
78
|
-
"ui": "0.0.
|
|
78
|
+
"ui": "0.0.4"
|
|
79
79
|
},
|
|
80
80
|
"jest": {
|
|
81
81
|
"testRegex": "((/(tests|__tests__)((/|/[^_.\n][^/\n]*(/[^_.\n][^/\n]+)*/)[^_.\n][^/\n]*))|((/|/.*/)(([^_.\n][^/\n]*.(spec|test))|(spec|test)))).[jt]sx?$",
|
package/src/index.ts
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* File: /src/index.ts
|
|
3
|
+
* Project: @multiplatform.one/components
|
|
4
|
+
* File Created: 14-11-2023 12:17:11
|
|
5
|
+
* Author: Lalit rajak
|
|
6
|
+
* -----
|
|
7
|
+
* BitSpur (c) Copyright 2021 - 2023
|
|
8
|
+
*
|
|
9
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
10
|
+
* you may not use this file except in compliance with the License.
|
|
11
|
+
* You may obtain a copy of the License at
|
|
12
|
+
*
|
|
13
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
14
|
+
*
|
|
15
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
16
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
17
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
18
|
+
* See the License for the specific language governing permissions and
|
|
19
|
+
* limitations under the License.
|
|
20
|
+
*/
|
|
21
|
+
|
|
1
22
|
export * from './ErrorBoundary';
|
|
2
23
|
export * from './code';
|
|
3
24
|
export * from './forms';
|
|
@@ -8,3 +29,4 @@ export * from './layouts';
|
|
|
8
29
|
export * from './mdx';
|
|
9
30
|
export * from './panels';
|
|
10
31
|
export * from './table';
|
|
32
|
+
export * from './organize';
|