@dangerousthings/react-native 0.2.0 → 0.3.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/LICENSE +21 -0
- package/README.md +170 -0
- package/dist/components/DTAccordion.d.ts.map +1 -1
- package/dist/components/DTAccordion.js +7 -6
- package/dist/components/DTAccordion.js.map +1 -1
- package/dist/components/DTBadgeOverlay.d.ts +29 -0
- package/dist/components/DTBadgeOverlay.d.ts.map +1 -0
- package/dist/components/DTBadgeOverlay.js +12 -0
- package/dist/components/DTBadgeOverlay.js.map +1 -0
- package/dist/components/DTButton.d.ts +14 -20
- package/dist/components/DTButton.d.ts.map +1 -1
- package/dist/components/DTButton.js +90 -27
- package/dist/components/DTButton.js.map +1 -1
- package/dist/components/DTCard.d.ts +12 -3
- package/dist/components/DTCard.d.ts.map +1 -1
- package/dist/components/DTCard.js +144 -9
- package/dist/components/DTCard.js.map +1 -1
- package/dist/components/DTCheckbox.d.ts.map +1 -1
- package/dist/components/DTCheckbox.js +21 -8
- package/dist/components/DTCheckbox.js.map +1 -1
- package/dist/components/DTChip.d.ts +2 -2
- package/dist/components/DTChip.d.ts.map +1 -1
- package/dist/components/DTChip.js +6 -11
- package/dist/components/DTChip.js.map +1 -1
- package/dist/components/DTDrawer.d.ts.map +1 -1
- package/dist/components/DTDrawer.js +13 -9
- package/dist/components/DTDrawer.js.map +1 -1
- package/dist/components/DTFeatureLegend.d.ts +41 -0
- package/dist/components/DTFeatureLegend.d.ts.map +1 -0
- package/dist/components/DTFeatureLegend.js +56 -0
- package/dist/components/DTFeatureLegend.js.map +1 -0
- package/dist/components/DTGallery.d.ts.map +1 -1
- package/dist/components/DTGallery.js +25 -6
- package/dist/components/DTGallery.js.map +1 -1
- package/dist/components/DTHexagon.d.ts.map +1 -1
- package/dist/components/DTHexagon.js +3 -1
- package/dist/components/DTHexagon.js.map +1 -1
- package/dist/components/DTLabel.d.ts.map +1 -1
- package/dist/components/DTLabel.js +13 -8
- package/dist/components/DTLabel.js.map +1 -1
- package/dist/components/DTMediaFrame.d.ts.map +1 -1
- package/dist/components/DTMediaFrame.js +14 -7
- package/dist/components/DTMediaFrame.js.map +1 -1
- package/dist/components/DTMenu.d.ts.map +1 -1
- package/dist/components/DTMenu.js +9 -8
- package/dist/components/DTMenu.js.map +1 -1
- package/dist/components/DTMobileFilterOverlay.d.ts +35 -0
- package/dist/components/DTMobileFilterOverlay.d.ts.map +1 -0
- package/dist/components/DTMobileFilterOverlay.js +135 -0
- package/dist/components/DTMobileFilterOverlay.js.map +1 -0
- package/dist/components/DTModal.d.ts.map +1 -1
- package/dist/components/DTModal.js +3 -2
- package/dist/components/DTModal.js.map +1 -1
- package/dist/components/DTProgressBar.d.ts.map +1 -1
- package/dist/components/DTProgressBar.js +7 -7
- package/dist/components/DTProgressBar.js.map +1 -1
- package/dist/components/DTQuantityStepper.d.ts.map +1 -1
- package/dist/components/DTQuantityStepper.js +15 -5
- package/dist/components/DTQuantityStepper.js.map +1 -1
- package/dist/components/DTRadioGroup.d.ts.map +1 -1
- package/dist/components/DTRadioGroup.js +16 -10
- package/dist/components/DTRadioGroup.js.map +1 -1
- package/dist/components/DTSearchInput.d.ts.map +1 -1
- package/dist/components/DTSearchInput.js +7 -7
- package/dist/components/DTSearchInput.js.map +1 -1
- package/dist/components/DTStaggerContainer.d.ts +28 -0
- package/dist/components/DTStaggerContainer.d.ts.map +1 -0
- package/dist/components/DTStaggerContainer.js +28 -0
- package/dist/components/DTStaggerContainer.js.map +1 -0
- package/dist/components/DTSwitch.js +6 -5
- package/dist/components/DTSwitch.js.map +1 -1
- package/dist/components/DTTextInput.d.ts.map +1 -1
- package/dist/components/DTTextInput.js +8 -9
- package/dist/components/DTTextInput.js.map +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -1
- package/dist/index.js.map +1 -1
- package/dist/theme/paperTheme.d.ts +8 -0
- package/dist/theme/paperTheme.d.ts.map +1 -1
- package/dist/theme/paperTheme.js +6 -0
- package/dist/theme/paperTheme.js.map +1 -1
- package/dist/utils/animations.d.ts +22 -0
- package/dist/utils/animations.d.ts.map +1 -0
- package/dist/utils/animations.js +62 -0
- package/dist/utils/animations.js.map +1 -0
- package/dist/utils/variantColors.d.ts +6 -4
- package/dist/utils/variantColors.d.ts.map +1 -1
- package/dist/utils/variantColors.js +10 -10
- package/dist/utils/variantColors.js.map +1 -1
- package/package.json +22 -1
|
@@ -17,7 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
17
17
|
import { useRef, useCallback } from 'react';
|
|
18
18
|
import { StyleSheet, View, Pressable, Image, FlatList, Platform, } from 'react-native';
|
|
19
19
|
import Svg, { Path } from 'react-native-svg';
|
|
20
|
-
import {
|
|
20
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
21
21
|
import { getVariantColor } from '../utils/variantColors';
|
|
22
22
|
import { buildButtonBevelPath, buildMediaFrameBevelPath } from '../utils/bevelPaths';
|
|
23
23
|
import { useComponentLayout } from '../utils/useComponentLayout';
|
|
@@ -36,9 +36,10 @@ const ARROW_BORDER = 2;
|
|
|
36
36
|
* />
|
|
37
37
|
*/
|
|
38
38
|
export function DTGallery({ items, activeIndex, onSelect, variant = 'normal', thumbnailSize = 64, bevelSize = 24, borderWidth = 3, style, }) {
|
|
39
|
+
const theme = useDTTheme();
|
|
39
40
|
const flatListRef = useRef(null);
|
|
40
41
|
const { dimensions, onLayout, hasDimensions } = useComponentLayout();
|
|
41
|
-
const accentColor = getVariantColor(variant);
|
|
42
|
+
const accentColor = getVariantColor(theme, variant);
|
|
42
43
|
const atStart = activeIndex <= 0;
|
|
43
44
|
const atEnd = activeIndex >= items.length - 1;
|
|
44
45
|
const handlePrev = useCallback(() => {
|
|
@@ -75,7 +76,15 @@ export function DTGallery({ items, activeIndex, onSelect, variant = 'normal', th
|
|
|
75
76
|
: `M ${center - arrowSize} ${center - arrowSize} L ${center + arrowSize} ${center} L ${center - arrowSize} ${center + arrowSize}`;
|
|
76
77
|
return (_jsx(Pressable, { onPress: onPress, disabled: isDisabled, style: ({ pressed }) => ({
|
|
77
78
|
opacity: isDisabled ? 0.3 : pressed ? 0.7 : 1,
|
|
78
|
-
}), children: _jsxs(Svg, { width: ARROW_SIZE, height: ARROW_SIZE, viewBox: `0 0 ${ARROW_SIZE} ${ARROW_SIZE}`, children: [_jsx(Path, { d: buildButtonBevelPath(ARROW_SIZE, ARROW_SIZE, ARROW_BEVEL, ARROW_BORDER), fill: "transparent", stroke: accentColor, strokeWidth: ARROW_BORDER }), _jsx(Path, { d: iconPath, fill: "none", stroke: accentColor, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] })
|
|
79
|
+
}), children: useBevels ? (_jsxs(Svg, { width: ARROW_SIZE, height: ARROW_SIZE, viewBox: `0 0 ${ARROW_SIZE} ${ARROW_SIZE}`, children: [_jsx(Path, { d: buildButtonBevelPath(ARROW_SIZE, ARROW_SIZE, ARROW_BEVEL, ARROW_BORDER), fill: "transparent", stroke: accentColor, strokeWidth: ARROW_BORDER }), _jsx(Path, { d: iconPath, fill: "none", stroke: accentColor, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] })) : (_jsx(View, { style: {
|
|
80
|
+
width: ARROW_SIZE,
|
|
81
|
+
height: ARROW_SIZE,
|
|
82
|
+
borderWidth: ARROW_BORDER,
|
|
83
|
+
borderColor: accentColor,
|
|
84
|
+
borderRadius: theme.custom.radiusSm,
|
|
85
|
+
alignItems: 'center',
|
|
86
|
+
justifyContent: 'center',
|
|
87
|
+
}, children: _jsx(Svg, { width: ARROW_SIZE * 0.6, height: ARROW_SIZE * 0.6, viewBox: `${ARROW_SIZE * 0.2} ${ARROW_SIZE * 0.2} ${ARROW_SIZE * 0.6} ${ARROW_SIZE * 0.6}`, children: _jsx(Path, { d: iconPath, fill: "none", stroke: accentColor, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })) }));
|
|
79
88
|
};
|
|
80
89
|
const renderThumbnail = ({ item, index }) => {
|
|
81
90
|
const isActive = index === activeIndex;
|
|
@@ -85,6 +94,7 @@ export function DTGallery({ items, activeIndex, onSelect, variant = 'normal', th
|
|
|
85
94
|
width: thumbnailSize,
|
|
86
95
|
height: thumbnailSize,
|
|
87
96
|
borderColor: isActive ? accentColor : 'transparent',
|
|
97
|
+
borderRadius: useBevels ? 0 : theme.custom.radiusSm,
|
|
88
98
|
},
|
|
89
99
|
isActive && styles.thumbnailActive,
|
|
90
100
|
], children: [isActive && Platform.OS === 'android' && (_jsx(View, { style: [
|
|
@@ -100,14 +110,23 @@ export function DTGallery({ items, activeIndex, onSelect, variant = 'normal', th
|
|
|
100
110
|
if (items.length === 0)
|
|
101
111
|
return null;
|
|
102
112
|
const { width, height } = dimensions;
|
|
113
|
+
const useBevels = theme.custom.bevelMd > 0;
|
|
103
114
|
// Outer and inner bevel paths for frame overlay
|
|
104
|
-
const outerPath = hasDimensions
|
|
115
|
+
const outerPath = useBevels && hasDimensions
|
|
105
116
|
? buildMediaFrameBevelPath(width, height, bevelSize)
|
|
106
117
|
: '';
|
|
107
|
-
const innerPath = hasDimensions
|
|
118
|
+
const innerPath = useBevels && hasDimensions
|
|
108
119
|
? buildMediaFrameBevelPath(width, height, bevelSize - borderWidth, borderWidth)
|
|
109
120
|
: '';
|
|
110
|
-
return (_jsxs(View, { style: [styles.container, style], children: [_jsxs(View, { style:
|
|
121
|
+
return (_jsxs(View, { style: [styles.container, style], children: [_jsxs(View, { style: [
|
|
122
|
+
styles.mainImageContainer,
|
|
123
|
+
!useBevels && {
|
|
124
|
+
borderWidth,
|
|
125
|
+
borderColor: accentColor,
|
|
126
|
+
borderRadius: theme.custom.radius,
|
|
127
|
+
overflow: 'hidden',
|
|
128
|
+
},
|
|
129
|
+
], onLayout: onLayout, children: [useBevels && hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: innerPath, fill: theme.colors.surfaceVariant }) })), _jsx(View, { style: [styles.mainImageContent, { padding: useBevels ? borderWidth : 0 }], children: _jsx(Image, { source: { uri: items[activeIndex]?.uri }, style: styles.mainImage, accessibilityLabel: items[activeIndex]?.alt, resizeMode: "contain" }) }), useBevels && hasDimensions && (_jsxs(Svg, { style: [StyleSheet.absoluteFill, styles.frameOverlay], width: width, height: height, viewBox: `0 0 ${width} ${height}`, pointerEvents: "none", children: [_jsx(Path, { d: `M 0 0 L ${width} 0 L ${width} ${height} L 0 ${height} Z ` + outerPath, fillRule: "evenodd", fill: theme.colors.background }), _jsx(Path, { d: outerPath + ' ' + innerPath, fillRule: "evenodd", fill: accentColor })] }))] }), items.length > 1 && (_jsxs(View, { style: styles.thumbnailStrip, children: [renderArrow('left', handlePrev, atStart), _jsx(FlatList, { ref: flatListRef, data: items, renderItem: renderThumbnail, keyExtractor: item => item.id, horizontal: true, showsHorizontalScrollIndicator: false, getItemLayout: getItemLayout, contentContainerStyle: styles.thumbnailList, style: styles.thumbnailFlatList, initialNumToRender: 8, maxToRenderPerBatch: 4, windowSize: 5, removeClippedSubviews: Platform.OS === 'android' }), renderArrow('right', handleNext, atEnd)] }))] }));
|
|
111
130
|
}
|
|
112
131
|
const styles = StyleSheet.create({
|
|
113
132
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTGallery.js","sourceRoot":"","sources":["../../src/components/DTGallery.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,UAAU,EACV,IAAI,EAGJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DTGallery.js","sourceRoot":"","sources":["../../src/components/DTGallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTHexagon.d.ts","sourceRoot":"","sources":["../../src/components/DTHexagon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"DTHexagon.d.ts","sourceRoot":"","sources":["../../src/components/DTHexagon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAG9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,UAAU,cAAc;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAkB,EAClB,MAAa,EACb,QAAgB,EAChB,aAAsB,EACtB,iBAAwB,EACxB,WAAe,EACf,KAAK,EACL,OAAO,EAAE,WAAe,EACxB,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,2CAyFhB"}
|
|
@@ -13,6 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useRef, useEffect } from 'react';
|
|
14
14
|
import { StyleSheet, View, Animated } from 'react-native';
|
|
15
15
|
import Svg, { Polygon } from 'react-native-svg';
|
|
16
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
16
17
|
import { getVariantColor } from '../utils/variantColors';
|
|
17
18
|
/**
|
|
18
19
|
* Build flat-top hexagon SVG polygon points
|
|
@@ -43,7 +44,8 @@ function buildHexagonPoints(size) {
|
|
|
43
44
|
* <DTHexagon size={80} variant="success" filled={false} animated animationType="pulse" />
|
|
44
45
|
*/
|
|
45
46
|
export function DTHexagon({ size, variant = 'normal', filled = true, animated = false, animationType = 'none', animationDuration = 2000, borderWidth = 2, color, opacity: opacityProp = 1, style, children, }) {
|
|
46
|
-
const
|
|
47
|
+
const theme = useDTTheme();
|
|
48
|
+
const accentColor = getVariantColor(theme, variant, color);
|
|
47
49
|
const rotateAnim = useRef(new Animated.Value(0)).current;
|
|
48
50
|
const pulseAnim = useRef(new Animated.Value(1)).current;
|
|
49
51
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTHexagon.js","sourceRoot":"","sources":["../../src/components/DTHexagon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAwB,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9E,OAAO,GAAG,EAAE,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAiB,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAwDvE;;GAEG;AACH,SAAS,kBAAkB,CAAC,IAAY;IACtC,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;IACpB,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;IACpB,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;IAEnB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACtB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAuB;QACtE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IACrB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,MAAM,EACtB,iBAAiB,GAAG,IAAI,EACxB,WAAW,GAAG,CAAC,EACf,KAAK,EACL,OAAO,EAAE,WAAW,GAAG,CAAC,EACxB,KAAK,EACL,QAAQ,GACO;IACf,MAAM,WAAW,GAAG,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DTHexagon.js","sourceRoot":"","sources":["../../src/components/DTHexagon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAwB,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9E,OAAO,GAAG,EAAE,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAiB,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAwDvE;;GAEG;AACH,SAAS,kBAAkB,CAAC,IAAY;IACtC,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;IACpB,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;IACpB,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;IAEnB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACtB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAuB;QACtE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IACrB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,MAAM,EACtB,iBAAiB,GAAG,IAAI,EACxB,WAAW,GAAG,CAAC,EACf,KAAK,EACL,OAAO,EAAE,WAAW,GAAG,CAAC,EACxB,KAAK,EACL,QAAQ,GACO;IACf,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACzD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACvB,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,aAAa,KAAK,QAAQ,EAAE,CAAC;YAC/B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAC7B,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE;gBAC1B,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,iBAAiB;gBAC3B,eAAe,EAAE,IAAI;aACtB,CAAC,CACH,CAAC;YACF,SAAS,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,IAAI,EAAE,CAAC;gBACjB,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACzB,CAAC,CAAC;QACJ,CAAC;QAED,IAAI,aAAa,KAAK,OAAO,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAC7B,QAAQ,CAAC,QAAQ,CAAC;gBAChB,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;oBACzB,OAAO,EAAE,GAAG;oBACZ,QAAQ,EAAE,iBAAiB,GAAG,CAAC;oBAC/B,eAAe,EAAE,IAAI;iBACtB,CAAC;gBACF,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;oBACzB,OAAO,EAAE,CAAC;oBACV,QAAQ,EAAE,iBAAiB,GAAG,CAAC;oBAC/B,eAAe,EAAE,IAAI;iBACtB,CAAC;aACH,CAAC,CACH,CAAC;YACF,SAAS,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,IAAI,EAAE,CAAC;gBACjB,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAExE,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC;QACtC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,QAAQ,IAAI,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;IAElE,MAAM,SAAS,GACb,QAAQ,IAAI,aAAa,KAAK,QAAQ;QACpC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC;QACtB,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAC;YACrD,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAC,CAAC,CAAC,CAAC,SAAS;YAC9C,KAAK;SACN,aACD,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,YAC5D,KAAC,OAAO,IACN,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAC1C,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GACrC,GACE,EACL,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,MAAM,CAAC,iBAAiB,CAAC,YAC7D,QAAQ,GACJ,CACR,IACa,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE;QACjB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTLabel.d.ts","sourceRoot":"","sources":["../../src/components/DTLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAI9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AA0ChD,UAAU,YAAY;IACpB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,aAAa,EACb,IAAe,EACf,IAAe,EACf,SAAiB,EACjB,QAAe,EACf,cAAoB,EACpB,iBAAuB,EACvB,aAAoB,EACpB,SAAS,EACT,KAAK,GACN,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"DTLabel.d.ts","sourceRoot":"","sources":["../../src/components/DTLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAI9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AA0ChD,UAAU,YAAY;IACpB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,aAAa,EACb,IAAe,EACf,IAAe,EACf,SAAiB,EACjB,QAAe,EACf,cAAoB,EACpB,iBAAuB,EACvB,aAAoB,EACpB,SAAS,EACT,KAAK,GACN,EAAE,YAAY,2CAqHd;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;;;CAW3B,CAAC"}
|
|
@@ -14,7 +14,7 @@ import { useEffect, useRef } from 'react';
|
|
|
14
14
|
import { StyleSheet, View, Animated } from 'react-native';
|
|
15
15
|
import { Text } from 'react-native-paper';
|
|
16
16
|
import Svg, { Path } from 'react-native-svg';
|
|
17
|
-
import {
|
|
17
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
18
18
|
import { getVariantColor } from '../utils/variantColors';
|
|
19
19
|
import { buildLabelBevelPath } from '../utils/bevelPaths';
|
|
20
20
|
import { useComponentLayout } from '../utils/useComponentLayout';
|
|
@@ -70,12 +70,14 @@ const sizeConfigs = {
|
|
|
70
70
|
* <DTLabel primaryText="Large label" size="large" mode="emphasis" />
|
|
71
71
|
*/
|
|
72
72
|
export function DTLabel({ primaryText, secondaryText, mode = 'normal', size = 'medium', fullWidth = false, animated = true, animationDelay = 100, animationDuration = 330, showIndicator = true, bevelSize, style, }) {
|
|
73
|
+
const theme = useDTTheme();
|
|
73
74
|
const { dimensions, onLayout, hasDimensions } = useComponentLayout();
|
|
74
75
|
const scaleAnim = useRef(new Animated.Value(animated ? 0 : 1)).current;
|
|
75
76
|
const pingAnim = useRef(new Animated.Value(1)).current;
|
|
76
|
-
const backgroundColor = getVariantColor(mode);
|
|
77
|
+
const backgroundColor = getVariantColor(theme, mode);
|
|
77
78
|
const sizeConfig = sizeConfigs[size];
|
|
78
79
|
const effectiveBevelSize = bevelSize ?? sizeConfig.bevel;
|
|
80
|
+
const onPrimaryColor = theme.colors.onPrimary;
|
|
79
81
|
// Mount animation
|
|
80
82
|
useEffect(() => {
|
|
81
83
|
if (animated) {
|
|
@@ -111,12 +113,17 @@ export function DTLabel({ primaryText, secondaryText, mode = 'normal', size = 'm
|
|
|
111
113
|
pingAnim.setValue(1);
|
|
112
114
|
}, [showIndicator, pingAnim]);
|
|
113
115
|
const { width, height } = dimensions;
|
|
116
|
+
const useBevels = theme.custom.bevelMd > 0;
|
|
114
117
|
return (_jsxs(Animated.View, { style: [
|
|
115
118
|
styles.container,
|
|
116
119
|
fullWidth && styles.fullWidth,
|
|
117
120
|
{ transform: [{ scale: scaleAnim }] },
|
|
121
|
+
!useBevels && {
|
|
122
|
+
backgroundColor,
|
|
123
|
+
borderRadius: theme.custom.radiusSm,
|
|
124
|
+
},
|
|
118
125
|
style,
|
|
119
|
-
], onLayout: onLayout, children: [hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: buildLabelBevelPath(width, height, effectiveBevelSize), fill: backgroundColor }) })), _jsxs(View, { style: styles.innerContainer, children: [_jsxs(View, { style: [
|
|
126
|
+
], onLayout: onLayout, children: [useBevels && hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: buildLabelBevelPath(width, height, effectiveBevelSize), fill: backgroundColor }) })), _jsxs(View, { style: styles.innerContainer, children: [_jsxs(View, { style: [
|
|
120
127
|
styles.textContainer,
|
|
121
128
|
{
|
|
122
129
|
paddingHorizontal: sizeConfig.paddingHorizontal,
|
|
@@ -125,16 +132,16 @@ export function DTLabel({ primaryText, secondaryText, mode = 'normal', size = 'm
|
|
|
125
132
|
},
|
|
126
133
|
], children: [_jsx(Text, { style: [
|
|
127
134
|
styles.primaryText,
|
|
128
|
-
{ fontSize: sizeConfig.fontSize },
|
|
135
|
+
{ fontSize: sizeConfig.fontSize, color: onPrimaryColor },
|
|
129
136
|
], children: primaryText }), secondaryText && (_jsx(Text, { style: [
|
|
130
137
|
styles.secondaryText,
|
|
131
|
-
{ fontSize: sizeConfig.fontSizeSecondary },
|
|
138
|
+
{ fontSize: sizeConfig.fontSizeSecondary, color: onPrimaryColor },
|
|
132
139
|
], children: secondaryText }))] }), showIndicator && (_jsx(Animated.View, { style: [
|
|
133
140
|
styles.indicator,
|
|
134
141
|
{ opacity: pingAnim, paddingLeft: sizeConfig.paddingHorizontal / 1.5 },
|
|
135
142
|
], children: _jsx(View, { style: [
|
|
136
143
|
styles.indicatorLine,
|
|
137
|
-
{ borderColor:
|
|
144
|
+
{ borderColor: onPrimaryColor, width: sizeConfig.indicatorWidth },
|
|
138
145
|
] }) }))] })] }));
|
|
139
146
|
}
|
|
140
147
|
/**
|
|
@@ -174,11 +181,9 @@ const styles = StyleSheet.create({
|
|
|
174
181
|
alignItems: 'center',
|
|
175
182
|
},
|
|
176
183
|
primaryText: {
|
|
177
|
-
color: DTColors.dark,
|
|
178
184
|
fontWeight: '500',
|
|
179
185
|
},
|
|
180
186
|
secondaryText: {
|
|
181
|
-
color: DTColors.dark,
|
|
182
187
|
fontWeight: '800',
|
|
183
188
|
},
|
|
184
189
|
indicator: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTLabel.js","sourceRoot":"","sources":["../../src/components/DTLabel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAY,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,UAAU,EAAE,IAAI,EAAwB,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DTLabel.js","sourceRoot":"","sources":["../../src/components/DTLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTMediaFrame.d.ts","sourceRoot":"","sources":["../../src/components/DTMediaFrame.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAG9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,UAAU,iBAAiB;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAkB,EAClB,WAAW,EACX,WAAe,EACf,SAAc,EACd,QAAe,EACf,cAAkB,EAClB,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DTMediaFrame.d.ts","sourceRoot":"","sources":["../../src/components/DTMediaFrame.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAG9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,UAAU,iBAAiB;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAkB,EAClB,WAAW,EACX,WAAe,EACf,SAAc,EACd,QAAe,EACf,cAAkB,EAClB,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,iBAAiB,2CA0GnB"}
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useRef, useEffect } from 'react';
|
|
14
14
|
import { StyleSheet, View, Animated } from 'react-native';
|
|
15
15
|
import Svg, { Path, Defs, ClipPath } from 'react-native-svg';
|
|
16
|
-
import {
|
|
16
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
17
17
|
import { getVariantColor } from '../utils/variantColors';
|
|
18
18
|
import { buildMediaFrameBevelPath } from '../utils/bevelPaths';
|
|
19
19
|
import { useComponentLayout } from '../utils/useComponentLayout';
|
|
@@ -31,9 +31,10 @@ import { useComponentLayout } from '../utils/useComponentLayout';
|
|
|
31
31
|
* </DTMediaFrame>
|
|
32
32
|
*/
|
|
33
33
|
export function DTMediaFrame({ children, variant = 'normal', aspectRatio, borderWidth = 3, bevelSize = 32, animated = true, animationDelay = 0, color, style, contentStyle, }) {
|
|
34
|
+
const theme = useDTTheme();
|
|
34
35
|
const { dimensions, onLayout, hasDimensions } = useComponentLayout();
|
|
35
36
|
const scaleAnim = useRef(new Animated.Value(animated ? 0 : 1)).current;
|
|
36
|
-
const accentColor = getVariantColor(variant, color);
|
|
37
|
+
const accentColor = getVariantColor(theme, variant, color);
|
|
37
38
|
useEffect(() => {
|
|
38
39
|
if (animated) {
|
|
39
40
|
Animated.timing(scaleAnim, {
|
|
@@ -45,27 +46,33 @@ export function DTMediaFrame({ children, variant = 'normal', aspectRatio, border
|
|
|
45
46
|
}
|
|
46
47
|
}, [animated, animationDelay, scaleAnim]);
|
|
47
48
|
const { width, height } = dimensions;
|
|
49
|
+
const useBevels = theme.custom.bevelMd > 0;
|
|
48
50
|
// Outer bevel path (full frame shape)
|
|
49
|
-
const outerPath = hasDimensions
|
|
51
|
+
const outerPath = useBevels && hasDimensions
|
|
50
52
|
? buildMediaFrameBevelPath(width, height, bevelSize)
|
|
51
53
|
: '';
|
|
52
54
|
// Inner bevel path at border inset
|
|
53
|
-
const innerPath = hasDimensions
|
|
55
|
+
const innerPath = useBevels && hasDimensions
|
|
54
56
|
? buildMediaFrameBevelPath(width, height, bevelSize - borderWidth, borderWidth)
|
|
55
57
|
: '';
|
|
56
58
|
return (_jsxs(Animated.View, { style: [
|
|
57
59
|
styles.container,
|
|
58
60
|
aspectRatio ? { aspectRatio } : undefined,
|
|
59
61
|
{ transform: [{ scale: scaleAnim }] },
|
|
62
|
+
!useBevels && {
|
|
63
|
+
borderWidth,
|
|
64
|
+
borderColor: accentColor,
|
|
65
|
+
borderRadius: theme.custom.radius,
|
|
66
|
+
overflow: 'hidden',
|
|
67
|
+
},
|
|
60
68
|
style,
|
|
61
|
-
], onLayout: onLayout, children: [hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: innerPath, fill:
|
|
69
|
+
], onLayout: onLayout, children: [useBevels && hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: innerPath, fill: theme.colors.background }) })), useBevels && hasDimensions ? (_jsxs(View, { style: [styles.content, contentStyle], children: [_jsx(Svg, { width: width, height: height, viewBox: `0 0 ${width} ${height}`, style: StyleSheet.absoluteFill, children: _jsx(Defs, { children: _jsx(ClipPath, { id: "mediaClip", children: _jsx(Path, { d: innerPath }) }) }) }), _jsx(View, { style: [
|
|
62
70
|
StyleSheet.absoluteFill,
|
|
63
71
|
{
|
|
64
72
|
margin: borderWidth,
|
|
65
|
-
// Use borderRadius 0 to keep angular, overflow hidden clips rectangular part
|
|
66
73
|
overflow: 'hidden',
|
|
67
74
|
},
|
|
68
|
-
], children: children })] })) : (_jsx(View, { style: [styles.content, { padding: borderWidth }, contentStyle], children: children })), hasDimensions && (_jsxs(Svg, { style: [StyleSheet.absoluteFill, styles.frameOverlay], width: width, height: height, viewBox: `0 0 ${width} ${height}`, pointerEvents: "none", children: [_jsx(Path, { d: outerPath + ' ' + innerPath, fillRule: "evenodd", fill: accentColor }), _jsx(Path, { d: `M 0 0 L ${width} 0 L ${width} ${height} L 0 ${height} Z ` + outerPath, fillRule: "evenodd", fill:
|
|
75
|
+
], children: children })] })) : (_jsx(View, { style: [styles.content, !useBevels ? undefined : { padding: borderWidth }, contentStyle], children: children })), useBevels && hasDimensions && (_jsxs(Svg, { style: [StyleSheet.absoluteFill, styles.frameOverlay], width: width, height: height, viewBox: `0 0 ${width} ${height}`, pointerEvents: "none", children: [_jsx(Path, { d: outerPath + ' ' + innerPath, fillRule: "evenodd", fill: accentColor }), _jsx(Path, { d: `M 0 0 L ${width} 0 L ${width} ${height} L 0 ${height} Z ` + outerPath, fillRule: "evenodd", fill: theme.colors.background })] }))] }));
|
|
69
76
|
}
|
|
70
77
|
const styles = StyleSheet.create({
|
|
71
78
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTMediaFrame.js","sourceRoot":"","sources":["../../src/components/DTMediaFrame.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAY,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,UAAU,EAAE,IAAI,EAAwB,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9E,OAAO,GAAG,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DTMediaFrame.js","sourceRoot":"","sources":["../../src/components/DTMediaFrame.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTMenu.d.ts","sourceRoot":"","sources":["../../src/components/DTMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAkB,EAClB,aAA0B,EAC1B,MAAmB,EACnB,KAAK,GACN,EAAE,WAAW,2CAmBb;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAkB,EAClB,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DTMenu.d.ts","sourceRoot":"","sources":["../../src/components/DTMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAkB,EAClB,aAA0B,EAC1B,MAAmB,EACnB,KAAK,GACN,EAAE,WAAW,2CAmBb;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAkB,EAClB,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,mBAAmB,2CAkCrB"}
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useState, useCallback, useRef, useEffect } from 'react';
|
|
14
14
|
import { StyleSheet, View, Pressable, Animated, } from 'react-native';
|
|
15
15
|
import { Menu, Text } from 'react-native-paper';
|
|
16
|
-
import {
|
|
16
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
17
17
|
import { getVariantColor } from '../utils/variantColors';
|
|
18
18
|
/**
|
|
19
19
|
* DT-styled Menu with hierarchical items
|
|
@@ -48,26 +48,28 @@ export function DTMenu({ items, variant = 'normal', activeVariant = 'emphasis',
|
|
|
48
48
|
* />
|
|
49
49
|
*/
|
|
50
50
|
export function DTMenuDropdown({ items, variant = 'normal', anchor, visible, onDismiss, style, }) {
|
|
51
|
-
const
|
|
51
|
+
const theme = useDTTheme();
|
|
52
|
+
const accentColor = getVariantColor(theme, variant);
|
|
52
53
|
return (_jsx(Menu, { visible: visible, onDismiss: onDismiss, anchor: anchor, anchorPosition: "bottom", contentStyle: [
|
|
53
54
|
styles.dropdownContent,
|
|
54
|
-
{ borderColor: accentColor },
|
|
55
|
+
{ borderColor: accentColor, backgroundColor: theme.colors.background },
|
|
55
56
|
style,
|
|
56
57
|
], theme: {
|
|
57
58
|
colors: {
|
|
58
|
-
elevation: { level2:
|
|
59
|
+
elevation: { level2: theme.colors.background },
|
|
59
60
|
},
|
|
60
61
|
}, children: items.map(item => (_jsx(Menu.Item, { title: item.title, onPress: () => {
|
|
61
62
|
item.onPress?.();
|
|
62
63
|
onDismiss();
|
|
63
|
-
}, titleStyle: [styles.dropdownItemTitle, { color:
|
|
64
|
+
}, titleStyle: [styles.dropdownItemTitle, { color: theme.colors.onSurface }], style: styles.dropdownItem }, item.id))) }));
|
|
64
65
|
}
|
|
65
66
|
// --- Internal DTMenuItemRow ---
|
|
66
67
|
function DTMenuItemRow({ item, variant, activeVariant, level, }) {
|
|
68
|
+
const theme = useDTTheme();
|
|
67
69
|
const [expanded, setExpanded] = useState(false);
|
|
68
70
|
const hasChildren = item.items && item.items.length > 0;
|
|
69
71
|
const isActive = item.isActive || expanded;
|
|
70
|
-
const itemColor = getVariantColor(isActive ? activeVariant : variant);
|
|
72
|
+
const itemColor = getVariantColor(theme, isActive ? activeVariant : variant);
|
|
71
73
|
const heightAnim = useRef(new Animated.Value(0)).current;
|
|
72
74
|
const chevronAnim = useRef(new Animated.Value(0)).current;
|
|
73
75
|
const [contentHeight, setContentHeight] = useState(0);
|
|
@@ -111,7 +113,7 @@ function DTMenuItemRow({ item, variant, activeVariant, level, }) {
|
|
|
111
113
|
borderTopColor: itemColor,
|
|
112
114
|
backgroundColor: isActive
|
|
113
115
|
? `${itemColor}20`
|
|
114
|
-
:
|
|
116
|
+
: theme.colors.background,
|
|
115
117
|
paddingLeft: 16 + level * 16,
|
|
116
118
|
opacity: pressed ? 0.7 : 1,
|
|
117
119
|
},
|
|
@@ -176,7 +178,6 @@ const styles = StyleSheet.create({
|
|
|
176
178
|
dropdownContent: {
|
|
177
179
|
borderWidth: 2,
|
|
178
180
|
borderRadius: 0,
|
|
179
|
-
backgroundColor: DTColors.dark,
|
|
180
181
|
},
|
|
181
182
|
dropdownItem: {
|
|
182
183
|
borderRadius: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTMenu.js","sourceRoot":"","sources":["../../src/components/DTMenu.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,UAAU,EACV,IAAI,EAGJ,SAAS,EACT,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DTMenu.js","sourceRoot":"","sources":["../../src/components/DTMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DT Mobile Filter Overlay
|
|
3
|
+
*
|
|
4
|
+
* Full-screen slide-up overlay for mobile filter menus.
|
|
5
|
+
* Source: dt-shopify-storefront MobileFilterMenu component.
|
|
6
|
+
*/
|
|
7
|
+
import { ReactNode } from 'react';
|
|
8
|
+
import { ViewStyle, StyleProp } from 'react-native';
|
|
9
|
+
import { type DTVariant } from '../utils/variantColors';
|
|
10
|
+
interface DTMobileFilterOverlayProps {
|
|
11
|
+
visible: boolean;
|
|
12
|
+
onDismiss: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* Header title
|
|
15
|
+
*/
|
|
16
|
+
heading?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Number of active filters (shown as badge in header)
|
|
19
|
+
*/
|
|
20
|
+
activeFilterCount?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Callback to clear all filters
|
|
23
|
+
*/
|
|
24
|
+
onClearAll?: () => void;
|
|
25
|
+
/**
|
|
26
|
+
* Color variant for the header
|
|
27
|
+
* @default 'normal'
|
|
28
|
+
*/
|
|
29
|
+
variant?: DTVariant;
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
style?: StyleProp<ViewStyle>;
|
|
32
|
+
}
|
|
33
|
+
export declare function DTMobileFilterOverlay({ visible, onDismiss, heading, activeFilterCount, onClearAll, variant, children, style, }: DTMobileFilterOverlayProps): import("react/jsx-runtime").JSX.Element | null;
|
|
34
|
+
export {};
|
|
35
|
+
//# sourceMappingURL=DTMobileFilterOverlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DTMobileFilterOverlay.d.ts","sourceRoot":"","sources":["../../src/components/DTMobileFilterOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAGL,SAAS,EACT,SAAS,EAKV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,SAAS,EACT,OAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,OAAkB,EAClB,QAAQ,EACR,KAAK,GACN,EAAE,0BAA0B,kDAiH5B"}
|