@tamagui/collapsible 2.0.0-rc.8 → 2.0.0
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/Collapsible.cjs +109 -107
- package/dist/cjs/Collapsible.native.js +112 -110
- package/dist/cjs/Collapsible.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Collapsible.mjs +79 -79
- package/dist/esm/Collapsible.mjs.map +1 -1
- package/dist/esm/Collapsible.native.js +82 -82
- package/dist/esm/Collapsible.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Collapsible.mjs +79 -79
- package/dist/jsx/Collapsible.mjs.map +1 -1
- package/dist/jsx/Collapsible.native.js +112 -110
- package/dist/jsx/Collapsible.native.js.map +1 -1
- package/dist/jsx/index.js +1 -1
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/package.json +14 -17
- package/dist/cjs/Collapsible.js +0 -117
- package/dist/cjs/Collapsible.js.map +0 -6
- package/dist/cjs/index.js +0 -15
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/Collapsible.js +0 -98
- package/dist/esm/Collapsible.js.map +0 -6
- package/dist/jsx/Collapsible.js +0 -98
- package/dist/jsx/Collapsible.js.map +0 -6
package/dist/jsx/Collapsible.js
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { AnimatePresence, ResetPresence } from "@tamagui/animate-presence";
|
|
2
|
-
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
3
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
4
|
-
import { View, createStyledContext, styled } from "@tamagui/web";
|
|
5
|
-
import * as React from "react";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
const COLLAPSIBLE_NAME = "Collapsible", { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = createStyledContext(), _Collapsible = React.forwardRef(
|
|
8
|
-
(props, forwardedRef) => {
|
|
9
|
-
const {
|
|
10
|
-
__scopeCollapsible,
|
|
11
|
-
open: openProp,
|
|
12
|
-
defaultOpen,
|
|
13
|
-
disabled,
|
|
14
|
-
onOpenChange,
|
|
15
|
-
...collapsibleProps
|
|
16
|
-
} = props, [open = !1, setOpen] = useControllableState({
|
|
17
|
-
prop: openProp,
|
|
18
|
-
defaultProp: defaultOpen,
|
|
19
|
-
onChange: onOpenChange
|
|
20
|
-
});
|
|
21
|
-
return /* @__PURE__ */ jsx(
|
|
22
|
-
CollapsibleProvider,
|
|
23
|
-
{
|
|
24
|
-
scope: __scopeCollapsible,
|
|
25
|
-
disabled,
|
|
26
|
-
contentId: React.useId(),
|
|
27
|
-
open,
|
|
28
|
-
onOpenToggle: React.useCallback(
|
|
29
|
-
() => setOpen((prevOpen) => !prevOpen),
|
|
30
|
-
[setOpen]
|
|
31
|
-
),
|
|
32
|
-
children: /* @__PURE__ */ jsx(
|
|
33
|
-
View,
|
|
34
|
-
{
|
|
35
|
-
"data-state": getState(open),
|
|
36
|
-
"data-disabled": disabled ? "" : void 0,
|
|
37
|
-
...collapsibleProps,
|
|
38
|
-
ref: forwardedRef
|
|
39
|
-
}
|
|
40
|
-
)
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
_Collapsible.displayName = COLLAPSIBLE_NAME;
|
|
46
|
-
const TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(View, {
|
|
47
|
-
name: TRIGGER_NAME,
|
|
48
|
-
render: "button"
|
|
49
|
-
}), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
|
|
50
|
-
(props, forwardedRef) => {
|
|
51
|
-
const { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(__scopeCollapsible);
|
|
52
|
-
return /* @__PURE__ */ jsx(
|
|
53
|
-
CollapsibleTriggerFrame,
|
|
54
|
-
{
|
|
55
|
-
"aria-controls": context.contentId,
|
|
56
|
-
"aria-expanded": context.open || !1,
|
|
57
|
-
"data-state": getState(context.open),
|
|
58
|
-
"data-disabled": context.disabled ? "" : void 0,
|
|
59
|
-
disabled: context.disabled,
|
|
60
|
-
...triggerProps,
|
|
61
|
-
ref: forwardedRef,
|
|
62
|
-
onPress: composeEventHandlers(props.onPress, context.onOpenToggle),
|
|
63
|
-
children: typeof children == "function" ? children({ open: context.open }) : children
|
|
64
|
-
}
|
|
65
|
-
);
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
CollapsibleTrigger.displayName = TRIGGER_NAME;
|
|
69
|
-
const CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(View, {
|
|
70
|
-
name: CONTENT_NAME
|
|
71
|
-
}), CollapsibleContent = CollapsibleContentFrame.styleable(
|
|
72
|
-
(props, forwardedRef) => {
|
|
73
|
-
const {
|
|
74
|
-
forceMount,
|
|
75
|
-
children,
|
|
76
|
-
// @ts-expect-error
|
|
77
|
-
__scopeCollapsible,
|
|
78
|
-
...contentProps
|
|
79
|
-
} = props, context = useCollapsibleContext(__scopeCollapsible);
|
|
80
|
-
return /* @__PURE__ */ jsx(AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ jsx(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children: /* @__PURE__ */ jsx(ResetPresence, { children }) }) : null });
|
|
81
|
-
}
|
|
82
|
-
);
|
|
83
|
-
CollapsibleContent.displayName = CONTENT_NAME;
|
|
84
|
-
function getState(open) {
|
|
85
|
-
return open ? "open" : "closed";
|
|
86
|
-
}
|
|
87
|
-
const Collapsible = withStaticProperties(_Collapsible, {
|
|
88
|
-
Trigger: CollapsibleTrigger,
|
|
89
|
-
Content: CollapsibleContent
|
|
90
|
-
});
|
|
91
|
-
export {
|
|
92
|
-
Collapsible,
|
|
93
|
-
CollapsibleContent,
|
|
94
|
-
CollapsibleContentFrame,
|
|
95
|
-
CollapsibleTrigger,
|
|
96
|
-
CollapsibleTriggerFrame
|
|
97
|
-
};
|
|
98
|
-
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Collapsible.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,iBAAiB,qBAAqB;AAC/C,SAAS,sBAAsB,4BAA4B;AAE3D,SAAS,4BAA4B;AAErC,SAAS,MAAM,qBAAqB,cAAc;AAClD,YAAY,WAAW;AAuDf;AAjDR,MAAM,mBAAmB,eAWnB,EAAE,UAAU,qBAAqB,kBAAkB,sBAAsB,IAC7E,oBAA6C,GASzC,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,OAAO,IAAO,OAAO,IAAI,qBAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW,MAAM,MAAM;AAAA,QACvB;AAAA,QACA,cAAc,MAAM;AAAA,UAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,UACrC,CAAC,OAAO;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,SAAS,IAAI;AAAA,YACzB,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe,sBAIf,0BAA0B,OAAO,MAAM;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AACV,CAAC,GAEK,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI,OACpD,UAAU,sBAAsB,kBAAkB;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ;AAAA,QACvB,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,cAAY,SAAS,QAAQ,IAAI;AAAA,QACjC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ;AAAA,QACjB,GAAI;AAAA,QACL,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,QAEvE,iBAAO,YAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;AAAA;AAAA,IACvE;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAgBjC,MAAM,eAAe,sBAEf,0BAA0B,OAAO,MAAM;AAAA,EAC3C,MAAM;AACR,CAAC,GAEK,qBACJ,wBAAwB;AAAA,EACtB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,UAAU,sBAAsB,kBAAkB;AAExD,WACE,oBAAC,mBAAiB,GAAG,cAClB,wBAAc,QAAQ,OACrB,oBAAC,2BAAwB,KAAK,cAAe,GAAG,cAC9C,8BAAC,iBAAe,UAAS,GAC3B,IACE,MACN;AAAA,EAEJ;AACF;AAEF,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,cAAc,qBAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|