@evlop/native-components 1.0.157 → 1.0.159
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/Button.d.ts +18 -10
- package/dist/src/Button.d.ts.map +1 -1
- package/dist/src/Button.js +128 -55
- package/dist/src/Button.js.map +1 -1
- package/dist/src/Image/index.d.ts +1 -1
- package/dist/src/RenderTabs/index.d.ts.map +1 -1
- package/dist/src/RenderTabs/index.js +8 -5
- package/dist/src/RenderTabs/index.js.map +1 -1
- package/package.json +1 -1
package/dist/src/Button.d.ts
CHANGED
|
@@ -1,18 +1,26 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { TouchableOpacityProps, TextStyle } from 'react-native';
|
|
3
|
+
import { FontWeightProps, FontSizeProps, LayoutProps, SpaceProps, BackgroundColorProps, BorderProps } from 'styled-system';
|
|
4
|
+
import { Theme } from '@evlop/commons';
|
|
5
|
+
declare type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
6
|
+
interface ButtonProps extends TouchableOpacityProps, FontWeightProps<Theme>, FontSizeProps<Theme>, LayoutProps<Theme>, SpaceProps<Theme>, BackgroundColorProps<Theme>, BorderProps<Theme> {
|
|
7
|
+
variant?: 'filled' | 'outlined' | 'dim-outlined' | 'dim-filled-outlined' | 'ghost';
|
|
8
|
+
size?: ButtonSize;
|
|
4
9
|
color?: string;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
textColor?: string;
|
|
11
|
+
textStyle?: TextStyle;
|
|
12
|
+
action?: () => Promise<any>;
|
|
13
|
+
icon?: string;
|
|
14
|
+
iconPosition?: 'left' | 'right';
|
|
15
|
+
}
|
|
16
|
+
export declare const BaseButton: React.FC<ButtonProps>;
|
|
17
|
+
declare const ButtonWithSettings: React.ForwardRefExoticComponent<ButtonProps & {
|
|
12
18
|
model?: string;
|
|
13
19
|
dataModel?: string;
|
|
14
20
|
configModel?: string;
|
|
15
21
|
action?: import("@evlop/commons").Action;
|
|
16
|
-
}
|
|
22
|
+
} & {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
} & React.RefAttributes<any>>;
|
|
17
25
|
export default ButtonWithSettings;
|
|
18
26
|
//# sourceMappingURL=Button.d.ts.map
|
package/dist/src/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+D,qBAAqB,EAAE,SAAS,EAAyB,MAAM,cAAc,CAAC;AAEpJ,OAAO,EAA+G,eAAe,EAAE,aAAa,EAAsB,WAAW,EAAmB,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7Q,OAAO,EAAkB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvD,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,UAAU,WAAY,SAAQ,qBAAqB,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACvL,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAqHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6D5C,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;6BAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
package/dist/src/Button.js
CHANGED
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -33,45 +10,141 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
10
|
}
|
|
34
11
|
return t;
|
|
35
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
36
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
17
|
exports.BaseButton = void 0;
|
|
38
|
-
const react_1 =
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const react_native_1 = require("react-native");
|
|
20
|
+
const native_1 = __importDefault(require("styled-components/native"));
|
|
21
|
+
const styled_system_1 = require("styled-system");
|
|
22
|
+
const polished_1 = require("polished");
|
|
39
23
|
const commons_1 = require("@evlop/commons");
|
|
40
|
-
const
|
|
41
|
-
const
|
|
24
|
+
const native_components_1 = require("@evlop/native-components");
|
|
25
|
+
const commons_2 = require("@evlop/commons");
|
|
26
|
+
const Text_1 = require("./Text");
|
|
27
|
+
const Flexbox_1 = require("./Flexbox");
|
|
28
|
+
const buttonVariant = ({ variant, color, theme }) => {
|
|
29
|
+
const getColor = () => { var _a, _b; return color ? ((_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a[color]) || color : ((_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) || '#000'; };
|
|
30
|
+
switch (variant) {
|
|
31
|
+
case 'filled':
|
|
32
|
+
return {
|
|
33
|
+
backgroundColor: getColor(),
|
|
34
|
+
borderWidth: 0,
|
|
35
|
+
};
|
|
36
|
+
case 'outlined':
|
|
37
|
+
return {
|
|
38
|
+
backgroundColor: 'transparent',
|
|
39
|
+
borderWidth: 2,
|
|
40
|
+
borderColor: getColor(),
|
|
41
|
+
};
|
|
42
|
+
case 'dim-outlined':
|
|
43
|
+
return {
|
|
44
|
+
backgroundColor: 'transparent',
|
|
45
|
+
borderWidth: 2,
|
|
46
|
+
borderColor: (0, polished_1.transparentize)(0.75, getColor()),
|
|
47
|
+
};
|
|
48
|
+
case 'dim-filled-outlined':
|
|
49
|
+
return {
|
|
50
|
+
backgroundColor: (0, polished_1.transparentize)(0.95, getColor()),
|
|
51
|
+
borderWidth: 2,
|
|
52
|
+
borderColor: (0, polished_1.transparentize)(0.95, getColor()),
|
|
53
|
+
};
|
|
54
|
+
case 'ghost':
|
|
55
|
+
return {
|
|
56
|
+
backgroundColor: 'transparent',
|
|
57
|
+
borderWidth: 0,
|
|
58
|
+
};
|
|
59
|
+
default:
|
|
60
|
+
return {};
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
const sizeVariant = (0, styled_system_1.variant)({
|
|
64
|
+
prop: 'size',
|
|
65
|
+
variants: {
|
|
66
|
+
sm: {
|
|
67
|
+
padding: 4,
|
|
68
|
+
},
|
|
69
|
+
md: {
|
|
70
|
+
padding: 8,
|
|
71
|
+
},
|
|
72
|
+
lg: {
|
|
73
|
+
padding: 16,
|
|
74
|
+
},
|
|
75
|
+
'xl': {
|
|
76
|
+
padding: 20,
|
|
77
|
+
},
|
|
78
|
+
'2xl': {
|
|
79
|
+
padding: 24,
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
});
|
|
83
|
+
const StyledActivityIndicator = (0, native_1.default)(react_native_1.ActivityIndicator).attrs(({ color, theme }) => {
|
|
84
|
+
var _a;
|
|
85
|
+
return ({
|
|
86
|
+
color: ((_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a[color || '']) || color,
|
|
87
|
+
});
|
|
88
|
+
})({
|
|
89
|
+
position: 'absolute',
|
|
90
|
+
zIndex: 1000,
|
|
91
|
+
});
|
|
92
|
+
const StyledTouchable = (0, native_1.default)(react_native_1.TouchableOpacity)({
|
|
93
|
+
alignItems: 'center',
|
|
94
|
+
justifyContent: 'center',
|
|
95
|
+
borderRadius: 4,
|
|
96
|
+
}, (0, styled_system_1.compose)(sizeVariant, buttonVariant, props => ({
|
|
97
|
+
opacity: props.disabled ? 0.5 : 1,
|
|
98
|
+
})), styled_system_1.space, styled_system_1.layout, styled_system_1.backgroundColor, styled_system_1.border);
|
|
99
|
+
const fontSizes = {
|
|
100
|
+
sm: 12,
|
|
101
|
+
md: 16,
|
|
102
|
+
lg: 20,
|
|
103
|
+
xl: 24,
|
|
104
|
+
'2xl': 28,
|
|
105
|
+
};
|
|
106
|
+
const fontWeights = {
|
|
107
|
+
sm: 'Regular',
|
|
108
|
+
md: 'Regular',
|
|
109
|
+
lg: 'Regular',
|
|
110
|
+
xl: 'Bold',
|
|
111
|
+
'2xl': 'Bold',
|
|
112
|
+
};
|
|
113
|
+
const iconSizes = {
|
|
114
|
+
sm: 16,
|
|
115
|
+
md: 24,
|
|
116
|
+
lg: 32,
|
|
117
|
+
xl: 40,
|
|
118
|
+
'2xl': 48,
|
|
119
|
+
};
|
|
120
|
+
const gapBetweenIconAndText = {
|
|
121
|
+
sm: 4,
|
|
122
|
+
md: 8,
|
|
123
|
+
lg: 12,
|
|
124
|
+
xl: 16,
|
|
125
|
+
'2xl': 20,
|
|
126
|
+
};
|
|
42
127
|
const BaseButton = (_a) => {
|
|
43
|
-
var { color = 'primary', action } = _a, props = __rest(_a, ["color", "action"]);
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
128
|
+
var { variant = 'filled', size = 'md', disabled = false, color = 'primary', textColor, children, textStyle, action, icon, iconPosition = 'left', fontWeight, fontSize } = _a, props = __rest(_a, ["variant", "size", "disabled", "color", "textColor", "children", "textStyle", "action", "icon", "iconPosition", "fontWeight", "fontSize"]);
|
|
129
|
+
const [isProcessing, actionHandeller] = (0, commons_1.useAsyncAction)(action);
|
|
130
|
+
const textColorToUse = textColor || (variant === 'filled' ? 'white' : color);
|
|
131
|
+
const handlePress = (event) => {
|
|
132
|
+
if (typeof actionHandeller === 'function') {
|
|
133
|
+
actionHandeller(event);
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
const isDisabled = Boolean(disabled || isProcessing);
|
|
137
|
+
return (react_1.default.createElement(StyledTouchable, Object.assign({ onPress: handlePress, disabled: isDisabled, variant: variant, size: size, color: color, activeOpacity: 0.7 }, props),
|
|
138
|
+
isProcessing && (react_1.default.createElement(StyledActivityIndicator, { color: textColorToUse })),
|
|
139
|
+
react_1.default.createElement(Flexbox_1.BaseFlexbox, { flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row', alignItems: "center", justifyContent: "center", gap: gapBetweenIconAndText[size], opacity: isProcessing ? 0 : 1 },
|
|
140
|
+
icon && react_1.default.createElement(native_components_1.BaseIcon, { icon: icon, size: iconSizes[size], color: textColorToUse }),
|
|
141
|
+
react_1.default.createElement(Text_1.BaseText, { color: textColorToUse, fontWeight: fontWeight || fontWeights[size], fontSize: fontSize || fontSizes[size], style: textStyle }, children))));
|
|
52
142
|
};
|
|
53
143
|
exports.BaseButton = BaseButton;
|
|
54
|
-
const ButtonWithSettings = (0,
|
|
144
|
+
const ButtonWithSettings = (0, commons_2.withSettings)({
|
|
55
145
|
name: 'Button',
|
|
56
|
-
valueOptions: [
|
|
57
|
-
|
|
58
|
-
{ type: 'app-action', name: 'action', label: 'Action' },
|
|
59
|
-
],
|
|
60
|
-
configurationOptions: [
|
|
61
|
-
{ label: 'Color', name: 'color', type: 'color' },
|
|
62
|
-
{ label: 'Icon', name: 'icon', type: 'icon' },
|
|
63
|
-
{
|
|
64
|
-
type: 'select',
|
|
65
|
-
name: 'type',
|
|
66
|
-
label: 'Type',
|
|
67
|
-
options: [
|
|
68
|
-
{ label: 'Default', value: null },
|
|
69
|
-
{ label: 'Solid', value: 'solid' },
|
|
70
|
-
{ label: 'Outlined', value: 'outline' },
|
|
71
|
-
{ label: 'Clear', value: 'clear' },
|
|
72
|
-
],
|
|
73
|
-
},
|
|
74
|
-
],
|
|
146
|
+
valueOptions: [],
|
|
147
|
+
configurationOptions: [],
|
|
75
148
|
})(exports.BaseButton);
|
|
76
149
|
exports.default = ButtonWithSettings;
|
|
77
150
|
//# sourceMappingURL=Button.js.map
|
package/dist/src/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,6 +43,6 @@ export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWith
|
|
|
43
43
|
dataModel?: string;
|
|
44
44
|
configModel?: string;
|
|
45
45
|
action?: import("@evlop/commons").Action;
|
|
46
|
-
} | "aspectRatio" | "blurRadius" | "transitionDuration" | "transition" | "onPress" | "onLongPress" | "
|
|
46
|
+
} | "aspectRatio" | "blurRadius" | "transitionDuration" | "transition" | "onPress" | "onLongPress" | "crossOrigin" | "onLoad" | "onError" | "onLoadStart" | "onProgress" | "placeholder" | "referrerPolicy" | "alt" | "src" | "srcSet" | "Component" | "ImageComponent" | "PlaceholderContent" | "containerStyle" | "placeholderStyle" | "onLoadEnd" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "loadingIndicatorSource" | "defaultSource" | "tintColor" | "capInsets" | "onPartialLoad" | "fadeDuration"> & React.RefAttributes<any>>;
|
|
47
47
|
export default Image;
|
|
48
48
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,KAAK,EAAkC,MAAM,uBAAuB,CAAC;AAK9E,UAAU,GAAI,SAAQ,KAAK;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACrB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,qBAAqB,CAAC,EAAE,GAAG,CAAC;CAC/B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,KAAK,EAAkC,MAAM,uBAAuB,CAAC;AAK9E,UAAU,GAAI,SAAQ,KAAK;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACrB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,qBAAqB,CAAC,EAAE,GAAG,CAAC;CAC/B;AA4BD,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,eAAe,eA8EnE;AA2BD,eAAe,UAAU,CAAC"}
|
|
@@ -40,6 +40,13 @@ const tabViewCommonOptions = {
|
|
|
40
40
|
return null;
|
|
41
41
|
return (react_1.default.createElement(Icon_1.BaseIcon, { icon: props.route.icon, color: props.color, size: 16 }));
|
|
42
42
|
},
|
|
43
|
+
labelStyle: {
|
|
44
|
+
fontSize: 13,
|
|
45
|
+
lineHeight: 16,
|
|
46
|
+
marginHorizontal: 4,
|
|
47
|
+
marginVertical: 0,
|
|
48
|
+
fontWeight: '500',
|
|
49
|
+
},
|
|
43
50
|
};
|
|
44
51
|
const renderLazyPlaceholder = () => {
|
|
45
52
|
return (react_1.default.createElement(View_1.default, { p: "md" },
|
|
@@ -79,14 +86,13 @@ function RenderTabs({ tabs, animatedScrollPostion }) {
|
|
|
79
86
|
}, [tabIdFromParams]);
|
|
80
87
|
const tabBarStyles = (0, react_1.useMemo)(() => ({
|
|
81
88
|
tabBar: [styles.tabBar, { backgroundColor: tabBackgroundColor, borderColor: tabBorderColor }],
|
|
82
|
-
label: [styles.label, { color: tabTintColor }],
|
|
83
89
|
indicator: [styles.indicator, { backgroundColor: tabTintColor }],
|
|
84
90
|
tab: styles.tab
|
|
85
91
|
}), [tabBackgroundColor, tabTintColor, tabBorderColor]);
|
|
86
92
|
const renderScene = ({ route }) => {
|
|
87
93
|
return (react_1.default.createElement(RenderBlocks_1.default, { blocks: route.blocks, animatedScrollPostion: animatedScrollPostion }));
|
|
88
94
|
};
|
|
89
|
-
const renderTabBar = (props) => (react_1.default.createElement(react_native_tab_view_1.TabBar, Object.assign({}, props, { scrollEnabled: true, style: tabBarStyles.tabBar,
|
|
95
|
+
const renderTabBar = (props) => (react_1.default.createElement(react_native_tab_view_1.TabBar, Object.assign({}, props, { scrollEnabled: true, style: tabBarStyles.tabBar, indicatorStyle: tabBarStyles.indicator, tabStyle: tabBarStyles.tab, activeColor: tabTintColor, inactiveColor: tabInactiveTintColor })));
|
|
90
96
|
return (react_1.default.createElement(react_native_tab_view_1.TabView, { navigationState: { index, routes: tabRoutes }, tabBarPosition: "top", lazy: true, renderScene: renderScene, onIndexChange: onIndexChange, initialLayout: { width: layout.width }, renderTabBar: renderTabBar, renderLazyPlaceholder: renderLazyPlaceholder, commonOptions: tabViewCommonOptions }));
|
|
91
97
|
}
|
|
92
98
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -99,9 +105,6 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
99
105
|
height: 2,
|
|
100
106
|
backgroundColor: 'transparent',
|
|
101
107
|
},
|
|
102
|
-
indicatorContainer: {
|
|
103
|
-
backgroundColor: 'transparent',
|
|
104
|
-
},
|
|
105
108
|
label: {
|
|
106
109
|
fontWeight: '600',
|
|
107
110
|
textTransform: 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderTabs/index.tsx"],"names":[],"mappings":"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"}
|