@tamagui/accordion 1.110.5 → 1.111.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/Accordion.native.js +61 -187
- package/dist/cjs/Accordion.native.js.map +2 -2
- package/dist/esm/Accordion.native.js +61 -186
- package/dist/esm/Accordion.native.js.map +2 -2
- package/dist/esm/Accordion.native.mjs +375 -0
- package/dist/esm/Accordion.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +2 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/jsx/Accordion.native.js +60 -185
- package/dist/jsx/Accordion.native.js.map +2 -2
- package/package.json +11 -11
|
@@ -26,134 +26,29 @@ __export(Accordion_exports, {
|
|
|
26
26
|
Accordion: () => Accordion
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(Accordion_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_collapsible = require("@tamagui/collapsible"), import_collection = require("@tamagui/collection"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), import_web2 = require("@tamagui/web"), React = __toESM(require("react"))
|
|
30
|
-
function _array_like_to_array(arr, len) {
|
|
31
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
32
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
33
|
-
return arr2;
|
|
34
|
-
}
|
|
35
|
-
function _array_with_holes(arr) {
|
|
36
|
-
if (Array.isArray(arr)) return arr;
|
|
37
|
-
}
|
|
38
|
-
function _array_without_holes(arr) {
|
|
39
|
-
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
40
|
-
}
|
|
41
|
-
function _define_property(obj, key, value) {
|
|
42
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
43
|
-
value,
|
|
44
|
-
enumerable: !0,
|
|
45
|
-
configurable: !0,
|
|
46
|
-
writable: !0
|
|
47
|
-
}) : obj[key] = value, obj;
|
|
48
|
-
}
|
|
49
|
-
function _iterable_to_array(iter) {
|
|
50
|
-
if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
51
|
-
}
|
|
52
|
-
function _iterable_to_array_limit(arr, i) {
|
|
53
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
54
|
-
if (_i != null) {
|
|
55
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
56
|
-
try {
|
|
57
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
58
|
-
;
|
|
59
|
-
} catch (err) {
|
|
60
|
-
_d = !0, _e = err;
|
|
61
|
-
} finally {
|
|
62
|
-
try {
|
|
63
|
-
!_n && _i.return != null && _i.return();
|
|
64
|
-
} finally {
|
|
65
|
-
if (_d) throw _e;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
return _arr;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
function _non_iterable_rest() {
|
|
72
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
73
|
-
}
|
|
74
|
-
function _non_iterable_spread() {
|
|
75
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
76
|
-
}
|
|
77
|
-
function _object_spread(target) {
|
|
78
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
79
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
80
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
81
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
82
|
-
}))), ownKeys2.forEach(function(key) {
|
|
83
|
-
_define_property(target, key, source[key]);
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
return target;
|
|
87
|
-
}
|
|
88
|
-
function ownKeys(object, enumerableOnly) {
|
|
89
|
-
var keys = Object.keys(object);
|
|
90
|
-
if (Object.getOwnPropertySymbols) {
|
|
91
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
92
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
93
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
94
|
-
})), keys.push.apply(keys, symbols);
|
|
95
|
-
}
|
|
96
|
-
return keys;
|
|
97
|
-
}
|
|
98
|
-
function _object_spread_props(target, source) {
|
|
99
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
100
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
101
|
-
}), target;
|
|
102
|
-
}
|
|
103
|
-
function _object_without_properties(source, excluded) {
|
|
104
|
-
if (source == null) return {};
|
|
105
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
106
|
-
if (Object.getOwnPropertySymbols) {
|
|
107
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
108
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
109
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
110
|
-
}
|
|
111
|
-
return target;
|
|
112
|
-
}
|
|
113
|
-
function _object_without_properties_loose(source, excluded) {
|
|
114
|
-
if (source == null) return {};
|
|
115
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
116
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
117
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
118
|
-
return target;
|
|
119
|
-
}
|
|
120
|
-
function _sliced_to_array(arr, i) {
|
|
121
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
122
|
-
}
|
|
123
|
-
function _to_consumable_array(arr) {
|
|
124
|
-
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
125
|
-
}
|
|
126
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
127
|
-
if (o) {
|
|
128
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
129
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
130
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
131
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
var ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_collapsible = require("@tamagui/collapsible"), import_collection = require("@tamagui/collection"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), import_web2 = require("@tamagui/web"), React = __toESM(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
|
|
135
30
|
"Home",
|
|
136
31
|
"End",
|
|
137
32
|
"ArrowDown",
|
|
138
33
|
"ArrowUp",
|
|
139
34
|
"ArrowLeft",
|
|
140
35
|
"ArrowRight"
|
|
141
|
-
],
|
|
142
|
-
var
|
|
143
|
-
"type"
|
|
144
|
-
]), singleProps = accordionProps, multipleProps = accordionProps;
|
|
36
|
+
], [Collection, useCollection] = (0, import_collection.createCollection)(ACCORDION_NAME), ACCORDION_CONTEXT = "Accordion", AccordionComponent = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
37
|
+
var { type, ...accordionProps } = props, singleProps = accordionProps, multipleProps = accordionProps;
|
|
145
38
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, {
|
|
146
39
|
__scopeCollection: props.__scopeAccordion || ACCORDION_CONTEXT,
|
|
147
|
-
children:
|
|
40
|
+
children: type === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImplMultiple, {
|
|
41
|
+
...multipleProps,
|
|
148
42
|
ref: forwardedRef
|
|
149
|
-
})
|
|
43
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImplSingle, {
|
|
44
|
+
...singleProps,
|
|
150
45
|
ref: forwardedRef
|
|
151
|
-
})
|
|
46
|
+
})
|
|
152
47
|
});
|
|
153
48
|
});
|
|
154
49
|
AccordionComponent.displayName = ACCORDION_NAME;
|
|
155
50
|
AccordionComponent.propTypes = {
|
|
156
|
-
type
|
|
51
|
+
type(props) {
|
|
157
52
|
var value = props.value || props.defaultValue;
|
|
158
53
|
return props.type && ![
|
|
159
54
|
"single",
|
|
@@ -161,19 +56,13 @@ AccordionComponent.propTypes = {
|
|
|
161
56
|
].includes(props.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : props.type === "multiple" && typeof value == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : props.type === "single" && Array.isArray(value) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
|
|
162
57
|
}
|
|
163
58
|
};
|
|
164
|
-
var
|
|
165
|
-
var
|
|
166
|
-
}
|
|
167
|
-
"value",
|
|
168
|
-
"defaultValue",
|
|
169
|
-
"control",
|
|
170
|
-
"onValueChange",
|
|
171
|
-
"collapsible"
|
|
172
|
-
]), _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
|
|
59
|
+
var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_web2.createStyledContext)(), { Provider: AccordionCollapsibleProvider, useStyledContext: useAccordionCollapsibleContext } = (0, import_web2.createStyledContext)(), AccordionImplSingle = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
60
|
+
var { value: valueProp, defaultValue, control, onValueChange = function() {
|
|
61
|
+
}, collapsible = !1, ...accordionSingleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
173
62
|
prop: valueProp,
|
|
174
63
|
defaultProp: defaultValue || "",
|
|
175
64
|
onChange: onValueChange
|
|
176
|
-
})
|
|
65
|
+
});
|
|
177
66
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionValueProvider, {
|
|
178
67
|
scope: props.__scopeAccordion,
|
|
179
68
|
value: value ? [
|
|
@@ -189,27 +78,25 @@ var _createStyledContext = (0, import_web2.createStyledContext)(), AccordionValu
|
|
|
189
78
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionCollapsibleProvider, {
|
|
190
79
|
scope: props.__scopeAccordion,
|
|
191
80
|
collapsible,
|
|
192
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImpl,
|
|
81
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImpl, {
|
|
82
|
+
...accordionSingleProps,
|
|
193
83
|
ref: forwardedRef
|
|
194
|
-
})
|
|
84
|
+
})
|
|
195
85
|
})
|
|
196
86
|
});
|
|
197
87
|
}), AccordionImplMultiple = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
198
|
-
var
|
|
199
|
-
}
|
|
200
|
-
"value",
|
|
201
|
-
"defaultValue",
|
|
202
|
-
"onValueChange"
|
|
203
|
-
]), _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
|
|
88
|
+
var { value: valueProp, defaultValue, onValueChange = function() {
|
|
89
|
+
}, ...accordionMultipleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
204
90
|
prop: valueProp,
|
|
205
91
|
defaultProp: defaultValue || [],
|
|
206
92
|
onChange: onValueChange
|
|
207
|
-
}),
|
|
93
|
+
}), handleItemOpen = React.useCallback(function(itemValue) {
|
|
208
94
|
return setValue(function() {
|
|
209
95
|
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
210
|
-
return
|
|
96
|
+
return [
|
|
97
|
+
...prevValue,
|
|
211
98
|
itemValue
|
|
212
|
-
]
|
|
99
|
+
];
|
|
213
100
|
});
|
|
214
101
|
}, [
|
|
215
102
|
setValue
|
|
@@ -231,18 +118,14 @@ var _createStyledContext = (0, import_web2.createStyledContext)(), AccordionValu
|
|
|
231
118
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionCollapsibleProvider, {
|
|
232
119
|
scope: props.__scopeAccordion,
|
|
233
120
|
collapsible: !0,
|
|
234
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImpl,
|
|
121
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionImpl, {
|
|
122
|
+
...accordionMultipleProps,
|
|
235
123
|
ref: forwardedRef
|
|
236
|
-
})
|
|
124
|
+
})
|
|
237
125
|
})
|
|
238
126
|
});
|
|
239
|
-
}),
|
|
240
|
-
var __scopeAccordion =
|
|
241
|
-
"__scopeAccordion",
|
|
242
|
-
"disabled",
|
|
243
|
-
"dir",
|
|
244
|
-
"orientation"
|
|
245
|
-
]), accordionRef = React.useRef(null), composedRef = (0, import_compose_refs.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion || ACCORDION_CONTEXT), direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", handleKeyDown = (0, import_helpers.composeEventHandlers)(props.onKeyDown, function(event) {
|
|
127
|
+
}), { Provider: AccordionImplProvider, useStyledContext: useAccordionContext } = (0, import_web2.createStyledContext)(), AccordionImpl = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
128
|
+
var { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props, accordionRef = React.useRef(null), composedRef = (0, import_compose_refs.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion || ACCORDION_CONTEXT), direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", handleKeyDown = (0, import_helpers.composeEventHandlers)(props.onKeyDown, function(event) {
|
|
246
129
|
var _triggerCollection_clampedIndex_ref_current;
|
|
247
130
|
if (ACCORDION_KEYS.includes(event.key)) {
|
|
248
131
|
var target = event.target, triggerCollection = getItems().filter(function(item) {
|
|
@@ -290,50 +173,47 @@ var _createStyledContext = (0, import_web2.createStyledContext)(), AccordionValu
|
|
|
290
173
|
orientation,
|
|
291
174
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, {
|
|
292
175
|
__scopeCollection: __scopeAccordion || ACCORDION_CONTEXT,
|
|
293
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack,
|
|
176
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
294
177
|
"data-orientation": orientation,
|
|
295
|
-
ref: composedRef
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
178
|
+
ref: composedRef,
|
|
179
|
+
...accordionProps,
|
|
180
|
+
...import_constants.isWeb && {
|
|
181
|
+
onKeyDown: handleKeyDown
|
|
182
|
+
}
|
|
183
|
+
})
|
|
299
184
|
})
|
|
300
185
|
});
|
|
301
|
-
}), ITEM_NAME = "AccordionItem",
|
|
302
|
-
var __scopeAccordion = props
|
|
303
|
-
"__scopeAccordion",
|
|
304
|
-
"value"
|
|
305
|
-
]), accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
|
|
186
|
+
}), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_web2.createStyledContext)(), AccordionItem = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
187
|
+
var { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
|
|
306
188
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionItemProvider, {
|
|
307
189
|
scope: __scopeAccordion,
|
|
308
190
|
open,
|
|
309
191
|
disabled,
|
|
310
192
|
triggerId,
|
|
311
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible,
|
|
193
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible, {
|
|
312
194
|
"data-orientation": accordionContext.orientation,
|
|
313
195
|
"data-state": open ? "open" : "closed",
|
|
314
|
-
__scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT
|
|
315
|
-
|
|
196
|
+
__scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
|
|
197
|
+
...accordionItemProps,
|
|
316
198
|
ref: forwardedRef,
|
|
317
199
|
disabled,
|
|
318
200
|
open,
|
|
319
201
|
onOpenChange: function(open2) {
|
|
320
202
|
open2 ? valueContext.onItemOpen(value) : valueContext.onItemClose(value);
|
|
321
203
|
}
|
|
322
|
-
})
|
|
204
|
+
})
|
|
323
205
|
});
|
|
324
206
|
});
|
|
325
207
|
AccordionItem.displayName = ITEM_NAME;
|
|
326
208
|
var HEADER_NAME = "AccordionHeader", AccordionHeader = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
327
|
-
var __scopeAccordion = props
|
|
328
|
-
|
|
329
|
-
]), accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
|
|
330
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.H1, _object_spread_props(_object_spread({
|
|
209
|
+
var { __scopeAccordion, ...headerProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
|
|
210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.H1, {
|
|
331
211
|
"data-orientation": accordionContext.orientation,
|
|
332
212
|
"data-state": getState(itemContext.open),
|
|
333
|
-
"data-disabled": itemContext.disabled ? "" : void 0
|
|
334
|
-
|
|
213
|
+
"data-disabled": itemContext.disabled ? "" : void 0,
|
|
214
|
+
...headerProps,
|
|
335
215
|
ref: forwardedRef
|
|
336
|
-
})
|
|
216
|
+
});
|
|
337
217
|
});
|
|
338
218
|
AccordionHeader.displayName = HEADER_NAME;
|
|
339
219
|
var AccordionTriggerFrame = (0, import_web2.styled)(import_collapsible.Collapsible.Trigger, {
|
|
@@ -361,20 +241,18 @@ var AccordionTriggerFrame = (0, import_web2.styled)(import_collapsible.Collapsib
|
|
|
361
241
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
362
242
|
}
|
|
363
243
|
}), AccordionTrigger = AccordionTriggerFrame.styleable(function(props, forwardedRef) {
|
|
364
|
-
var __scopeAccordion = props
|
|
365
|
-
"__scopeAccordion"
|
|
366
|
-
]), accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(__scopeAccordion);
|
|
244
|
+
var { __scopeAccordion, ...triggerProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(__scopeAccordion);
|
|
367
245
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.ItemSlot, {
|
|
368
246
|
__scopeCollection: __scopeAccordion || ACCORDION_CONTEXT,
|
|
369
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTriggerFrame,
|
|
247
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTriggerFrame, {
|
|
370
248
|
// @ts-ignore
|
|
371
249
|
__scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
|
|
372
250
|
"aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
|
|
373
251
|
"data-orientation": accordionContext.orientation,
|
|
374
|
-
id: itemContext.triggerId
|
|
375
|
-
|
|
252
|
+
id: itemContext.triggerId,
|
|
253
|
+
...triggerProps,
|
|
376
254
|
ref: forwardedRef
|
|
377
|
-
})
|
|
255
|
+
})
|
|
378
256
|
});
|
|
379
257
|
}), AccordionContentFrame = (0, import_web2.styled)(import_collapsible.Collapsible.Content, {
|
|
380
258
|
variants: {
|
|
@@ -389,35 +267,31 @@ var AccordionTriggerFrame = (0, import_web2.styled)(import_collapsible.Collapsib
|
|
|
389
267
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
390
268
|
}
|
|
391
269
|
}), AccordionContent = AccordionContentFrame.styleable(function(props, forwardedRef) {
|
|
392
|
-
var __scopeAccordion = props
|
|
393
|
-
|
|
394
|
-
]), accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
|
|
395
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContentFrame, _object_spread_props(_object_spread({
|
|
270
|
+
var { __scopeAccordion, ...contentProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
|
|
271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContentFrame, {
|
|
396
272
|
role: "region",
|
|
397
273
|
"aria-labelledby": itemContext.triggerId,
|
|
398
274
|
"data-orientation": accordionContext.orientation,
|
|
399
275
|
// @ts-ignore
|
|
400
|
-
__scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT
|
|
401
|
-
|
|
276
|
+
__scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
|
|
277
|
+
...contentProps,
|
|
402
278
|
ref: forwardedRef
|
|
403
|
-
})
|
|
279
|
+
});
|
|
404
280
|
}), HeightAnimator = import_web.View.styleable(function(props, ref) {
|
|
405
|
-
var itemContext = useAccordionItemContext(),
|
|
406
|
-
"children"
|
|
407
|
-
]), _React_useState = _sliced_to_array(React.useState(0), 2), height = _React_useState[0], setHeight = _React_useState[1];
|
|
281
|
+
var itemContext = useAccordionItemContext(), { children, ...rest } = props, [height, setHeight] = React.useState(0);
|
|
408
282
|
React.useEffect(function() {
|
|
409
283
|
itemContext.open || setHeight(0);
|
|
410
284
|
}, [
|
|
411
285
|
itemContext.open
|
|
412
286
|
]);
|
|
413
287
|
var onLayout = (0, import_web.useEvent)(function(param) {
|
|
414
|
-
var nativeEvent = param
|
|
288
|
+
var { nativeEvent } = param;
|
|
415
289
|
nativeEvent.layout.height && setHeight(nativeEvent.layout.height);
|
|
416
290
|
});
|
|
417
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View,
|
|
291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {
|
|
418
292
|
ref,
|
|
419
|
-
height
|
|
420
|
-
|
|
293
|
+
height,
|
|
294
|
+
...rest,
|
|
421
295
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {
|
|
422
296
|
position: "absolute",
|
|
423
297
|
width: "100%",
|
|
@@ -425,7 +299,7 @@ var AccordionTriggerFrame = (0, import_web2.styled)(import_collapsible.Collapsib
|
|
|
425
299
|
onLayout,
|
|
426
300
|
children
|
|
427
301
|
})
|
|
428
|
-
})
|
|
302
|
+
});
|
|
429
303
|
});
|
|
430
304
|
function getState(open) {
|
|
431
305
|
return open ? "open" : "closed";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/accordion/src/Accordion.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,qBAA4B,iCAC5B,oBAAiC,gCACjC,sBAAgC,kCAChC,mBAAsB,+BACtB,iBAA2D,6BAC3D,gBAAuB,4BAEvB,cAAmB,0BACnB,gCAAqC,4CACrC,uBAA6B,mCAE7B,aAA+B,yBAC/BA,cAA4C,yBAC5C,QAAuB
|
|
5
|
-
"names": ["import_web", "ACCORDION_NAME", "ACCORDION_KEYS", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["import_web", "ACCORDION_NAME", "ACCORDION_KEYS", "Collection", "useCollection", "createCollection", "ACCORDION_CONTEXT", "AccordionComponent", "React", "forwardRef", "props", "forwardedRef", "type", "accordionProps", "singleProps", "multipleProps", "_jsx", "Provider", "__scopeCollection", "__scopeAccordion", "AccordionImplMultiple", "ref", "AccordionImplSingle", "displayName", "propTypes", "value", "defaultValue", "includes", "Error", "Array", "isArray", "AccordionValueProvider", "useStyledContext", "useAccordionValueContext", "createStyledContext", "AccordionCollapsibleProvider", "useAccordionCollapsibleContext", "valueProp", "control", "onValueChange", "collapsible", "accordionSingleProps", "setValue", "useControllableState", "prop", "defaultProp", "onChange", "scope", "onItemOpen", "onItemClose", "useCallback", "AccordionImpl", "accordionMultipleProps", "handleItemOpen", "itemValue", "prevValue", "handleItemClose", "filter", "AccordionImplProvider", "useAccordionContext", "disabled", "dir", "orientation", "accordionRef", "useRef", "composedRef", "useComposedRefs", "getItems", "direction", "useDirection", "isDirectionLTR", "handleKeyDown", "composeEventHandlers", "onKeyDown", "event", "triggerCollection", "key", "target", "item", "el", "current", "triggerIndex", "findIndex", "triggerCount", "length", "preventDefault", "nextIndex", "homeIndex", "endIndex", "moveNext", "movePrev", "clampedIndex", "focus", "Slot", "YStack", "data-orientation", "isWeb", "ITEM_NAME", "AccordionItemProvider", "useAccordionItemContext", "AccordionItem", "accordionItemProps", "accordionContext", "valueContext", "triggerId", "useId", "open", "Collapsible", "data-state", "__scopeCollapsible", "onOpenChange", "HEADER_NAME", "AccordionHeader", "headerProps", "itemContext", "H1", "getState", "data-disabled", "undefined", "AccordionTriggerFrame", "styled", "Trigger", "variants", "unstyled", "false", "cursor", "backgroundColor", "borderColor", "borderWidth", "padding", "hoverStyle", "focusStyle", "pressStyle", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "AccordionTrigger", "styleable", "triggerProps", "collapsibleContext", "ItemSlot", "aria-disabled", "id", "AccordionContentFrame", "Content", "AccordionContent", "contentProps", "role", "aria-labelledby", "HeightAnimator", "View", "children", "rest", "height", "setHeight", "useState", "useEffect", "onLayout", "useEvent", "nativeEvent", "layout", "position", "width", "Accordion", "withStaticProperties", "Header", "Item"]
|
|
6
6
|
}
|