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 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useAccordion","defaultIndex","activeIndex","setActiveIndex","useState","toggle","index","prev"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useAccordion.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,YAAYA,CAACC,YAAY,GAAG,IAAI,EAAE;EAChD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAACH,YAAY,CAAC;EAE5D,MAAMI,MAAM,GAAIC,KAAK,IAAK;IACxBH,cAAc,CAAEI,IAAI,IAAMA,IAAI,KAAKD,KAAK,GAAG,IAAI,GAAGA,KAAM,CAAC;EAC3D,CAAC;EAED,OAAO;IACLJ,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordionAccessibility = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
const useAccordionAccessibility = props => {
|
|
10
|
+
const {
|
|
11
|
+
expanded,
|
|
12
|
+
disabled,
|
|
13
|
+
label
|
|
14
|
+
} = props;
|
|
15
|
+
const accessibilityProps = (0, _react.useMemo)(() => {
|
|
16
|
+
const baseProps = {
|
|
17
|
+
accessible: true,
|
|
18
|
+
accessibilityRole: "button",
|
|
19
|
+
accessibilityState: {
|
|
20
|
+
expanded,
|
|
21
|
+
disabled
|
|
22
|
+
},
|
|
23
|
+
accessibilityLabel: label || "Toggle accordion"
|
|
24
|
+
};
|
|
25
|
+
if (_reactNative.Platform.OS === "web") {
|
|
26
|
+
return {
|
|
27
|
+
...baseProps,
|
|
28
|
+
"aria-expanded": expanded,
|
|
29
|
+
"aria-disabled": disabled
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
return baseProps;
|
|
33
|
+
}, [expanded, disabled, label]);
|
|
34
|
+
return {
|
|
35
|
+
accessibilityProps
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
exports.useAccordionAccessibility = useAccordionAccessibility;
|
|
39
|
+
//# sourceMappingURL=useAccordionAccessibility.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","useAccordionAccessibility","props","expanded","disabled","label","accessibilityProps","useMemo","baseProps","accessible","accessibilityRole","accessibilityState","accessibilityLabel","Platform","OS","exports"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useAccordionAccessibility.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,yBAAyB,GAAIC,KAAK,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAE3C,MAAMI,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,MAAMC,SAAS,GAAG;MAChBC,UAAU,EAAE,IAAI;MAChBC,iBAAiB,EAAE,QAAQ;MAC3BC,kBAAkB,EAAE;QAClBR,QAAQ;QACRC;MACF,CAAC;MACDQ,kBAAkB,EAAEP,KAAK,IAAI;IAC/B,CAAC;IAED,IAAIQ,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzB,OAAO;QACL,GAAGN,SAAS;QACZ,eAAe,EAAEL,QAAQ;QACzB,eAAe,EAAEC;MACnB,CAAC;IACH;IAEA,OAAOI,SAAS;EAClB,CAAC,EAAE,CAACL,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAE/B,OAAO;IAAEC;EAAmB,CAAC;AAC/B,CAAC;AAACS,OAAA,CAAAd,yBAAA,GAAAA,yBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordionAnimation = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
9
|
+
/**
|
|
10
|
+
* Hook for managing accordion animations
|
|
11
|
+
* @param {Object} options
|
|
12
|
+
* @param {boolean} options.expanded - Whether item is expanded
|
|
13
|
+
* @param {number} options.contentHeight - Height of the content
|
|
14
|
+
* @param {Object} options.animationConfig - Animation configuration
|
|
15
|
+
* @param {Function} options.onAnimationStart - Callback when animation starts
|
|
16
|
+
* @param {Function} options.onAnimationEnd - Callback when animation ends
|
|
17
|
+
* @returns {Object} Animation values and utilities
|
|
18
|
+
*/
|
|
19
|
+
const useAccordionAnimation = ({
|
|
20
|
+
expanded,
|
|
21
|
+
contentHeight,
|
|
22
|
+
animationConfig,
|
|
23
|
+
onAnimationStart,
|
|
24
|
+
onAnimationEnd
|
|
25
|
+
}) => {
|
|
26
|
+
const height = (0, _reactNativeReanimated.useSharedValue)(expanded ? contentHeight : 0);
|
|
27
|
+
const opacity = (0, _reactNativeReanimated.useSharedValue)(expanded ? 1 : 0);
|
|
28
|
+
const rotation = (0, _reactNativeReanimated.useSharedValue)(expanded ? 1 : 0);
|
|
29
|
+
const isAnimating = (0, _react.useRef)(false);
|
|
30
|
+
const getAnimatedHeight = (0, _react.useCallback)(toValue => {
|
|
31
|
+
if (animationConfig.type === "spring") {
|
|
32
|
+
return (0, _reactNativeReanimated.withSpring)(toValue, {
|
|
33
|
+
damping: animationConfig.damping ?? 10,
|
|
34
|
+
mass: animationConfig.mass ?? 1,
|
|
35
|
+
stiffness: animationConfig.stiffness ?? 100,
|
|
36
|
+
overshootClamping: animationConfig.overshootClamping ?? false,
|
|
37
|
+
restSpeedThreshold: animationConfig.restSpeedThreshold ?? 0.01,
|
|
38
|
+
restDisplacementThreshold: animationConfig.restDisplacementThreshold ?? 0.01
|
|
39
|
+
});
|
|
40
|
+
} else {
|
|
41
|
+
return (0, _reactNativeReanimated.withTiming)(toValue, {
|
|
42
|
+
duration: animationConfig.duration ?? 300,
|
|
43
|
+
easing: animationConfig.easing ?? _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}, [animationConfig]);
|
|
47
|
+
const getAnimatedOpacity = (0, _react.useCallback)(toValue => {
|
|
48
|
+
if (animationConfig.type === "spring") {
|
|
49
|
+
return (0, _reactNativeReanimated.withSpring)(toValue, {
|
|
50
|
+
damping: animationConfig.damping ?? 10,
|
|
51
|
+
mass: animationConfig.mass ?? 1,
|
|
52
|
+
stiffness: animationConfig.stiffness ?? 100
|
|
53
|
+
});
|
|
54
|
+
} else {
|
|
55
|
+
return (0, _reactNativeReanimated.withTiming)(toValue, {
|
|
56
|
+
duration: (animationConfig.duration ?? 300) * 0.6,
|
|
57
|
+
easing: animationConfig.easing ?? _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
}, [animationConfig]);
|
|
61
|
+
const getAnimatedRotation = (0, _react.useCallback)(toValue => {
|
|
62
|
+
const targetRotation = toValue ? 1 : 0;
|
|
63
|
+
if (animationConfig.type === "spring") {
|
|
64
|
+
return (0, _reactNativeReanimated.withSpring)(targetRotation, {
|
|
65
|
+
damping: animationConfig.damping ?? 10,
|
|
66
|
+
mass: animationConfig.mass ?? 1,
|
|
67
|
+
stiffness: animationConfig.stiffness ?? 100
|
|
68
|
+
});
|
|
69
|
+
} else {
|
|
70
|
+
return (0, _reactNativeReanimated.withTiming)(targetRotation, {
|
|
71
|
+
duration: animationConfig.duration ?? 300,
|
|
72
|
+
easing: animationConfig.easing ?? _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}, [animationConfig]);
|
|
76
|
+
const animate = (0, _react.useCallback)(() => {
|
|
77
|
+
if (onAnimationStart) {
|
|
78
|
+
(0, _reactNativeReanimated.runOnJS)(onAnimationStart)();
|
|
79
|
+
}
|
|
80
|
+
isAnimating.current = true;
|
|
81
|
+
const toHeight = expanded ? contentHeight : 0;
|
|
82
|
+
const toOpacity = expanded ? 1 : 0;
|
|
83
|
+
const toRotation = expanded ? 1 : 0;
|
|
84
|
+
height.value = getAnimatedHeight(toHeight);
|
|
85
|
+
opacity.value = getAnimatedOpacity(toOpacity);
|
|
86
|
+
rotation.value = getAnimatedRotation(toRotation);
|
|
87
|
+
|
|
88
|
+
// Set up animation end callback
|
|
89
|
+
const timeoutId = setTimeout(() => {
|
|
90
|
+
if (isAnimating.current && onAnimationEnd) {
|
|
91
|
+
(0, _reactNativeReanimated.runOnJS)(onAnimationEnd)();
|
|
92
|
+
isAnimating.current = false;
|
|
93
|
+
}
|
|
94
|
+
}, animationConfig.type === "spring" ? 500 : animationConfig.duration ?? 300);
|
|
95
|
+
return () => clearTimeout(timeoutId);
|
|
96
|
+
}, [expanded, contentHeight, animationConfig, height, opacity, rotation, getAnimatedHeight, getAnimatedOpacity, getAnimatedRotation, onAnimationStart, onAnimationEnd]);
|
|
97
|
+
(0, _react.useEffect)(() => {
|
|
98
|
+
const cleanup = animate();
|
|
99
|
+
return () => {
|
|
100
|
+
if (cleanup) cleanup();
|
|
101
|
+
isAnimating.current = false;
|
|
102
|
+
};
|
|
103
|
+
}, [animate]);
|
|
104
|
+
const resetAnimation = (0, _react.useCallback)(() => {
|
|
105
|
+
height.value = 0;
|
|
106
|
+
opacity.value = 0;
|
|
107
|
+
rotation.value = 0;
|
|
108
|
+
isAnimating.current = false;
|
|
109
|
+
}, [height, opacity, rotation]);
|
|
110
|
+
const getRotatedStyle = (0, _react.useCallback)(() => {
|
|
111
|
+
"worklet";
|
|
112
|
+
|
|
113
|
+
return {
|
|
114
|
+
transform: [{
|
|
115
|
+
rotate: `${rotation.value * 90}deg`
|
|
116
|
+
}]
|
|
117
|
+
};
|
|
118
|
+
}, [rotation]);
|
|
119
|
+
return {
|
|
120
|
+
height,
|
|
121
|
+
opacity,
|
|
122
|
+
rotation,
|
|
123
|
+
isAnimating: isAnimating.current,
|
|
124
|
+
animatedHeightStyle: {
|
|
125
|
+
height
|
|
126
|
+
},
|
|
127
|
+
animatedOpacityStyle: {
|
|
128
|
+
opacity
|
|
129
|
+
},
|
|
130
|
+
animatedRotationStyle: getRotatedStyle,
|
|
131
|
+
resetAnimation
|
|
132
|
+
};
|
|
133
|
+
};
|
|
134
|
+
exports.useAccordionAnimation = useAccordionAnimation;
|
|
135
|
+
//# sourceMappingURL=useAccordionAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","useAccordionAnimation","expanded","contentHeight","animationConfig","onAnimationStart","onAnimationEnd","height","useSharedValue","opacity","rotation","isAnimating","useRef","getAnimatedHeight","useCallback","toValue","type","withSpring","damping","mass","stiffness","overshootClamping","restSpeedThreshold","restDisplacementThreshold","withTiming","duration","easing","Easing","inOut","ease","getAnimatedOpacity","getAnimatedRotation","targetRotation","animate","runOnJS","current","toHeight","toOpacity","toRotation","value","timeoutId","setTimeout","clearTimeout","useEffect","cleanup","resetAnimation","getRotatedStyle","transform","rotate","animatedHeightStyle","animatedOpacityStyle","animatedRotationStyle","exports"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useAccordionAnimation.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordionKeyboard = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
const useAccordionKeyboard = props => {
|
|
10
|
+
const {
|
|
11
|
+
onPress,
|
|
12
|
+
disabled = false
|
|
13
|
+
} = props;
|
|
14
|
+
const elementRef = (0, _react.useRef)(null);
|
|
15
|
+
(0, _react.useEffect)(() => {
|
|
16
|
+
if (_reactNative.Platform.OS !== "web") return;
|
|
17
|
+
const handleKeyPress = event => {
|
|
18
|
+
if (disabled) return;
|
|
19
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
20
|
+
event.preventDefault();
|
|
21
|
+
onPress();
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const element = elementRef.current;
|
|
25
|
+
if (element) {
|
|
26
|
+
element.addEventListener("keydown", handleKeyPress);
|
|
27
|
+
}
|
|
28
|
+
return () => {
|
|
29
|
+
if (element) {
|
|
30
|
+
element.removeEventListener("keydown", handleKeyPress);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
}, [onPress, disabled]);
|
|
34
|
+
const keyboardProps = _reactNative.Platform.OS === "web" ? {
|
|
35
|
+
tabIndex: disabled ? -1 : 0,
|
|
36
|
+
ref: elementRef
|
|
37
|
+
} : {};
|
|
38
|
+
return {
|
|
39
|
+
keyboardProps
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
exports.useAccordionKeyboard = useAccordionKeyboard;
|
|
43
|
+
//# sourceMappingURL=useAccordionKeyboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","useAccordionKeyboard","props","onPress","disabled","elementRef","useRef","useEffect","Platform","OS","handleKeyPress","event","key","preventDefault","element","current","addEventListener","removeEventListener","keyboardProps","tabIndex","ref","exports"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useAccordionKeyboard.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAIC,KAAK,IAAK;EAC7C,MAAM;IAAEC,OAAO;IAAEC,QAAQ,GAAG;EAAM,CAAC,GAAGF,KAAK;EAC3C,MAAMG,UAAU,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE/B,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAE3B,MAAMC,cAAc,GAAIC,KAAK,IAAK;MAChC,IAAIP,QAAQ,EAAE;MAEd,IAAIO,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CD,KAAK,CAACE,cAAc,CAAC,CAAC;QACtBV,OAAO,CAAC,CAAC;MACX;IACF,CAAC;IAED,MAAMW,OAAO,GAAGT,UAAU,CAACU,OAAO;IAClC,IAAID,OAAO,EAAE;MACXA,OAAO,CAACE,gBAAgB,CAAC,SAAS,EAAEN,cAAc,CAAC;IACrD;IAEA,OAAO,MAAM;MACX,IAAII,OAAO,EAAE;QACXA,OAAO,CAACG,mBAAmB,CAAC,SAAS,EAAEP,cAAc,CAAC;MACxD;IACF,CAAC;EACH,CAAC,EAAE,CAACP,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEvB,MAAMc,aAAa,GACjBV,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IAAEU,QAAQ,EAAEf,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;IAAEgB,GAAG,EAAEf;EAAW,CAAC,GAChD,CAAC,CAAC;EAER,OAAO;IAAEa;EAAc,CAAC;AAC1B,CAAC;AAACG,OAAA,CAAApB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordionState = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Hook for managing accordion state with controlled/uncontrolled modes
|
|
10
|
+
* @param {Object} options
|
|
11
|
+
* @param {string[]} options.value - Controlled expanded values
|
|
12
|
+
* @param {string[]} options.defaultValue - Default expanded values for uncontrolled mode
|
|
13
|
+
* @param {Function} options.onChange - Callback when expanded values change
|
|
14
|
+
* @param {string} options.mode - 'single' or 'multiple' mode
|
|
15
|
+
* @returns {Object} State management utilities
|
|
16
|
+
*/
|
|
17
|
+
const useAccordionState = ({
|
|
18
|
+
value,
|
|
19
|
+
defaultValue = [],
|
|
20
|
+
onChange,
|
|
21
|
+
mode = "multiple"
|
|
22
|
+
}) => {
|
|
23
|
+
const isControlled = value !== undefined;
|
|
24
|
+
const [internalExpandedValues, setInternalExpandedValues] = (0, _react.useState)(defaultValue);
|
|
25
|
+
const expandedValues = isControlled ? value : internalExpandedValues;
|
|
26
|
+
const expandedValuesRef = (0, _react.useRef)(expandedValues);
|
|
27
|
+
expandedValuesRef.current = expandedValues;
|
|
28
|
+
const setExpandedValues = (0, _react.useCallback)(newValues => {
|
|
29
|
+
if (!isControlled) {
|
|
30
|
+
setInternalExpandedValues(newValues);
|
|
31
|
+
}
|
|
32
|
+
onChange?.(newValues);
|
|
33
|
+
}, [isControlled, onChange]);
|
|
34
|
+
const isExpanded = (0, _react.useCallback)(itemValue => {
|
|
35
|
+
return expandedValues.includes(itemValue);
|
|
36
|
+
}, [expandedValues]);
|
|
37
|
+
const openItem = (0, _react.useCallback)(itemValue => {
|
|
38
|
+
if (expandedValues.includes(itemValue)) return;
|
|
39
|
+
let newValues;
|
|
40
|
+
if (mode === "single") {
|
|
41
|
+
newValues = [itemValue];
|
|
42
|
+
} else {
|
|
43
|
+
newValues = [...expandedValues, itemValue];
|
|
44
|
+
}
|
|
45
|
+
setExpandedValues(newValues);
|
|
46
|
+
return newValues;
|
|
47
|
+
}, [expandedValues, mode, setExpandedValues]);
|
|
48
|
+
const closeItem = (0, _react.useCallback)(itemValue => {
|
|
49
|
+
if (!expandedValues.includes(itemValue)) return;
|
|
50
|
+
const newValues = expandedValues.filter(v => v !== itemValue);
|
|
51
|
+
setExpandedValues(newValues);
|
|
52
|
+
return newValues;
|
|
53
|
+
}, [expandedValues, setExpandedValues]);
|
|
54
|
+
const toggleItem = (0, _react.useCallback)(itemValue => {
|
|
55
|
+
if (expandedValues.includes(itemValue)) {
|
|
56
|
+
return closeItem(itemValue);
|
|
57
|
+
} else {
|
|
58
|
+
return openItem(itemValue);
|
|
59
|
+
}
|
|
60
|
+
}, [expandedValues, openItem, closeItem]);
|
|
61
|
+
const expandAll = (0, _react.useCallback)(() => {
|
|
62
|
+
if (mode !== "multiple") return;
|
|
63
|
+
// Note: This requires access to all registered items
|
|
64
|
+
console.warn("expandAll requires all item values to be accessible");
|
|
65
|
+
}, [mode]);
|
|
66
|
+
const collapseAll = (0, _react.useCallback)(() => {
|
|
67
|
+
setExpandedValues([]);
|
|
68
|
+
}, [setExpandedValues]);
|
|
69
|
+
const toggleAll = (0, _react.useCallback)(() => {
|
|
70
|
+
if (mode !== "multiple") return;
|
|
71
|
+
if (expandedValues.length > 0) {
|
|
72
|
+
collapseAll();
|
|
73
|
+
} else {
|
|
74
|
+
expandAll();
|
|
75
|
+
}
|
|
76
|
+
}, [mode, expandedValues.length, collapseAll, expandAll]);
|
|
77
|
+
const getExpandedItems = (0, _react.useCallback)(() => {
|
|
78
|
+
return [...expandedValues];
|
|
79
|
+
}, [expandedValues]);
|
|
80
|
+
return {
|
|
81
|
+
expandedValues,
|
|
82
|
+
expandedValuesRef,
|
|
83
|
+
setExpandedValues,
|
|
84
|
+
isExpanded,
|
|
85
|
+
openItem,
|
|
86
|
+
closeItem,
|
|
87
|
+
toggleItem,
|
|
88
|
+
expandAll,
|
|
89
|
+
collapseAll,
|
|
90
|
+
toggleAll,
|
|
91
|
+
getExpandedItems,
|
|
92
|
+
isControlled
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
exports.useAccordionState = useAccordionState;
|
|
96
|
+
//# sourceMappingURL=useAccordionState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useAccordionState","value","defaultValue","onChange","mode","isControlled","undefined","internalExpandedValues","setInternalExpandedValues","useState","expandedValues","expandedValuesRef","useRef","current","setExpandedValues","useCallback","newValues","isExpanded","itemValue","includes","openItem","closeItem","filter","v","toggleItem","expandAll","console","warn","collapseAll","toggleAll","length","getExpandedItems","exports"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useAccordionState.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Accordion", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Accordion.Accordion;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AccordionContent", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _AccordionContent.AccordionContent;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "AccordionContext", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _AccordionContext.AccordionContext;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "AccordionItem", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _AccordionItem.AccordionItem;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "AccordionSeparator", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _AccordionSeparator.AccordionSeparator;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "DashedSeparator", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _AccordionSeparator.DashedSeparator;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "GradientSeparator", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _AccordionSeparator.GradientSeparator;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "NestedAccordionSeparator", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _AccordionSeparator.NestedAccordionSeparator;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "ThemeProvider", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _ThemeContext.ThemeProvider;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "animateLayout", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _layout.animateLayout;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "defaultDarkTheme", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return _defaultTheme.defaultDarkTheme;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "defaultLightTheme", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return _defaultTheme.defaultLightTheme;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "getAnimatedHeight", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _animations.getAnimatedHeight;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "getAnimatedOpacity", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _animations.getAnimatedOpacity;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "getElementPosition", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _layout.getElementPosition;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "scrollToAccordionItem", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _layout.scrollToAccordionItem;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "useAccordion", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () {
|
|
105
|
+
return _AccordionContext.useAccordion;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "useAccordionAccessibility", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _useAccordionAccessibility.useAccordionAccessibility;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "useAccordionAnimation", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function () {
|
|
117
|
+
return _useAccordionAnimation.useAccordionAnimation;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "useAccordionKeyboard", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () {
|
|
123
|
+
return _useAccordionKeyboard.useAccordionKeyboard;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "useAccordionState", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function () {
|
|
129
|
+
return _useAccordionState.useAccordionState;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
Object.defineProperty(exports, "useContentHeight", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function () {
|
|
135
|
+
return _layout.useContentHeight;
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
Object.defineProperty(exports, "useMultipleContentHeights", {
|
|
139
|
+
enumerable: true,
|
|
140
|
+
get: function () {
|
|
141
|
+
return _layout.useMultipleContentHeights;
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
Object.defineProperty(exports, "useTheme", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function () {
|
|
147
|
+
return _ThemeContext.useTheme;
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
Object.defineProperty(exports, "validateAccordionMode", {
|
|
151
|
+
enumerable: true,
|
|
152
|
+
get: function () {
|
|
153
|
+
return _validators.validateAccordionMode;
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
Object.defineProperty(exports, "validateAnimationConfig", {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
get: function () {
|
|
159
|
+
return _validators.validateAnimationConfig;
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
var _Accordion = require("./components/Accordion");
|
|
163
|
+
var _AccordionItem = require("./components/AccordionItem");
|
|
164
|
+
var _AccordionContent = require("./components/AccordionContent");
|
|
165
|
+
var _AccordionSeparator = require("./components/AccordionSeparator");
|
|
166
|
+
var _AccordionContext = require("./core/AccordionContext");
|
|
167
|
+
var _useAccordionAccessibility = require("./hooks/useAccordionAccessibility");
|
|
168
|
+
var _useAccordionKeyboard = require("./hooks/useAccordionKeyboard");
|
|
169
|
+
var _useAccordionState = require("./hooks/useAccordionState");
|
|
170
|
+
var _useAccordionAnimation = require("./hooks/useAccordionAnimation");
|
|
171
|
+
var _defaultTheme = require("./theme/defaultTheme");
|
|
172
|
+
var _ThemeContext = require("./theme/ThemeContext");
|
|
173
|
+
var _animations = require("./utils/animations");
|
|
174
|
+
var _validators = require("./utils/validators");
|
|
175
|
+
var _layout = require("./utils/layout");
|
|
176
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Accordion","require","_AccordionItem","_AccordionContent","_AccordionSeparator","_AccordionContext","_useAccordionAccessibility","_useAccordionKeyboard","_useAccordionState","_useAccordionAnimation","_defaultTheme","_ThemeContext","_animations","_validators","_layout"],"sourceRoot":"..\\..\\src","sources":["index.js"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAQA,IAAAI,iBAAA,GAAAJ,OAAA;AAGA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AAGA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AAGA,IAAAW,WAAA,GAAAX,OAAA;AAEA,IAAAY,WAAA,GAAAZ,OAAA;AAKA,IAAAa,OAAA,GAAAb,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useTheme = exports.ThemeProvider = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _defaultTheme = require("./defaultTheme");
|
|
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
|
+
const ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
12
|
+
const ThemeProvider = ({
|
|
13
|
+
children,
|
|
14
|
+
theme: customTheme,
|
|
15
|
+
darkMode = false,
|
|
16
|
+
onDarkModeChange
|
|
17
|
+
}) => {
|
|
18
|
+
const baseTheme = darkMode ? _defaultTheme.defaultDarkTheme : _defaultTheme.defaultLightTheme;
|
|
19
|
+
const theme = (0, _react.useMemo)(() => ({
|
|
20
|
+
...baseTheme,
|
|
21
|
+
...customTheme,
|
|
22
|
+
colors: {
|
|
23
|
+
...baseTheme.colors,
|
|
24
|
+
...customTheme?.colors
|
|
25
|
+
}
|
|
26
|
+
}), [baseTheme, customTheme]);
|
|
27
|
+
const setDarkMode = dark => {
|
|
28
|
+
onDarkModeChange?.(dark);
|
|
29
|
+
};
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
|
|
31
|
+
value: {
|
|
32
|
+
theme,
|
|
33
|
+
darkMode,
|
|
34
|
+
setDarkMode
|
|
35
|
+
},
|
|
36
|
+
children: children
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
exports.ThemeProvider = ThemeProvider;
|
|
40
|
+
const useTheme = () => {
|
|
41
|
+
const context = (0, _react.useContext)(ThemeContext);
|
|
42
|
+
if (!context) {
|
|
43
|
+
throw new Error("useTheme must be used within a ThemeProvider");
|
|
44
|
+
}
|
|
45
|
+
return context;
|
|
46
|
+
};
|
|
47
|
+
exports.useTheme = useTheme;
|
|
48
|
+
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_defaultTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ThemeContext","createContext","undefined","ThemeProvider","children","theme","customTheme","darkMode","onDarkModeChange","baseTheme","defaultDarkTheme","defaultLightTheme","useMemo","colors","setDarkMode","dark","jsx","Provider","value","exports","useTheme","context","useContext","Error"],"sourceRoot":"..\\..\\..\\src","sources":["theme/ThemeContext.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAqE,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;AAErE,MAAMkB,YAAY,gBAAG,IAAAC,oBAAa,EAACC,SAAS,CAAC;AAEtC,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,KAAK,EAAEC,WAAW;EAClBC,QAAQ,GAAG,KAAK;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGF,QAAQ,GAAGG,8BAAgB,GAAGC,+BAAiB;EAEjE,MAAMN,KAAK,GAAG,IAAAO,cAAO,EACnB,OAAO;IACL,GAAGH,SAAS;IACZ,GAAGH,WAAW;IACdO,MAAM,EAAE;MAAE,GAAGJ,SAAS,CAACI,MAAM;MAAE,GAAGP,WAAW,EAAEO;IAAO;EACxD,CAAC,CAAC,EACF,CAACJ,SAAS,EAAEH,WAAW,CACzB,CAAC;EAED,MAAMQ,WAAW,GAAIC,IAAI,IAAK;IAC5BP,gBAAgB,GAAGO,IAAI,CAAC;EAC1B,CAAC;EAED,oBACE,IAAAnC,WAAA,CAAAoC,GAAA,EAAChB,YAAY,CAACiB,QAAQ;IAACC,KAAK,EAAE;MAAEb,KAAK;MAAEE,QAAQ;MAAEO;IAAY,CAAE;IAAAV,QAAA,EAC5DA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAACe,OAAA,CAAAhB,aAAA,GAAAA,aAAA;AAEK,MAAMiB,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACtB,YAAY,CAAC;EACxC,IAAI,CAACqB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,QAAA,GAAAA,QAAA","ignoreList":[]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultLightTheme = exports.defaultDarkTheme = void 0;
|
|
7
|
+
const defaultLightTheme = exports.defaultLightTheme = {
|
|
8
|
+
colors: {
|
|
9
|
+
background: "#FFFFFF",
|
|
10
|
+
surface: "#F5F5F5",
|
|
11
|
+
primary: "#2196F3",
|
|
12
|
+
text: "#000000",
|
|
13
|
+
textSecondary: "#666666",
|
|
14
|
+
border: "#E0E0E0",
|
|
15
|
+
disabled: "#BDBDBD",
|
|
16
|
+
icon: "#666666"
|
|
17
|
+
},
|
|
18
|
+
spacing: {
|
|
19
|
+
xs: 4,
|
|
20
|
+
sm: 8,
|
|
21
|
+
md: 16,
|
|
22
|
+
lg: 24,
|
|
23
|
+
xl: 32
|
|
24
|
+
},
|
|
25
|
+
typography: {
|
|
26
|
+
header: {
|
|
27
|
+
fontSize: 16,
|
|
28
|
+
fontWeight: "500",
|
|
29
|
+
color: "#000000"
|
|
30
|
+
},
|
|
31
|
+
content: {
|
|
32
|
+
fontSize: 14,
|
|
33
|
+
lineHeight: 20,
|
|
34
|
+
color: "#333333"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
borderRadius: {
|
|
38
|
+
sm: 4,
|
|
39
|
+
md: 8,
|
|
40
|
+
lg: 12
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
const defaultDarkTheme = exports.defaultDarkTheme = {
|
|
44
|
+
colors: {
|
|
45
|
+
background: "#121212",
|
|
46
|
+
surface: "#1E1E1E",
|
|
47
|
+
primary: "#64B5F6",
|
|
48
|
+
text: "#FFFFFF",
|
|
49
|
+
textSecondary: "#B0B0B0",
|
|
50
|
+
border: "#2C2C2C",
|
|
51
|
+
disabled: "#6B6B6B",
|
|
52
|
+
icon: "#B0B0B0"
|
|
53
|
+
},
|
|
54
|
+
spacing: {
|
|
55
|
+
xs: 4,
|
|
56
|
+
sm: 8,
|
|
57
|
+
md: 16,
|
|
58
|
+
lg: 24,
|
|
59
|
+
xl: 32
|
|
60
|
+
},
|
|
61
|
+
typography: {
|
|
62
|
+
header: {
|
|
63
|
+
fontSize: 16,
|
|
64
|
+
fontWeight: "500",
|
|
65
|
+
color: "#FFFFFF"
|
|
66
|
+
},
|
|
67
|
+
content: {
|
|
68
|
+
fontSize: 14,
|
|
69
|
+
lineHeight: 20,
|
|
70
|
+
color: "#E0E0E0"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
borderRadius: {
|
|
74
|
+
sm: 4,
|
|
75
|
+
md: 8,
|
|
76
|
+
lg: 12
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=defaultTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultLightTheme","exports","colors","background","surface","primary","text","textSecondary","border","disabled","icon","spacing","xs","sm","md","lg","xl","typography","header","fontSize","fontWeight","color","content","lineHeight","borderRadius","defaultDarkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/defaultTheme.js"],"mappings":";;;;;;AAAO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,MAAM,EAAE;IACNC,UAAU,EAAE,SAAS;IACrBC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,SAAS;IAClBC,IAAI,EAAE,SAAS;IACfC,aAAa,EAAE,SAAS;IACxBC,MAAM,EAAE,SAAS;IACjBC,QAAQ,EAAE,SAAS;IACnBC,IAAI,EAAE;EACR,CAAC;EACDC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EACDC,UAAU,EAAE;IACVC,MAAM,EAAE;MACNC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE;IACT,CAAC;IACDC,OAAO,EAAE;MACPH,QAAQ,EAAE,EAAE;MACZI,UAAU,EAAE,EAAE;MACdF,KAAK,EAAE;IACT;EACF,CAAC;EACDG,YAAY,EAAE;IACZX,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN;AACF,CAAC;AAEM,MAAMU,gBAAgB,GAAAxB,OAAA,CAAAwB,gBAAA,GAAG;EAC9BvB,MAAM,EAAE;IACNC,UAAU,EAAE,SAAS;IACrBC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,SAAS;IAClBC,IAAI,EAAE,SAAS;IACfC,aAAa,EAAE,SAAS;IACxBC,MAAM,EAAE,SAAS;IACjBC,QAAQ,EAAE,SAAS;IACnBC,IAAI,EAAE;EACR,CAAC;EACDC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EACDC,UAAU,EAAE;IACVC,MAAM,EAAE;MACNC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE;IACT,CAAC;IACDC,OAAO,EAAE;MACPH,QAAQ,EAAE,EAAE;MACZI,UAAU,EAAE,EAAE;MACdF,KAAK,EAAE;IACT;EACF,CAAC;EACDG,YAAY,EAAE;IACZX,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN;AACF,CAAC","ignoreList":[]}
|