@masumdev/rn-ui 0.1.1 → 0.1.2
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/lib/commonjs/components/Accordion.js +3 -3
- package/lib/commonjs/components/Accordion.js.map +1 -1
- package/lib/commonjs/components/Alert.js +4 -4
- package/lib/commonjs/components/Alert.js.map +1 -1
- package/lib/commonjs/components/AlertDialog.js +5 -5
- package/lib/commonjs/components/AlertDialog.js.map +1 -1
- package/lib/commonjs/components/AspectRatio.js +2 -2
- package/lib/commonjs/components/AspectRatio.js.map +1 -1
- package/lib/commonjs/components/Attachment.js +5 -5
- package/lib/commonjs/components/Attachment.js.map +1 -1
- package/lib/commonjs/components/Avatar.js +7 -7
- package/lib/commonjs/components/Avatar.js.map +1 -1
- package/lib/commonjs/components/Badge.js +4 -4
- package/lib/commonjs/components/Badge.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +2 -2
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/Box.js +2 -2
- package/lib/commonjs/components/Box.js.map +1 -1
- package/lib/commonjs/components/Breadcrumb.js +3 -3
- package/lib/commonjs/components/Breadcrumb.js.map +1 -1
- package/lib/commonjs/components/Bubble.js +5 -5
- package/lib/commonjs/components/Bubble.js.map +1 -1
- package/lib/commonjs/components/Button.js +5 -5
- package/lib/commonjs/components/Button.js.map +1 -1
- package/lib/commonjs/components/ButtonGroup.js +4 -4
- package/lib/commonjs/components/ButtonGroup.js.map +1 -1
- package/lib/commonjs/components/Calendar.js +4 -4
- package/lib/commonjs/components/Calendar.js.map +1 -1
- package/lib/commonjs/components/Card.js +2 -2
- package/lib/commonjs/components/Card.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +5 -5
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/Checkbox.js +3 -3
- package/lib/commonjs/components/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Combobox.js +9 -9
- package/lib/commonjs/components/Combobox.js.map +1 -1
- package/lib/commonjs/components/Command.js +5 -5
- package/lib/commonjs/components/Command.js.map +1 -1
- package/lib/commonjs/components/ContextMenu.js +10 -10
- package/lib/commonjs/components/ContextMenu.js.map +1 -1
- package/lib/commonjs/components/DataList.js +4 -4
- package/lib/commonjs/components/DataList.js.map +1 -1
- package/lib/commonjs/components/Divider.js +2 -2
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/DropdownMenu.js +10 -10
- package/lib/commonjs/components/DropdownMenu.js.map +1 -1
- package/lib/commonjs/components/Empty.js +6 -6
- package/lib/commonjs/components/Empty.js.map +1 -1
- package/lib/commonjs/components/FloatingActionButton.js +6 -6
- package/lib/commonjs/components/FloatingActionButton.js.map +1 -1
- package/lib/commonjs/components/FormField.js +4 -4
- package/lib/commonjs/components/FormField.js.map +1 -1
- package/lib/commonjs/components/HoverCard.js +3 -3
- package/lib/commonjs/components/HoverCard.js.map +1 -1
- package/lib/commonjs/components/IconButton.js +6 -6
- package/lib/commonjs/components/IconButton.js.map +1 -1
- package/lib/commonjs/components/Input.js +4 -4
- package/lib/commonjs/components/Input.js.map +1 -1
- package/lib/commonjs/components/InputGroup.js +9 -9
- package/lib/commonjs/components/InputGroup.js.map +1 -1
- package/lib/commonjs/components/InputOTP.js +6 -6
- package/lib/commonjs/components/InputOTP.js.map +1 -1
- package/lib/commonjs/components/Item.js +11 -11
- package/lib/commonjs/components/Item.js.map +1 -1
- package/lib/commonjs/components/KeyboardAvoiding.js +2 -2
- package/lib/commonjs/components/KeyboardAvoiding.js.map +1 -1
- package/lib/commonjs/components/Label.js +2 -2
- package/lib/commonjs/components/Label.js.map +1 -1
- package/lib/commonjs/components/MetricCard.js +4 -4
- package/lib/commonjs/components/MetricCard.js.map +1 -1
- package/lib/commonjs/components/Pagination.js +4 -4
- package/lib/commonjs/components/Pagination.js.map +1 -1
- package/lib/commonjs/components/Popover.js +2 -2
- package/lib/commonjs/components/Popover.js.map +1 -1
- package/lib/commonjs/components/Progress.js +2 -2
- package/lib/commonjs/components/Progress.js.map +1 -1
- package/lib/commonjs/components/RadioGroup.js +4 -4
- package/lib/commonjs/components/RadioGroup.js.map +1 -1
- package/lib/commonjs/components/Select.js +4 -4
- package/lib/commonjs/components/Select.js.map +1 -1
- package/lib/commonjs/components/Sheet.js +5 -5
- package/lib/commonjs/components/Sheet.js.map +1 -1
- package/lib/commonjs/components/Skeleton.js +54 -18
- package/lib/commonjs/components/Skeleton.js.map +1 -1
- package/lib/commonjs/components/Slider.js +2 -2
- package/lib/commonjs/components/Slider.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +5 -5
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/components/Switch.js +3 -3
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/components/Table.js +5 -5
- package/lib/commonjs/components/Table.js.map +1 -1
- package/lib/commonjs/components/Tabs.js +5 -5
- package/lib/commonjs/components/Tabs.js.map +1 -1
- package/lib/commonjs/components/Text.js +2 -2
- package/lib/commonjs/components/Text.js.map +1 -1
- package/lib/commonjs/components/Textarea.js +1 -1
- package/lib/commonjs/components/Timeline.js +4 -4
- package/lib/commonjs/components/Timeline.js.map +1 -1
- package/lib/commonjs/components/Toast.js +8 -8
- package/lib/commonjs/components/Toast.js.map +1 -1
- package/lib/commonjs/components/index.js +52 -52
- package/lib/commonjs/index.js +12 -12
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/theme/ThemeProvider.js +1 -1
- package/lib/commonjs/theme/createTheme.js +1 -1
- package/lib/commonjs/theme/index.js +5 -5
- package/lib/commonjs/theme/useTheme.js +1 -1
- package/lib/commonjs/theme/useThemeStyles.js +1 -1
- package/lib/commonjs/utils/index.js +1 -1
- package/lib/module/components/Skeleton.js +54 -18
- package/lib/module/components/Skeleton.js.map +1 -1
- package/lib/typescript/commonjs/components/Skeleton.d.ts +1 -1
- package/lib/typescript/commonjs/components/Skeleton.d.ts.map +1 -1
- package/lib/typescript/module/components/Skeleton.d.ts +1 -1
- package/lib/typescript/module/components/Skeleton.d.ts.map +1 -1
- package/package.json +7 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.ThemeContext = void 0;
|
|
|
7
7
|
exports.ThemeProvider = ThemeProvider;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
|
-
var _createTheme = require("./createTheme");
|
|
10
|
+
var _createTheme = require("./createTheme.js");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
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); }
|
|
13
13
|
const ThemeContext = exports.ThemeContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createTheme = createTheme;
|
|
7
7
|
exports.mergeTheme = mergeTheme;
|
|
8
|
-
var _tokens = require("./tokens");
|
|
8
|
+
var _tokens = require("./tokens.js");
|
|
9
9
|
function isRecord(value) {
|
|
10
10
|
return !!value && typeof value === "object" && !Array.isArray(value);
|
|
11
11
|
}
|
|
@@ -75,9 +75,9 @@ Object.defineProperty(exports, "useThemeStyles", {
|
|
|
75
75
|
return _useThemeStyles.useThemeStyles;
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
|
-
var _ThemeProvider = require("./ThemeProvider");
|
|
79
|
-
var _createTheme = require("./createTheme");
|
|
80
|
-
var _useTheme = require("./useTheme");
|
|
81
|
-
var _useThemeStyles = require("./useThemeStyles");
|
|
82
|
-
var _tokens = require("./tokens");
|
|
78
|
+
var _ThemeProvider = require("./ThemeProvider.js");
|
|
79
|
+
var _createTheme = require("./createTheme.js");
|
|
80
|
+
var _useTheme = require("./useTheme.js");
|
|
81
|
+
var _useThemeStyles = require("./useThemeStyles.js");
|
|
82
|
+
var _tokens = require("./tokens.js");
|
|
83
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useTheme = useTheme;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var _ThemeProvider = require("./ThemeProvider");
|
|
8
|
+
var _ThemeProvider = require("./ThemeProvider.js");
|
|
9
9
|
function useTheme() {
|
|
10
10
|
const value = (0, _react.useContext)(_ThemeProvider.ThemeContext);
|
|
11
11
|
if (!value) {
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useThemeStyles = useThemeStyles;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _useTheme = require("./useTheme");
|
|
9
|
+
var _useTheme = require("./useTheme.js");
|
|
10
10
|
function useThemeStyles(factory) {
|
|
11
11
|
const {
|
|
12
12
|
theme
|
|
@@ -1,45 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import {
|
|
5
|
-
import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat,
|
|
4
|
+
import { StyleSheet } from "react-native";
|
|
5
|
+
import Animated, { cancelAnimation, Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from "react-native-reanimated";
|
|
6
6
|
import { useTheme } from "../theme/index.js";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export function Skeleton({
|
|
9
9
|
animated = true,
|
|
10
10
|
radius = "md",
|
|
11
11
|
style,
|
|
12
|
+
onLayout,
|
|
12
13
|
...props
|
|
13
14
|
}) {
|
|
14
15
|
const {
|
|
15
16
|
colors,
|
|
16
17
|
radii
|
|
17
18
|
} = useTheme();
|
|
18
|
-
const
|
|
19
|
+
const [containerWidth, setContainerWidth] = React.useState(0);
|
|
20
|
+
const opacity = useSharedValue(0.6);
|
|
21
|
+
const translateX = useSharedValue(-100);
|
|
19
22
|
React.useEffect(() => {
|
|
20
23
|
if (!animated) {
|
|
21
24
|
cancelAnimation(opacity);
|
|
25
|
+
cancelAnimation(translateX);
|
|
22
26
|
opacity.value = 1;
|
|
23
27
|
return;
|
|
24
28
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
|
|
30
|
+
// Pulse animation
|
|
31
|
+
opacity.value = 0.5;
|
|
32
|
+
opacity.value = withRepeat(withTiming(1, {
|
|
33
|
+
duration: 900,
|
|
34
|
+
easing: Easing.inOut(Easing.ease)
|
|
35
|
+
}), -1, true);
|
|
36
|
+
|
|
37
|
+
// Shimmer sweep animation
|
|
38
|
+
const targetWidth = containerWidth > 0 ? containerWidth * 1.5 : 300;
|
|
39
|
+
translateX.value = -targetWidth;
|
|
40
|
+
translateX.value = withRepeat(withTiming(targetWidth, {
|
|
41
|
+
duration: 1300,
|
|
42
|
+
easing: Easing.linear
|
|
43
|
+
}), -1, false);
|
|
44
|
+
return () => {
|
|
45
|
+
cancelAnimation(opacity);
|
|
46
|
+
cancelAnimation(translateX);
|
|
47
|
+
};
|
|
48
|
+
}, [animated, containerWidth, opacity, translateX]);
|
|
49
|
+
const handleLayout = e => {
|
|
50
|
+
const w = e.nativeEvent.layout.width;
|
|
51
|
+
if (w > 0 && w !== containerWidth) {
|
|
52
|
+
setContainerWidth(w);
|
|
53
|
+
}
|
|
54
|
+
onLayout?.(e);
|
|
55
|
+
};
|
|
56
|
+
const containerAnimatedStyle = useAnimatedStyle(() => ({
|
|
33
57
|
opacity: opacity.value
|
|
34
58
|
}));
|
|
59
|
+
const shimmerAnimatedStyle = useAnimatedStyle(() => ({
|
|
60
|
+
transform: [{
|
|
61
|
+
translateX: translateX.value
|
|
62
|
+
}]
|
|
63
|
+
}));
|
|
35
64
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
36
|
-
style:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
65
|
+
style: [{
|
|
66
|
+
backgroundColor: colors.backgroundSubtle,
|
|
67
|
+
borderRadius: radii[radius],
|
|
68
|
+
overflow: "hidden",
|
|
69
|
+
position: "relative"
|
|
70
|
+
}, style, containerAnimatedStyle],
|
|
71
|
+
onLayout: handleLayout,
|
|
72
|
+
...props,
|
|
73
|
+
children: animated && /*#__PURE__*/_jsx(Animated.View, {
|
|
74
|
+
style: [StyleSheet.absoluteFill, {
|
|
75
|
+
width: "50%",
|
|
76
|
+
backgroundColor: colors.surface,
|
|
77
|
+
opacity: 0.35
|
|
78
|
+
}, shimmerAnimatedStyle]
|
|
43
79
|
})
|
|
44
80
|
});
|
|
45
81
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useTheme","jsx","_jsx","Skeleton","animated","radius","style","onLayout","props","colors","radii","containerWidth","setContainerWidth","useState","opacity","translateX","useEffect","value","duration","easing","inOut","ease","targetWidth","linear","handleLayout","e","w","nativeEvent","layout","width","containerAnimatedStyle","shimmerAnimatedStyle","transform","View","backgroundColor","backgroundSubtle","borderRadius","overflow","position","children","absoluteFill","surface"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,5 +6,5 @@ export interface SkeletonProps extends ViewProps {
|
|
|
6
6
|
radius?: keyof ReturnType<typeof useTheme>["radii"];
|
|
7
7
|
style?: StyleProp<ViewStyle>;
|
|
8
8
|
}
|
|
9
|
-
export declare function Skeleton({ animated, radius, style, ...props }: SkeletonProps): React.JSX.Element;
|
|
9
|
+
export declare function Skeleton({ animated, radius, style, onLayout, ...props }: SkeletonProps): React.JSX.Element;
|
|
10
10
|
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAuFf"}
|
|
@@ -6,5 +6,5 @@ export interface SkeletonProps extends ViewProps {
|
|
|
6
6
|
radius?: keyof ReturnType<typeof useTheme>["radii"];
|
|
7
7
|
style?: StyleProp<ViewStyle>;
|
|
8
8
|
}
|
|
9
|
-
export declare function Skeleton({ animated, radius, style, ...props }: SkeletonProps): React.JSX.Element;
|
|
9
|
+
export declare function Skeleton({ animated, radius, style, onLayout, ...props }: SkeletonProps): React.JSX.Element;
|
|
10
10
|
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAU,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,MAAa,EACb,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAuFf"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@masumdev/rn-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "A reusable React Native UI kit with typed theme tokens, light/dark mode, and composable core components.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -62,7 +62,12 @@
|
|
|
62
62
|
"source": "src",
|
|
63
63
|
"output": "lib",
|
|
64
64
|
"targets": [
|
|
65
|
-
|
|
65
|
+
[
|
|
66
|
+
"commonjs",
|
|
67
|
+
{
|
|
68
|
+
"esm": true
|
|
69
|
+
}
|
|
70
|
+
],
|
|
66
71
|
[
|
|
67
72
|
"module",
|
|
68
73
|
{
|