react-native-pro-accordion 1.0.1
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/README.md +476 -0
- package/index.js +3 -0
- package/lib/commonjs/components/Accordion.js +130 -0
- package/lib/commonjs/components/Accordion.js.map +1 -0
- package/lib/commonjs/components/AccordionContent.js +125 -0
- package/lib/commonjs/components/AccordionContent.js.map +1 -0
- package/lib/commonjs/components/AccordionItem.js +146 -0
- package/lib/commonjs/components/AccordionItem.js.map +1 -0
- package/lib/commonjs/components/AccordionSeparator.js +159 -0
- package/lib/commonjs/components/AccordionSeparator.js.map +1 -0
- package/lib/commonjs/core/AccordionContext.js +82 -0
- package/lib/commonjs/core/AccordionContext.js.map +1 -0
- package/lib/commonjs/core/AccordionRef.js +64 -0
- package/lib/commonjs/core/AccordionRef.js.map +1 -0
- package/lib/commonjs/core/types.js +6 -0
- package/lib/commonjs/core/types.js.map +1 -0
- package/lib/commonjs/hooks/useAccordion.js +18 -0
- package/lib/commonjs/hooks/useAccordion.js.map +1 -0
- package/lib/commonjs/hooks/useAccordionAccessibility.js +39 -0
- package/lib/commonjs/hooks/useAccordionAccessibility.js.map +1 -0
- package/lib/commonjs/hooks/useAccordionAnimation.js +135 -0
- package/lib/commonjs/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useAccordionKeyboard.js +43 -0
- package/lib/commonjs/hooks/useAccordionKeyboard.js.map +1 -0
- package/lib/commonjs/hooks/useAccordionState.js +96 -0
- package/lib/commonjs/hooks/useAccordionState.js.map +1 -0
- package/lib/commonjs/index.js +176 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/ThemeContext.js +48 -0
- package/lib/commonjs/theme/ThemeContext.js.map +1 -0
- package/lib/commonjs/theme/defaultTheme.js +79 -0
- package/lib/commonjs/theme/defaultTheme.js.map +1 -0
- package/lib/commonjs/theme/types.js +6 -0
- package/lib/commonjs/theme/types.js.map +1 -0
- package/lib/commonjs/utils/animations.js +41 -0
- package/lib/commonjs/utils/animations.js.map +1 -0
- package/lib/commonjs/utils/layout.js +155 -0
- package/lib/commonjs/utils/layout.js.map +1 -0
- package/lib/commonjs/utils/validators.js +26 -0
- package/lib/commonjs/utils/validators.js.map +1 -0
- package/lib/module/components/Accordion.js +125 -0
- package/lib/module/components/Accordion.js.map +1 -0
- package/lib/module/components/AccordionContent.js +120 -0
- package/lib/module/components/AccordionContent.js.map +1 -0
- package/lib/module/components/AccordionItem.js +141 -0
- package/lib/module/components/AccordionItem.js.map +1 -0
- package/lib/module/components/AccordionSeparator.js +155 -0
- package/lib/module/components/AccordionSeparator.js.map +1 -0
- package/lib/module/core/AccordionContext.js +75 -0
- package/lib/module/core/AccordionContext.js.map +1 -0
- package/lib/module/core/AccordionRef.js +59 -0
- package/lib/module/core/AccordionRef.js.map +1 -0
- package/lib/module/core/types.js +136 -0
- package/lib/module/core/types.js.map +1 -0
- package/lib/module/hooks/useAccordion.js +14 -0
- package/lib/module/hooks/useAccordion.js.map +1 -0
- package/lib/module/hooks/useAccordionAccessibility.js +34 -0
- package/lib/module/hooks/useAccordionAccessibility.js.map +1 -0
- package/lib/module/hooks/useAccordionAnimation.js +131 -0
- package/lib/module/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/module/hooks/useAccordionKeyboard.js +38 -0
- package/lib/module/hooks/useAccordionKeyboard.js.map +1 -0
- package/lib/module/hooks/useAccordionState.js +92 -0
- package/lib/module/hooks/useAccordionState.js.map +1 -0
- package/lib/module/index.js +43 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/theme/ThemeContext.js +41 -0
- package/lib/module/theme/ThemeContext.js.map +1 -0
- package/lib/module/theme/defaultTheme.js +75 -0
- package/lib/module/theme/defaultTheme.js.map +1 -0
- package/lib/module/theme/types.js +66 -0
- package/lib/module/theme/types.js.map +1 -0
- package/lib/module/utils/animations.js +35 -0
- package/lib/module/utils/animations.js.map +1 -0
- package/lib/module/utils/layout.js +147 -0
- package/lib/module/utils/layout.js.map +1 -0
- package/lib/module/utils/validators.js +20 -0
- package/lib/module/utils/validators.js.map +1 -0
- package/package.json +25 -0
- package/src/components/Accordion.js +164 -0
- package/src/components/AccordionContent.js +149 -0
- package/src/components/AccordionItem.js +146 -0
- package/src/components/AccordionSeparator.js +168 -0
- package/src/core/AccordionContext.js +86 -0
- package/src/core/AccordionRef.js +69 -0
- package/src/core/types.js +133 -0
- package/src/hooks/useAccordion.js +14 -0
- package/src/hooks/useAccordionAccessibility.js +30 -0
- package/src/hooks/useAccordionAnimation.js +165 -0
- package/src/hooks/useAccordionKeyboard.js +38 -0
- package/src/hooks/useAccordionState.js +119 -0
- package/src/index.js +56 -0
- package/src/theme/ThemeContext.js +40 -0
- package/src/theme/defaultTheme.js +73 -0
- package/src/theme/types.js +63 -0
- package/src/utils/animations.js +38 -0
- package/src/utils/layout.js +138 -0
- package/src/utils/validators.js +20 -0
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AccordionContent = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const AccordionContent = exports.AccordionContent = /*#__PURE__*/(0, _react.memo)(props => {
|
|
13
|
+
const {
|
|
14
|
+
expanded,
|
|
15
|
+
children,
|
|
16
|
+
animationConfig,
|
|
17
|
+
lazyRender = false,
|
|
18
|
+
theme,
|
|
19
|
+
contentStyle,
|
|
20
|
+
onAnimationStart,
|
|
21
|
+
onAnimationEnd
|
|
22
|
+
} = props;
|
|
23
|
+
const [contentHeight, setContentHeight] = (0, _react.useState)(0);
|
|
24
|
+
const [shouldRender, setShouldRender] = (0, _react.useState)(expanded || !lazyRender);
|
|
25
|
+
const height = (0, _reactNativeReanimated.useSharedValue)(expanded ? contentHeight : 0);
|
|
26
|
+
const opacity = (0, _reactNativeReanimated.useSharedValue)(expanded ? 1 : 0);
|
|
27
|
+
(0, _react.useEffect)(() => {
|
|
28
|
+
if (expanded && lazyRender && !shouldRender) {
|
|
29
|
+
setShouldRender(true);
|
|
30
|
+
}
|
|
31
|
+
}, [expanded, lazyRender, shouldRender]);
|
|
32
|
+
(0, _react.useEffect)(() => {
|
|
33
|
+
if (onAnimationStart) {
|
|
34
|
+
(0, _reactNativeReanimated.runOnJS)(onAnimationStart)();
|
|
35
|
+
}
|
|
36
|
+
const animateHeight = () => {
|
|
37
|
+
const toValue = expanded ? contentHeight : 0;
|
|
38
|
+
if (animationConfig.type === "spring") {
|
|
39
|
+
height.value = (0, _reactNativeReanimated.withSpring)(toValue, {
|
|
40
|
+
damping: animationConfig.damping ?? 10,
|
|
41
|
+
mass: animationConfig.mass ?? 1,
|
|
42
|
+
stiffness: animationConfig.stiffness ?? 100,
|
|
43
|
+
overshootClamping: animationConfig.overshootClamping ?? false,
|
|
44
|
+
restSpeedThreshold: animationConfig.restSpeedThreshold ?? 0.01,
|
|
45
|
+
restDisplacementThreshold: animationConfig.restDisplacementThreshold ?? 0.01
|
|
46
|
+
}, finished => {
|
|
47
|
+
if (finished && onAnimationEnd) {
|
|
48
|
+
(0, _reactNativeReanimated.runOnJS)(onAnimationEnd)();
|
|
49
|
+
}
|
|
50
|
+
if (!expanded && lazyRender && !finished) {
|
|
51
|
+
(0, _reactNativeReanimated.runOnJS)(setShouldRender)(false);
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
} else {
|
|
55
|
+
height.value = (0, _reactNativeReanimated.withTiming)(toValue, {
|
|
56
|
+
duration: animationConfig.duration ?? 300,
|
|
57
|
+
easing: animationConfig.easing ?? _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
58
|
+
}, finished => {
|
|
59
|
+
if (finished && onAnimationEnd) {
|
|
60
|
+
(0, _reactNativeReanimated.runOnJS)(onAnimationEnd)();
|
|
61
|
+
}
|
|
62
|
+
if (!expanded && lazyRender && !finished) {
|
|
63
|
+
(0, _reactNativeReanimated.runOnJS)(setShouldRender)(false);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
animateHeight();
|
|
69
|
+
|
|
70
|
+
// Animate opacity for fade effect
|
|
71
|
+
if (animationConfig.type === "spring") {
|
|
72
|
+
opacity.value = (0, _reactNativeReanimated.withSpring)(expanded ? 1 : 0, {
|
|
73
|
+
damping: animationConfig.damping ?? 10,
|
|
74
|
+
mass: animationConfig.mass ?? 1,
|
|
75
|
+
stiffness: animationConfig.stiffness ?? 100
|
|
76
|
+
});
|
|
77
|
+
} else {
|
|
78
|
+
opacity.value = (0, _reactNativeReanimated.withTiming)(expanded ? 1 : 0, {
|
|
79
|
+
duration: (animationConfig.duration ?? 300) * 0.6,
|
|
80
|
+
easing: animationConfig.easing ?? _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
}, [expanded, contentHeight, animationConfig]);
|
|
84
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
85
|
+
height: height.value,
|
|
86
|
+
opacity: opacity.value,
|
|
87
|
+
overflow: "hidden"
|
|
88
|
+
}));
|
|
89
|
+
const onLayout = event => {
|
|
90
|
+
const newHeight = event.nativeEvent.layout.height;
|
|
91
|
+
if (newHeight !== contentHeight && newHeight > 0) {
|
|
92
|
+
setContentHeight(newHeight);
|
|
93
|
+
if (expanded && height.value === 0) {
|
|
94
|
+
height.value = newHeight;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
if (!shouldRender) return null;
|
|
99
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
100
|
+
style: [styles.container, animatedStyle],
|
|
101
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
102
|
+
onLayout: onLayout,
|
|
103
|
+
style: [styles.content, contentStyle, {
|
|
104
|
+
backgroundColor: theme?.colors?.background
|
|
105
|
+
}],
|
|
106
|
+
children: children
|
|
107
|
+
})
|
|
108
|
+
});
|
|
109
|
+
});
|
|
110
|
+
const styles = _reactNative.StyleSheet.create({
|
|
111
|
+
container: {
|
|
112
|
+
width: "100%",
|
|
113
|
+
overflow: "hidden"
|
|
114
|
+
},
|
|
115
|
+
content: {
|
|
116
|
+
position: "absolute",
|
|
117
|
+
top: 0,
|
|
118
|
+
left: 0,
|
|
119
|
+
right: 0,
|
|
120
|
+
paddingHorizontal: 16,
|
|
121
|
+
paddingVertical: 12
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
AccordionContent.displayName = "AccordionContent";
|
|
125
|
+
//# sourceMappingURL=AccordionContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionContent","exports","memo","props","expanded","children","animationConfig","lazyRender","theme","contentStyle","onAnimationStart","onAnimationEnd","contentHeight","setContentHeight","useState","shouldRender","setShouldRender","height","useSharedValue","opacity","useEffect","runOnJS","animateHeight","toValue","type","value","withSpring","damping","mass","stiffness","overshootClamping","restSpeedThreshold","restDisplacementThreshold","finished","withTiming","duration","easing","Easing","inOut","ease","animatedStyle","useAnimatedStyle","overflow","onLayout","event","newHeight","nativeEvent","layout","jsx","View","style","styles","container","content","backgroundColor","colors","background","StyleSheet","create","width","position","top","left","right","paddingHorizontal","paddingVertical","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/AccordionContent.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AccordionItem = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _AccordionContext = require("../core/AccordionContext");
|
|
10
|
+
var _AccordionContent = require("./AccordionContent");
|
|
11
|
+
var _useAccordionAccessibility = require("../hooks/useAccordionAccessibility");
|
|
12
|
+
var _useAccordionKeyboard = require("../hooks/useAccordionKeyboard");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.memo)(props => {
|
|
16
|
+
const {
|
|
17
|
+
value,
|
|
18
|
+
header,
|
|
19
|
+
children,
|
|
20
|
+
disabled = false,
|
|
21
|
+
style,
|
|
22
|
+
headerStyle,
|
|
23
|
+
contentStyle,
|
|
24
|
+
data
|
|
25
|
+
} = props;
|
|
26
|
+
const accordion = (0, _AccordionContext.useAccordion)();
|
|
27
|
+
const {
|
|
28
|
+
mode,
|
|
29
|
+
readOnly,
|
|
30
|
+
renderIcon,
|
|
31
|
+
iconPosition,
|
|
32
|
+
lazyRender,
|
|
33
|
+
theme,
|
|
34
|
+
darkMode,
|
|
35
|
+
registerItem,
|
|
36
|
+
unregisterItem,
|
|
37
|
+
toggleItem,
|
|
38
|
+
isExpanded
|
|
39
|
+
} = accordion;
|
|
40
|
+
const expanded = isExpanded(value);
|
|
41
|
+
|
|
42
|
+
// Register/unregister item
|
|
43
|
+
(0, _react.useEffect)(() => {
|
|
44
|
+
registerItem(value, disabled, data);
|
|
45
|
+
return () => unregisterItem(value);
|
|
46
|
+
}, [value, disabled, data, registerItem, unregisterItem]);
|
|
47
|
+
const handlePress = (0, _react.useCallback)(() => {
|
|
48
|
+
if (readOnly || disabled) return;
|
|
49
|
+
toggleItem(value);
|
|
50
|
+
}, [readOnly, disabled, toggleItem, value]);
|
|
51
|
+
|
|
52
|
+
// Accessibility
|
|
53
|
+
const {
|
|
54
|
+
accessibilityProps
|
|
55
|
+
} = (0, _useAccordionAccessibility.useAccordionAccessibility)({
|
|
56
|
+
expanded,
|
|
57
|
+
disabled: disabled || readOnly,
|
|
58
|
+
label: `Toggle accordion item ${value}`
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
// Keyboard navigation
|
|
62
|
+
const {
|
|
63
|
+
keyboardProps
|
|
64
|
+
} = (0, _useAccordionKeyboard.useAccordionKeyboard)({
|
|
65
|
+
onPress: handlePress,
|
|
66
|
+
disabled: disabled || readOnly
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
// Render header content
|
|
70
|
+
const renderHeaderContent = () => {
|
|
71
|
+
if (typeof header === "function") {
|
|
72
|
+
return header({
|
|
73
|
+
expanded,
|
|
74
|
+
disabled
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
return header;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
// Render icon
|
|
81
|
+
const renderIconComponent = () => {
|
|
82
|
+
if (!renderIcon) return null;
|
|
83
|
+
const iconElement = renderIcon({
|
|
84
|
+
expanded,
|
|
85
|
+
disabled
|
|
86
|
+
});
|
|
87
|
+
if (!iconElement) return null;
|
|
88
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
89
|
+
style: iconPosition === "left" ? styles.leftIcon : styles.rightIcon,
|
|
90
|
+
children: iconElement
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
const headerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
94
|
+
activeOpacity: 0.7,
|
|
95
|
+
onPress: handlePress,
|
|
96
|
+
disabled: disabled || readOnly,
|
|
97
|
+
style: [styles.header, headerStyle, disabled && styles.disabledHeader, {
|
|
98
|
+
backgroundColor: theme?.colors?.surface
|
|
99
|
+
}],
|
|
100
|
+
...accessibilityProps,
|
|
101
|
+
...keyboardProps,
|
|
102
|
+
children: [iconPosition === "left" && renderIconComponent(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
103
|
+
style: styles.headerTextContainer,
|
|
104
|
+
children: renderHeaderContent()
|
|
105
|
+
}), iconPosition === "right" && renderIconComponent()]
|
|
106
|
+
});
|
|
107
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
108
|
+
style: [styles.container, style],
|
|
109
|
+
children: [headerContent, /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContent.AccordionContent, {
|
|
110
|
+
expanded: expanded,
|
|
111
|
+
animationConfig: accordion.animationConfig,
|
|
112
|
+
lazyRender: lazyRender,
|
|
113
|
+
theme: theme,
|
|
114
|
+
contentStyle: contentStyle,
|
|
115
|
+
children: typeof children === "function" ? children({
|
|
116
|
+
expanded
|
|
117
|
+
}) : children
|
|
118
|
+
})]
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
const styles = _reactNative.StyleSheet.create({
|
|
122
|
+
container: {
|
|
123
|
+
width: "100%"
|
|
124
|
+
},
|
|
125
|
+
header: {
|
|
126
|
+
flexDirection: "row",
|
|
127
|
+
alignItems: "center",
|
|
128
|
+
minHeight: 48,
|
|
129
|
+
paddingHorizontal: 16,
|
|
130
|
+
paddingVertical: 12
|
|
131
|
+
},
|
|
132
|
+
disabledHeader: {
|
|
133
|
+
opacity: 0.5
|
|
134
|
+
},
|
|
135
|
+
headerTextContainer: {
|
|
136
|
+
flex: 1
|
|
137
|
+
},
|
|
138
|
+
leftIcon: {
|
|
139
|
+
marginRight: 12
|
|
140
|
+
},
|
|
141
|
+
rightIcon: {
|
|
142
|
+
marginLeft: 12
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
AccordionItem.displayName = "AccordionItem";
|
|
146
|
+
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AccordionContext","_AccordionContent","_useAccordionAccessibility","_useAccordionKeyboard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionItem","exports","memo","props","value","header","children","disabled","style","headerStyle","contentStyle","data","accordion","useAccordion","mode","readOnly","renderIcon","iconPosition","lazyRender","theme","darkMode","registerItem","unregisterItem","toggleItem","isExpanded","expanded","useEffect","handlePress","useCallback","accessibilityProps","useAccordionAccessibility","label","keyboardProps","useAccordionKeyboard","onPress","renderHeaderContent","renderIconComponent","iconElement","jsx","View","styles","leftIcon","rightIcon","headerContent","jsxs","TouchableOpacity","activeOpacity","disabledHeader","backgroundColor","colors","surface","headerTextContainer","container","AccordionContent","animationConfig","StyleSheet","create","width","flexDirection","alignItems","minHeight","paddingHorizontal","paddingVertical","opacity","flex","marginRight","marginLeft","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/AccordionItem.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.NestedAccordionSeparator = exports.GradientSeparator = exports.DashedSeparator = exports.AccordionSeparator = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
/**
|
|
12
|
+
* Separator component for accordion items
|
|
13
|
+
* @param {Object} props
|
|
14
|
+
* @param {Object} props.style - Custom style for separator
|
|
15
|
+
* @param {string} props.color - Color of separator
|
|
16
|
+
* @param {number} props.thickness - Thickness of separator
|
|
17
|
+
* @param {number} props.marginVertical - Vertical margin
|
|
18
|
+
* @param {boolean} props.hasIcon - Whether adjacent item has icon
|
|
19
|
+
* @param {string} props.iconPosition - Position of icon ('left' or 'right')
|
|
20
|
+
*/
|
|
21
|
+
const AccordionSeparator = exports.AccordionSeparator = /*#__PURE__*/(0, _react.memo)(({
|
|
22
|
+
style,
|
|
23
|
+
color = "#E0E0E0",
|
|
24
|
+
thickness = 1,
|
|
25
|
+
marginVertical = 8,
|
|
26
|
+
hasIcon = false,
|
|
27
|
+
iconPosition = "right"
|
|
28
|
+
}) => {
|
|
29
|
+
const getSeparatorStyle = () => {
|
|
30
|
+
const baseStyle = {
|
|
31
|
+
height: thickness,
|
|
32
|
+
backgroundColor: color,
|
|
33
|
+
marginVertical
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// Adjust indentation if there's an icon
|
|
37
|
+
if (hasIcon) {
|
|
38
|
+
if (iconPosition === "left") {
|
|
39
|
+
return {
|
|
40
|
+
...baseStyle,
|
|
41
|
+
marginLeft: 40 // Account for icon width + padding
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
return baseStyle;
|
|
46
|
+
};
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
48
|
+
style: [styles.container, getSeparatorStyle(), style]
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Separator with indentation for nested accordions
|
|
54
|
+
*/
|
|
55
|
+
const NestedAccordionSeparator = exports.NestedAccordionSeparator = /*#__PURE__*/(0, _react.memo)(({
|
|
56
|
+
style,
|
|
57
|
+
color = "#E0E0E0",
|
|
58
|
+
thickness = 1,
|
|
59
|
+
marginVertical = 8,
|
|
60
|
+
nestingLevel = 0
|
|
61
|
+
}) => {
|
|
62
|
+
const getNestedStyle = () => {
|
|
63
|
+
const baseStyle = {
|
|
64
|
+
height: thickness,
|
|
65
|
+
backgroundColor: color,
|
|
66
|
+
marginVertical,
|
|
67
|
+
marginLeft: nestingLevel * 16 // Indent based on nesting level
|
|
68
|
+
};
|
|
69
|
+
return baseStyle;
|
|
70
|
+
};
|
|
71
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
72
|
+
style: [styles.container, getNestedStyle(), style]
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Custom separator with dashed style
|
|
78
|
+
*/
|
|
79
|
+
const DashedSeparator = exports.DashedSeparator = /*#__PURE__*/(0, _react.memo)(({
|
|
80
|
+
style,
|
|
81
|
+
color = "#E0E0E0",
|
|
82
|
+
thickness = 1,
|
|
83
|
+
dashLength = 5,
|
|
84
|
+
dashGap = 3,
|
|
85
|
+
marginVertical = 8
|
|
86
|
+
}) => {
|
|
87
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
88
|
+
style: [styles.dashedContainer, {
|
|
89
|
+
marginVertical
|
|
90
|
+
}, style],
|
|
91
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
92
|
+
style: {
|
|
93
|
+
height: thickness,
|
|
94
|
+
backgroundColor: color,
|
|
95
|
+
width: dashLength,
|
|
96
|
+
marginRight: dashGap
|
|
97
|
+
}
|
|
98
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
99
|
+
style: {
|
|
100
|
+
height: thickness,
|
|
101
|
+
backgroundColor: color,
|
|
102
|
+
width: dashLength,
|
|
103
|
+
marginRight: dashGap
|
|
104
|
+
}
|
|
105
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
106
|
+
style: {
|
|
107
|
+
height: thickness,
|
|
108
|
+
backgroundColor: color,
|
|
109
|
+
width: dashLength,
|
|
110
|
+
marginRight: dashGap
|
|
111
|
+
}
|
|
112
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
113
|
+
style: {
|
|
114
|
+
height: thickness,
|
|
115
|
+
backgroundColor: color,
|
|
116
|
+
width: dashLength
|
|
117
|
+
}
|
|
118
|
+
})]
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* Gradient separator for modern UI
|
|
124
|
+
*/
|
|
125
|
+
const GradientSeparator = exports.GradientSeparator = /*#__PURE__*/(0, _react.memo)(({
|
|
126
|
+
style,
|
|
127
|
+
colors = ["#E0E0E0", "#FFFFFF"],
|
|
128
|
+
height = 1,
|
|
129
|
+
marginVertical = 8
|
|
130
|
+
}) => {
|
|
131
|
+
// Note: For actual gradient, you'd need Expo LinearGradient or similar
|
|
132
|
+
// This is a simplified version
|
|
133
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
134
|
+
style: [styles.gradientContainer, {
|
|
135
|
+
height,
|
|
136
|
+
marginVertical,
|
|
137
|
+
backgroundColor: colors[0]
|
|
138
|
+
}, style]
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
const styles = _reactNative.StyleSheet.create({
|
|
142
|
+
container: {
|
|
143
|
+
width: "100%"
|
|
144
|
+
},
|
|
145
|
+
dashedContainer: {
|
|
146
|
+
flexDirection: "row",
|
|
147
|
+
alignItems: "center",
|
|
148
|
+
width: "100%"
|
|
149
|
+
},
|
|
150
|
+
gradientContainer: {
|
|
151
|
+
width: "100%",
|
|
152
|
+
opacity: 0.5
|
|
153
|
+
}
|
|
154
|
+
});
|
|
155
|
+
AccordionSeparator.displayName = "AccordionSeparator";
|
|
156
|
+
NestedAccordionSeparator.displayName = "NestedAccordionSeparator";
|
|
157
|
+
DashedSeparator.displayName = "DashedSeparator";
|
|
158
|
+
GradientSeparator.displayName = "GradientSeparator";
|
|
159
|
+
//# sourceMappingURL=AccordionSeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionSeparator","exports","memo","style","color","thickness","marginVertical","hasIcon","iconPosition","getSeparatorStyle","baseStyle","height","backgroundColor","marginLeft","jsx","View","styles","container","NestedAccordionSeparator","nestingLevel","getNestedStyle","DashedSeparator","dashLength","dashGap","jsxs","dashedContainer","children","width","marginRight","GradientSeparator","colors","gradientContainer","StyleSheet","create","flexDirection","alignItems","opacity","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/AccordionSeparator.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,WAAI,EACpC,CAAC;EACCC,KAAK;EACLC,KAAK,GAAG,SAAS;EACjBC,SAAS,GAAG,CAAC;EACbC,cAAc,GAAG,CAAC;EAClBC,OAAO,GAAG,KAAK;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,MAAMC,SAAS,GAAG;MAChBC,MAAM,EAAEN,SAAS;MACjBO,eAAe,EAAER,KAAK;MACtBE;IACF,CAAC;;IAED;IACA,IAAIC,OAAO,EAAE;MACX,IAAIC,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO;UACL,GAAGE,SAAS;UACZG,UAAU,EAAE,EAAE,CAAE;QAClB,CAAC;MACH;IACF;IAEA,OAAOH,SAAS;EAClB,CAAC;EAED,oBAAO,IAAA9B,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;IAACZ,KAAK,EAAE,CAACa,MAAM,CAACC,SAAS,EAAER,iBAAiB,CAAC,CAAC,EAAEN,KAAK;EAAE,CAAE,CAAC;AACxE,CACF,CAAC;;AAED;AACA;AACA;AACO,MAAMe,wBAAwB,GAAAjB,OAAA,CAAAiB,wBAAA,gBAAG,IAAAhB,WAAI,EAC1C,CAAC;EACCC,KAAK;EACLC,KAAK,GAAG,SAAS;EACjBC,SAAS,GAAG,CAAC;EACbC,cAAc,GAAG,CAAC;EAClBa,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,MAAMV,SAAS,GAAG;MAChBC,MAAM,EAAEN,SAAS;MACjBO,eAAe,EAAER,KAAK;MACtBE,cAAc;MACdO,UAAU,EAAEM,YAAY,GAAG,EAAE,CAAE;IACjC,CAAC;IACD,OAAOT,SAAS;EAClB,CAAC;EAED,oBAAO,IAAA9B,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;IAACZ,KAAK,EAAE,CAACa,MAAM,CAACC,SAAS,EAAEG,cAAc,CAAC,CAAC,EAAEjB,KAAK;EAAE,CAAE,CAAC;AACrE,CACF,CAAC;;AAED;AACA;AACA;AACO,MAAMkB,eAAe,GAAApB,OAAA,CAAAoB,eAAA,gBAAG,IAAAnB,WAAI,EACjC,CAAC;EACCC,KAAK;EACLC,KAAK,GAAG,SAAS;EACjBC,SAAS,GAAG,CAAC;EACbiB,UAAU,GAAG,CAAC;EACdC,OAAO,GAAG,CAAC;EACXjB,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ,oBACE,IAAA1B,WAAA,CAAA4C,IAAA,EAAC7C,YAAA,CAAAoC,IAAI;IAACZ,KAAK,EAAE,CAACa,MAAM,CAACS,eAAe,EAAE;MAAEnB;IAAe,CAAC,EAAEH,KAAK,CAAE;IAAAuB,QAAA,gBAC/D,IAAA9C,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;MACHZ,KAAK,EAAE;QACLQ,MAAM,EAAEN,SAAS;QACjBO,eAAe,EAAER,KAAK;QACtBuB,KAAK,EAAEL,UAAU;QACjBM,WAAW,EAAEL;MACf;IAAE,CACH,CAAC,eACF,IAAA3C,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;MACHZ,KAAK,EAAE;QACLQ,MAAM,EAAEN,SAAS;QACjBO,eAAe,EAAER,KAAK;QACtBuB,KAAK,EAAEL,UAAU;QACjBM,WAAW,EAAEL;MACf;IAAE,CACH,CAAC,eACF,IAAA3C,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;MACHZ,KAAK,EAAE;QACLQ,MAAM,EAAEN,SAAS;QACjBO,eAAe,EAAER,KAAK;QACtBuB,KAAK,EAAEL,UAAU;QACjBM,WAAW,EAAEL;MACf;IAAE,CACH,CAAC,eACF,IAAA3C,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;MACHZ,KAAK,EAAE;QACLQ,MAAM,EAAEN,SAAS;QACjBO,eAAe,EAAER,KAAK;QACtBuB,KAAK,EAAEL;MACT;IAAE,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CACF,CAAC;;AAED;AACA;AACA;AACO,MAAMO,iBAAiB,GAAA5B,OAAA,CAAA4B,iBAAA,gBAAG,IAAA3B,WAAI,EACnC,CAAC;EACCC,KAAK;EACL2B,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC;EAC/BnB,MAAM,GAAG,CAAC;EACVL,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ;EACA;EACA,oBACE,IAAA1B,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;IACHZ,KAAK,EAAE,CACLa,MAAM,CAACe,iBAAiB,EACxB;MACEpB,MAAM;MACNL,cAAc;MACdM,eAAe,EAAEkB,MAAM,CAAC,CAAC;IAC3B,CAAC,EACD3B,KAAK;EACL,CACH,CAAC;AAEN,CACF,CAAC;AAED,MAAMa,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTU,KAAK,EAAE;EACT,CAAC;EACDF,eAAe,EAAE;IACfS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBR,KAAK,EAAE;EACT,CAAC;EACDI,iBAAiB,EAAE;IACjBJ,KAAK,EAAE,MAAM;IACbS,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFpC,kBAAkB,CAACqC,WAAW,GAAG,oBAAoB;AACrDnB,wBAAwB,CAACmB,WAAW,GAAG,0BAA0B;AACjEhB,eAAe,CAACgB,WAAW,GAAG,iBAAiB;AAC/CR,iBAAiB,CAACQ,WAAW,GAAG,mBAAmB","ignoreList":[]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordion = exports.AccordionProvider = exports.AccordionContext = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
const defaultAnimationConfig = {
|
|
11
|
+
type: "timing",
|
|
12
|
+
duration: 300
|
|
13
|
+
};
|
|
14
|
+
const AccordionContext = exports.AccordionContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
15
|
+
const useAccordion = () => {
|
|
16
|
+
const context = (0, _react.useContext)(AccordionContext);
|
|
17
|
+
if (!context) {
|
|
18
|
+
throw new Error("useAccordion must be used within an Accordion");
|
|
19
|
+
}
|
|
20
|
+
return context;
|
|
21
|
+
};
|
|
22
|
+
exports.useAccordion = useAccordion;
|
|
23
|
+
const AccordionProvider = ({
|
|
24
|
+
mode,
|
|
25
|
+
readOnly,
|
|
26
|
+
animationConfig = defaultAnimationConfig,
|
|
27
|
+
renderIcon,
|
|
28
|
+
iconPosition = "right",
|
|
29
|
+
showSeparators = false,
|
|
30
|
+
lazyRender = false,
|
|
31
|
+
theme,
|
|
32
|
+
darkMode = false,
|
|
33
|
+
expandedValues,
|
|
34
|
+
onToggleItem,
|
|
35
|
+
children
|
|
36
|
+
}) => {
|
|
37
|
+
const itemsMap = (0, _react.useRef)(new Map());
|
|
38
|
+
const eventsRef = (0, _react.useRef)({});
|
|
39
|
+
const registerItem = (0, _react.useCallback)((value, disabled = false, data) => {
|
|
40
|
+
itemsMap.current.set(value, {
|
|
41
|
+
disabled,
|
|
42
|
+
data
|
|
43
|
+
});
|
|
44
|
+
}, []);
|
|
45
|
+
const unregisterItem = (0, _react.useCallback)(value => {
|
|
46
|
+
itemsMap.current.delete(value);
|
|
47
|
+
}, []);
|
|
48
|
+
const toggleItem = (0, _react.useCallback)(value => {
|
|
49
|
+
if (readOnly) return;
|
|
50
|
+
const item = itemsMap.current.get(value);
|
|
51
|
+
if (item?.disabled) return;
|
|
52
|
+
onToggleItem(value);
|
|
53
|
+
}, [readOnly, onToggleItem]);
|
|
54
|
+
const isExpanded = (0, _react.useCallback)(value => {
|
|
55
|
+
return expandedValues.includes(value);
|
|
56
|
+
}, [expandedValues]);
|
|
57
|
+
const getItemData = (0, _react.useCallback)(value => {
|
|
58
|
+
return itemsMap.current.get(value)?.data;
|
|
59
|
+
}, []);
|
|
60
|
+
const contextValue = {
|
|
61
|
+
mode,
|
|
62
|
+
readOnly,
|
|
63
|
+
animationConfig,
|
|
64
|
+
renderIcon,
|
|
65
|
+
iconPosition,
|
|
66
|
+
showSeparators,
|
|
67
|
+
lazyRender,
|
|
68
|
+
theme,
|
|
69
|
+
darkMode,
|
|
70
|
+
registerItem,
|
|
71
|
+
unregisterItem,
|
|
72
|
+
toggleItem,
|
|
73
|
+
isExpanded,
|
|
74
|
+
getItemData
|
|
75
|
+
};
|
|
76
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionContext.Provider, {
|
|
77
|
+
value: contextValue,
|
|
78
|
+
children: children
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
exports.AccordionProvider = AccordionProvider;
|
|
82
|
+
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultAnimationConfig","type","duration","AccordionContext","exports","createContext","useAccordion","context","useContext","Error","AccordionProvider","mode","readOnly","animationConfig","renderIcon","iconPosition","showSeparators","lazyRender","theme","darkMode","expandedValues","onToggleItem","children","itemsMap","useRef","Map","eventsRef","registerItem","useCallback","value","disabled","data","current","unregisterItem","delete","toggleItem","item","isExpanded","includes","getItemData","contextValue","jsx","Provider"],"sourceRoot":"..\\..\\..\\src","sources":["core/AccordionContext.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AccordionRefImpl = void 0;
|
|
7
|
+
class AccordionRefImpl {
|
|
8
|
+
constructor(expandedValuesRef, setExpandedValues, mode, readOnly) {
|
|
9
|
+
this.expandedValuesRef = expandedValuesRef;
|
|
10
|
+
this.setExpandedValues = setExpandedValues;
|
|
11
|
+
this.mode = mode;
|
|
12
|
+
this.readOnly = readOnly;
|
|
13
|
+
}
|
|
14
|
+
open = value => {
|
|
15
|
+
if (this.readOnly) return;
|
|
16
|
+
const currentValues = this.expandedValuesRef.current;
|
|
17
|
+
if (currentValues.includes(value)) return;
|
|
18
|
+
let newValues;
|
|
19
|
+
if (this.mode === "single") {
|
|
20
|
+
newValues = [value];
|
|
21
|
+
} else {
|
|
22
|
+
newValues = [...currentValues, value];
|
|
23
|
+
}
|
|
24
|
+
this.setExpandedValues(newValues);
|
|
25
|
+
};
|
|
26
|
+
close = value => {
|
|
27
|
+
if (this.readOnly) return;
|
|
28
|
+
const currentValues = this.expandedValuesRef.current;
|
|
29
|
+
if (!currentValues.includes(value)) return;
|
|
30
|
+
const newValues = currentValues.filter(v => v !== value);
|
|
31
|
+
this.setExpandedValues(newValues);
|
|
32
|
+
};
|
|
33
|
+
toggle = value => {
|
|
34
|
+
if (this.readOnly) return;
|
|
35
|
+
const currentValues = this.expandedValuesRef.current;
|
|
36
|
+
if (currentValues.includes(value)) {
|
|
37
|
+
this.close(value);
|
|
38
|
+
} else {
|
|
39
|
+
this.open(value);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
expandAll = () => {
|
|
43
|
+
if (this.readOnly || this.mode !== "multiple") return;
|
|
44
|
+
console.warn("expandAll requires all item values to be known");
|
|
45
|
+
};
|
|
46
|
+
collapseAll = () => {
|
|
47
|
+
if (this.readOnly) return;
|
|
48
|
+
this.setExpandedValues([]);
|
|
49
|
+
};
|
|
50
|
+
toggleAll = () => {
|
|
51
|
+
if (this.readOnly || this.mode !== "multiple") return;
|
|
52
|
+
const currentValues = this.expandedValuesRef.current;
|
|
53
|
+
if (currentValues.length > 0) {
|
|
54
|
+
this.collapseAll();
|
|
55
|
+
} else {
|
|
56
|
+
this.expandAll();
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
getExpandedItems = () => {
|
|
60
|
+
return [...this.expandedValuesRef.current];
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
exports.AccordionRefImpl = AccordionRefImpl;
|
|
64
|
+
//# sourceMappingURL=AccordionRef.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["AccordionRefImpl","constructor","expandedValuesRef","setExpandedValues","mode","readOnly","open","value","currentValues","current","includes","newValues","close","filter","v","toggle","expandAll","console","warn","collapseAll","toggleAll","length","getExpandedItems","exports"],"sourceRoot":"..\\..\\..\\src","sources":["core/AccordionRef.js"],"mappings":";;;;;;AAAO,MAAMA,gBAAgB,CAAC;EAC5BC,WAAWA,CAACC,iBAAiB,EAAEC,iBAAiB,EAAEC,IAAI,EAAEC,QAAQ,EAAE;IAChE,IAAI,CAACH,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC1B;EAEAC,IAAI,GAAIC,KAAK,IAAK;IAChB,IAAI,IAAI,CAACF,QAAQ,EAAE;IAEnB,MAAMG,aAAa,GAAG,IAAI,CAACN,iBAAiB,CAACO,OAAO;IACpD,IAAID,aAAa,CAACE,QAAQ,CAACH,KAAK,CAAC,EAAE;IAEnC,IAAII,SAAS;IACb,IAAI,IAAI,CAACP,IAAI,KAAK,QAAQ,EAAE;MAC1BO,SAAS,GAAG,CAACJ,KAAK,CAAC;IACrB,CAAC,MAAM;MACLI,SAAS,GAAG,CAAC,GAAGH,aAAa,EAAED,KAAK,CAAC;IACvC;IAEA,IAAI,CAACJ,iBAAiB,CAACQ,SAAS,CAAC;EACnC,CAAC;EAEDC,KAAK,GAAIL,KAAK,IAAK;IACjB,IAAI,IAAI,CAACF,QAAQ,EAAE;IAEnB,MAAMG,aAAa,GAAG,IAAI,CAACN,iBAAiB,CAACO,OAAO;IACpD,IAAI,CAACD,aAAa,CAACE,QAAQ,CAACH,KAAK,CAAC,EAAE;IAEpC,MAAMI,SAAS,GAAGH,aAAa,CAACK,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKP,KAAK,CAAC;IAC1D,IAAI,CAACJ,iBAAiB,CAACQ,SAAS,CAAC;EACnC,CAAC;EAEDI,MAAM,GAAIR,KAAK,IAAK;IAClB,IAAI,IAAI,CAACF,QAAQ,EAAE;IAEnB,MAAMG,aAAa,GAAG,IAAI,CAACN,iBAAiB,CAACO,OAAO;IACpD,IAAID,aAAa,CAACE,QAAQ,CAACH,KAAK,CAAC,EAAE;MACjC,IAAI,CAACK,KAAK,CAACL,KAAK,CAAC;IACnB,CAAC,MAAM;MACL,IAAI,CAACD,IAAI,CAACC,KAAK,CAAC;IAClB;EACF,CAAC;EAEDS,SAAS,GAAGA,CAAA,KAAM;IAChB,IAAI,IAAI,CAACX,QAAQ,IAAI,IAAI,CAACD,IAAI,KAAK,UAAU,EAAE;IAC/Ca,OAAO,CAACC,IAAI,CAAC,gDAAgD,CAAC;EAChE,CAAC;EAEDC,WAAW,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACd,QAAQ,EAAE;IACnB,IAAI,CAACF,iBAAiB,CAAC,EAAE,CAAC;EAC5B,CAAC;EAEDiB,SAAS,GAAGA,CAAA,KAAM;IAChB,IAAI,IAAI,CAACf,QAAQ,IAAI,IAAI,CAACD,IAAI,KAAK,UAAU,EAAE;IAC/C,MAAMI,aAAa,GAAG,IAAI,CAACN,iBAAiB,CAACO,OAAO;IACpD,IAAID,aAAa,CAACa,MAAM,GAAG,CAAC,EAAE;MAC5B,IAAI,CAACF,WAAW,CAAC,CAAC;IACpB,CAAC,MAAM;MACL,IAAI,CAACH,SAAS,CAAC,CAAC;IAClB;EACF,CAAC;EAEDM,gBAAgB,GAAGA,CAAA,KAAM;IACvB,OAAO,CAAC,GAAG,IAAI,CAACpB,iBAAiB,CAACO,OAAO,CAAC;EAC5C,CAAC;AACH;AAACc,OAAA,CAAAvB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["core/types.js"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordion = useAccordion;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
function useAccordion(defaultIndex = null) {
|
|
9
|
+
const [activeIndex, setActiveIndex] = (0, _react.useState)(defaultIndex);
|
|
10
|
+
const toggle = index => {
|
|
11
|
+
setActiveIndex(prev => prev === index ? null : index);
|
|
12
|
+
};
|
|
13
|
+
return {
|
|
14
|
+
activeIndex,
|
|
15
|
+
toggle
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=useAccordion.js.map
|