@xaui/native 0.0.38 → 0.0.40
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/alert/index.cjs +9 -6
- package/dist/alert/index.d.cts +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/alert/index.js +7 -4
- package/dist/app-bar/index.cjs +3 -3
- package/dist/app-bar/index.js +1 -1
- package/dist/autocomplete/index.cjs +17 -17
- package/dist/autocomplete/index.js +5 -5
- package/dist/avatar/index.cjs +5 -5
- package/dist/avatar/index.js +1 -1
- package/dist/badge/index.cjs +4 -4
- package/dist/badge/index.js +1 -1
- package/dist/bottom-sheet/index.cjs +3 -3
- package/dist/bottom-sheet/index.js +2 -2
- package/dist/bottom-tab-bar/index.cjs +2 -2
- package/dist/bottom-tab-bar/index.js +1 -1
- package/dist/button/index.cjs +18 -18
- package/dist/button/index.js +10 -10
- package/dist/card/index.cjs +6 -6
- package/dist/card/index.js +1 -1
- package/dist/carousel/index.cjs +2 -2
- package/dist/carousel/index.js +1 -1
- package/dist/checkbox/index.cjs +6 -6
- package/dist/checkbox/index.js +1 -1
- package/dist/chip/index.cjs +3 -3
- package/dist/chip/index.js +1 -1
- package/dist/{chunk-LUBWRVI2.js → chunk-2JKWVIPB.js} +1 -1
- package/dist/{chunk-RVR42THG.cjs → chunk-3XWF77Y3.cjs} +3 -3
- package/dist/{chunk-2ANGPYCP.cjs → chunk-43I45LX7.cjs} +37 -32
- package/dist/{chunk-QMYWIWSX.cjs → chunk-FBTBWI3P.cjs} +4 -4
- package/dist/{chunk-F7WH4DMG.js → chunk-J3BOFXIH.js} +1 -1
- package/dist/{chunk-ED22WCCI.js → chunk-K24VDBNN.js} +1 -1
- package/dist/{chunk-LTKYHG5V.js → chunk-LVNBYERF.js} +4 -0
- package/dist/{chunk-E4DOPNVW.js → chunk-M6A23KUM.js} +35 -30
- package/dist/{chunk-OQ2BLOOG.cjs → chunk-RZJFCDFS.cjs} +4 -0
- package/dist/{chunk-JEGEPGVU.js → chunk-UVI56OO5.js} +2 -2
- package/dist/{chunk-BD72HIPR.cjs → chunk-X5KNZ6YJ.cjs} +2 -2
- package/dist/{chunk-KTLGDLCB.cjs → chunk-XQED3KRW.cjs} +7 -7
- package/dist/color-picker/index.cjs +6 -6
- package/dist/color-picker/index.js +3 -3
- package/dist/core/index.cjs +2 -2
- package/dist/core/index.js +1 -1
- package/dist/datepicker/index.cjs +17 -17
- package/dist/datepicker/index.js +5 -5
- package/dist/dialog/index.cjs +5 -5
- package/dist/dialog/index.js +1 -1
- package/dist/divider/index.cjs +3 -3
- package/dist/divider/index.js +2 -2
- package/dist/drawer/index.cjs +2 -2
- package/dist/drawer/index.js +1 -1
- package/dist/expansion-panel/index.cjs +11 -11
- package/dist/expansion-panel/index.js +2 -2
- package/dist/fab/index.cjs +4 -4
- package/dist/fab/index.js +3 -3
- package/dist/fab-menu/index.cjs +7 -7
- package/dist/fab-menu/index.js +3 -3
- package/dist/feature-discovery/index.cjs +2 -2
- package/dist/feature-discovery/index.js +1 -1
- package/dist/indicator/index.cjs +3 -3
- package/dist/indicator/index.js +2 -2
- package/dist/input/index.cjs +37 -34
- package/dist/input/index.js +34 -31
- package/dist/input-trigger/index.cjs +3 -3
- package/dist/input-trigger/index.js +2 -2
- package/dist/list/index.cjs +5 -5
- package/dist/list/index.js +1 -1
- package/dist/menu/index.cjs +3 -3
- package/dist/menu/index.js +1 -1
- package/dist/menubox/index.cjs +5 -5
- package/dist/menubox/index.js +1 -1
- package/dist/picker/index.cjs +6 -6
- package/dist/picker/index.js +3 -3
- package/dist/progress/index.cjs +2 -2
- package/dist/progress/index.js +1 -1
- package/dist/radio/index.cjs +7 -7
- package/dist/radio/index.js +1 -1
- package/dist/segment-button/index.cjs +8 -8
- package/dist/segment-button/index.js +5 -5
- package/dist/select/index.cjs +16 -16
- package/dist/select/index.js +5 -5
- package/dist/skeleton/index.cjs +2 -2
- package/dist/skeleton/index.js +1 -1
- package/dist/slider/index.cjs +5 -5
- package/dist/slider/index.js +1 -1
- package/dist/snackbar/index.cjs +3 -3
- package/dist/snackbar/index.js +1 -1
- package/dist/snippet/index.cjs +3 -3
- package/dist/snippet/index.js +1 -1
- package/dist/stepper/index.cjs +2 -2
- package/dist/stepper/index.js +1 -1
- package/dist/switch/index.cjs +7 -7
- package/dist/switch/index.js +1 -1
- package/dist/tabs/index.cjs +8 -8
- package/dist/tabs/index.js +5 -5
- package/dist/timepicker/index.cjs +5 -5
- package/dist/timepicker/index.js +2 -2
- package/dist/toolbar/index.cjs +2 -2
- package/dist/toolbar/index.js +1 -1
- package/dist/typography/index.cjs +3 -3
- package/dist/typography/index.js +1 -1
- package/dist/view/index.cjs +3 -3
- package/dist/view/index.js +1 -1
- package/package.json +3 -3
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk43I45LX7cjs = require('../chunk-43I45LX7.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk3XWF77Y3cjs = require('../chunk-3XWF77Y3.cjs');
|
|
7
7
|
require('../chunk-56RPWZD2.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
11
11
|
|
|
12
12
|
// src/components/color-picker/color-picker.tsx
|
|
13
13
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -341,7 +341,7 @@ var ColorPicker = ({
|
|
|
341
341
|
onClose
|
|
342
342
|
}) => {
|
|
343
343
|
const [isOpen, setIsOpen] = _react.useState.call(void 0, _nullishCoalesce(isOpened, () => ( false)));
|
|
344
|
-
const theme =
|
|
344
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
345
345
|
const sheetBackground = theme.mode === "dark" ? theme.colors.background : "#ffffff";
|
|
346
346
|
_react.useEffect.call(void 0, () => {
|
|
347
347
|
if (isOpened !== void 0) {
|
|
@@ -379,7 +379,7 @@ var ColorPicker = ({
|
|
|
379
379
|
}
|
|
380
380
|
);
|
|
381
381
|
return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
|
|
382
|
-
|
|
382
|
+
_chunk43I45LX7cjs.InputTrigger,
|
|
383
383
|
{
|
|
384
384
|
value: value ? "" : void 0,
|
|
385
385
|
placeholder,
|
|
@@ -412,7 +412,7 @@ var ColorPicker = ({
|
|
|
412
412
|
onPress: handleOpen
|
|
413
413
|
}
|
|
414
414
|
), /* @__PURE__ */ _react2.default.createElement(
|
|
415
|
-
|
|
415
|
+
_chunk3XWF77Y3cjs.BottomSheet,
|
|
416
416
|
{
|
|
417
417
|
isOpen,
|
|
418
418
|
snapPoints: [0.75],
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
InputTrigger
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-M6A23KUM.js";
|
|
4
4
|
import {
|
|
5
5
|
BottomSheet
|
|
6
|
-
} from "../chunk-
|
|
6
|
+
} from "../chunk-K24VDBNN.js";
|
|
7
7
|
import "../chunk-SHBDANQN.js";
|
|
8
8
|
import {
|
|
9
9
|
useXUITheme
|
|
10
|
-
} from "../chunk-
|
|
10
|
+
} from "../chunk-LVNBYERF.js";
|
|
11
11
|
|
|
12
12
|
// src/components/color-picker/color-picker.tsx
|
|
13
13
|
import React, { useEffect, useState } from "react";
|
package/dist/core/index.cjs
CHANGED
|
@@ -10,7 +10,7 @@ var _chunk56RPWZD2cjs = require('../chunk-56RPWZD2.cjs');
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -21,4 +21,4 @@ var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
exports.Portal =
|
|
24
|
+
exports.Portal = _chunkRZJFCDFScjs.Portal; exports.PortalHost = _chunkRZJFCDFScjs.PortalHost; exports.XUIProvider = _chunkRZJFCDFScjs.XUIProvider; exports.defaultDarkTheme = _chunk56RPWZD2cjs.defaultDarkTheme; exports.defaultTheme = _chunk56RPWZD2cjs.defaultTheme; exports.palette = _chunk56RPWZD2cjs.colors; exports.useColorMode = _chunkRZJFCDFScjs.useColorMode; exports.useXUIColors = _chunkRZJFCDFScjs.useXUIColors; exports.useXUITheme = _chunkRZJFCDFScjs.useXUITheme;
|
package/dist/core/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
6
6
|
|
|
7
7
|
// src/components/datepicker/datepicker.tsx
|
|
8
8
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -13,38 +13,38 @@ var _reactnative = require('react-native');
|
|
|
13
13
|
var _core = require('@xaui/core');
|
|
14
14
|
var _palette = require('@xaui/core/palette');
|
|
15
15
|
var useDatePickerColorScheme = (themeColor) => {
|
|
16
|
-
const theme =
|
|
16
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
17
17
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
18
18
|
const colorScheme = theme.colors[safeThemeColor];
|
|
19
19
|
return { theme, colorScheme };
|
|
20
20
|
};
|
|
21
21
|
var useDatePickerSizeStyles = (size) => {
|
|
22
|
-
const theme =
|
|
22
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
23
23
|
return _react.useMemo.call(void 0, () => {
|
|
24
24
|
const sizes = {
|
|
25
25
|
xs: {
|
|
26
|
-
minHeight:
|
|
26
|
+
minHeight: theme.componentSizes.xs,
|
|
27
27
|
paddingHorizontal: theme.spacing.sm,
|
|
28
28
|
paddingVertical: theme.spacing.xs,
|
|
29
29
|
fontSize: theme.fontSizes.xs,
|
|
30
30
|
labelSize: theme.fontSizes.xs
|
|
31
31
|
},
|
|
32
32
|
sm: {
|
|
33
|
-
minHeight:
|
|
33
|
+
minHeight: theme.componentSizes.sm,
|
|
34
34
|
paddingHorizontal: theme.spacing.md,
|
|
35
35
|
paddingVertical: theme.spacing.xs,
|
|
36
36
|
fontSize: theme.fontSizes.sm,
|
|
37
37
|
labelSize: theme.fontSizes.xs
|
|
38
38
|
},
|
|
39
39
|
md: {
|
|
40
|
-
minHeight:
|
|
40
|
+
minHeight: theme.componentSizes.md,
|
|
41
41
|
paddingHorizontal: theme.spacing.md,
|
|
42
42
|
paddingVertical: theme.spacing.sm,
|
|
43
43
|
fontSize: theme.fontSizes.md,
|
|
44
44
|
labelSize: theme.fontSizes.sm
|
|
45
45
|
},
|
|
46
46
|
lg: {
|
|
47
|
-
minHeight:
|
|
47
|
+
minHeight: theme.componentSizes.lg,
|
|
48
48
|
paddingHorizontal: theme.spacing.lg,
|
|
49
49
|
paddingVertical: theme.spacing.md,
|
|
50
50
|
fontSize: theme.fontSizes.lg,
|
|
@@ -55,7 +55,7 @@ var useDatePickerSizeStyles = (size) => {
|
|
|
55
55
|
}, [size, theme]);
|
|
56
56
|
};
|
|
57
57
|
var useDatePickerRadiusStyles = (radius) => {
|
|
58
|
-
const theme =
|
|
58
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
59
59
|
return _react.useMemo.call(void 0, () => {
|
|
60
60
|
const radii = {
|
|
61
61
|
none: theme.borderRadius.none,
|
|
@@ -118,7 +118,7 @@ var useDatePickerLabelStyle = (themeColor, isInvalid, labelSize) => {
|
|
|
118
118
|
}, [isInvalid, labelSize, theme, themeColor, colorScheme]);
|
|
119
119
|
};
|
|
120
120
|
var useDatePickerHelperColor = (isInvalid) => {
|
|
121
|
-
const theme =
|
|
121
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
122
122
|
return _react.useMemo.call(void 0, () => {
|
|
123
123
|
if (isInvalid) {
|
|
124
124
|
return theme.colors.danger.main;
|
|
@@ -771,7 +771,7 @@ var AnimatedDayCell = ({
|
|
|
771
771
|
themeColor,
|
|
772
772
|
onSelectDay
|
|
773
773
|
}) => {
|
|
774
|
-
const theme =
|
|
774
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
775
775
|
const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
|
|
776
776
|
const isDefault = themeColor === "default";
|
|
777
777
|
const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
|
|
@@ -855,7 +855,7 @@ var DatePickerDialogCalendar = ({
|
|
|
855
855
|
onPreviousMonth,
|
|
856
856
|
onNextMonth
|
|
857
857
|
}) => {
|
|
858
|
-
const theme =
|
|
858
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
859
859
|
const swipeHandledRef = _react.useRef.call(void 0, false);
|
|
860
860
|
const weekdays = _react.useMemo.call(void 0,
|
|
861
861
|
() => getWeekdayNames(locale, firstDayOfWeek),
|
|
@@ -948,7 +948,7 @@ var DatePickerDialogHeader = ({
|
|
|
948
948
|
onNextMonth,
|
|
949
949
|
onToggleYearPicker
|
|
950
950
|
}) => {
|
|
951
|
-
const theme =
|
|
951
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
952
952
|
const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
|
|
953
953
|
const dateText = _react.useMemo.call(void 0, () => {
|
|
954
954
|
if (!selectedDate) return "---";
|
|
@@ -1002,7 +1002,7 @@ var DatePickerDialogHeader = ({
|
|
|
1002
1002
|
|
|
1003
1003
|
|
|
1004
1004
|
var DatePickerDialogMonthPicker = ({ viewDate, locale, themeColor, onSelectMonth }) => {
|
|
1005
|
-
const theme =
|
|
1005
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
1006
1006
|
const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
|
|
1007
1007
|
const isDefault = themeColor === "default";
|
|
1008
1008
|
const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
|
|
@@ -1076,7 +1076,7 @@ var NUM_COLUMNS = 4;
|
|
|
1076
1076
|
var DatePickerDialogYearPicker = ({ viewDate, themeColor, minDate, maxDate, onSelectYear }) => {
|
|
1077
1077
|
const listRef = _react.useRef.call(void 0, null);
|
|
1078
1078
|
const groupAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
|
|
1079
|
-
const theme =
|
|
1079
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
1080
1080
|
const colorScheme = _nullishCoalesce(theme.colors[themeColor], () => ( theme.colors.primary));
|
|
1081
1081
|
const isDefault = themeColor === "default";
|
|
1082
1082
|
const accentColor = isDefault ? theme.colors.foreground : colorScheme.main;
|
|
@@ -1186,7 +1186,7 @@ var DatePickerDialog = ({
|
|
|
1186
1186
|
onClearValue,
|
|
1187
1187
|
onClose
|
|
1188
1188
|
}) => {
|
|
1189
|
-
const theme =
|
|
1189
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
1190
1190
|
const { width: screenWidth, height: screenHeight } = _reactnative.useWindowDimensions.call(void 0, );
|
|
1191
1191
|
const fadeAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
|
|
1192
1192
|
const slideAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
|
|
@@ -1355,7 +1355,7 @@ var DatePickerDialog = ({
|
|
|
1355
1355
|
));
|
|
1356
1356
|
}
|
|
1357
1357
|
};
|
|
1358
|
-
return /* @__PURE__ */ _react2.default.createElement(
|
|
1358
|
+
return /* @__PURE__ */ _react2.default.createElement(_chunkRZJFCDFScjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnativegesturehandler.GestureHandlerRootView, { style: [overlayStyle, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: overlayStyle }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }, /* @__PURE__ */ _react2.default.createElement(
|
|
1359
1359
|
_reactnative.Pressable,
|
|
1360
1360
|
{
|
|
1361
1361
|
style: { flex: 1 },
|
|
@@ -1512,7 +1512,7 @@ var DatePicker = ({
|
|
|
1512
1512
|
onClose,
|
|
1513
1513
|
onOpenChange
|
|
1514
1514
|
}) => {
|
|
1515
|
-
const theme =
|
|
1515
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
1516
1516
|
const { selectedDate, updateDate } = useDatePickerState({
|
|
1517
1517
|
value,
|
|
1518
1518
|
defaultValue,
|
package/dist/datepicker/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
|
|
|
2
2
|
import {
|
|
3
3
|
Portal,
|
|
4
4
|
useXUITheme
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-LVNBYERF.js";
|
|
6
6
|
|
|
7
7
|
// src/components/datepicker/datepicker.tsx
|
|
8
8
|
import React7, { useCallback as useCallback5, useMemo as useMemo6, useRef as useRef6 } from "react";
|
|
@@ -23,28 +23,28 @@ var useDatePickerSizeStyles = (size) => {
|
|
|
23
23
|
return useMemo(() => {
|
|
24
24
|
const sizes = {
|
|
25
25
|
xs: {
|
|
26
|
-
minHeight:
|
|
26
|
+
minHeight: theme.componentSizes.xs,
|
|
27
27
|
paddingHorizontal: theme.spacing.sm,
|
|
28
28
|
paddingVertical: theme.spacing.xs,
|
|
29
29
|
fontSize: theme.fontSizes.xs,
|
|
30
30
|
labelSize: theme.fontSizes.xs
|
|
31
31
|
},
|
|
32
32
|
sm: {
|
|
33
|
-
minHeight:
|
|
33
|
+
minHeight: theme.componentSizes.sm,
|
|
34
34
|
paddingHorizontal: theme.spacing.md,
|
|
35
35
|
paddingVertical: theme.spacing.xs,
|
|
36
36
|
fontSize: theme.fontSizes.sm,
|
|
37
37
|
labelSize: theme.fontSizes.xs
|
|
38
38
|
},
|
|
39
39
|
md: {
|
|
40
|
-
minHeight:
|
|
40
|
+
minHeight: theme.componentSizes.md,
|
|
41
41
|
paddingHorizontal: theme.spacing.md,
|
|
42
42
|
paddingVertical: theme.spacing.sm,
|
|
43
43
|
fontSize: theme.fontSizes.md,
|
|
44
44
|
labelSize: theme.fontSizes.sm
|
|
45
45
|
},
|
|
46
46
|
lg: {
|
|
47
|
-
minHeight:
|
|
47
|
+
minHeight: theme.componentSizes.lg,
|
|
48
48
|
paddingHorizontal: theme.spacing.lg,
|
|
49
49
|
paddingVertical: theme.spacing.md,
|
|
50
50
|
fontSize: theme.fontSizes.lg,
|
package/dist/dialog/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
5
5
|
|
|
6
6
|
// src/components/dialog/dialog.tsx
|
|
7
7
|
|
|
@@ -175,8 +175,8 @@ var Dialog = ({
|
|
|
175
175
|
style,
|
|
176
176
|
customAppearance
|
|
177
177
|
}) => {
|
|
178
|
-
const theme =
|
|
179
|
-
const radiusStyles =
|
|
178
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
179
|
+
const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
|
|
180
180
|
const [shouldRender, setShouldRender] = _react.useState.call(void 0, isOpen);
|
|
181
181
|
const openRef = _react.useRef.call(void 0, isOpen);
|
|
182
182
|
const shouldAnimate = !disableAnimation && animationType !== "none";
|
|
@@ -342,7 +342,7 @@ var DialogHeader = ({
|
|
|
342
342
|
onClose,
|
|
343
343
|
style
|
|
344
344
|
}) => {
|
|
345
|
-
const theme =
|
|
345
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
346
346
|
const { onClose: contextClose, customAppearance } = _react.useContext.call(void 0, DialogContext);
|
|
347
347
|
const close = _nullishCoalesce(onClose, () => ( contextClose));
|
|
348
348
|
return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.header, _optionalChain([customAppearance, 'optionalAccess', _5 => _5.header]), style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.headerContent }, resolveChildrenContent(children, [
|
|
@@ -361,7 +361,7 @@ var DialogHeader = ({
|
|
|
361
361
|
));
|
|
362
362
|
};
|
|
363
363
|
var DialogBody = ({ children, style }) => {
|
|
364
|
-
const theme =
|
|
364
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
365
365
|
const { customAppearance } = _react.useContext.call(void 0, DialogContext);
|
|
366
366
|
return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.body, _optionalChain([customAppearance, 'optionalAccess', _8 => _8.body]), style] }, resolveChildrenContent(children, [
|
|
367
367
|
styles.bodyText,
|
package/dist/dialog/index.js
CHANGED
package/dist/divider/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkX5KNZ6YJcjs = require('../chunk-X5KNZ6YJ.cjs');
|
|
4
4
|
require('../chunk-56RPWZD2.cjs');
|
|
5
|
-
require('../chunk-
|
|
5
|
+
require('../chunk-RZJFCDFS.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
exports.Divider =
|
|
8
|
+
exports.Divider = _chunkX5KNZ6YJcjs.Divider;
|
package/dist/divider/index.js
CHANGED
package/dist/drawer/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }require('../chunk-56RPWZD2.cjs');
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
5
5
|
|
|
6
6
|
// src/components/drawer/drawer.tsx
|
|
7
7
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -11,7 +11,7 @@ var _reactnative = require('react-native');
|
|
|
11
11
|
|
|
12
12
|
var _core = require('@xaui/core');
|
|
13
13
|
var useDrawerStyles = (themeColor, position, width, height) => {
|
|
14
|
-
const theme =
|
|
14
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
15
15
|
return _react.useMemo.call(void 0, () => {
|
|
16
16
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
17
17
|
const colorScheme = theme.colors[safeThemeColor];
|
package/dist/drawer/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkX5KNZ6YJcjs = require('../chunk-X5KNZ6YJ.cjs');
|
|
4
4
|
require('../chunk-56RPWZD2.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
9
9
|
|
|
10
10
|
// src/components/expansion-panel/expansion-panel.tsx
|
|
11
11
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -30,8 +30,8 @@ var useExpansionPanelStyles = ({
|
|
|
30
30
|
variant,
|
|
31
31
|
fullWidth
|
|
32
32
|
}) => {
|
|
33
|
-
const theme =
|
|
34
|
-
const palette2 =
|
|
33
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
34
|
+
const palette2 = _chunkRZJFCDFScjs.useXUIPalette.call(void 0, );
|
|
35
35
|
const containerStyles = _react.useMemo.call(void 0, () => {
|
|
36
36
|
const base = {};
|
|
37
37
|
if (fullWidth) {
|
|
@@ -213,7 +213,7 @@ var useExpansionPanelItemAnimation = (isExpanded, disableAnimation) => {
|
|
|
213
213
|
};
|
|
214
214
|
};
|
|
215
215
|
var useBaseStyles = (variant, isDisabled) => {
|
|
216
|
-
const theme =
|
|
216
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
217
217
|
const baseStyles = _react.useMemo.call(void 0, () => {
|
|
218
218
|
const base = { overflow: "hidden" };
|
|
219
219
|
if (variant === "splitted") {
|
|
@@ -232,7 +232,7 @@ var useBaseStyles = (variant, isDisabled) => {
|
|
|
232
232
|
return baseStyles;
|
|
233
233
|
};
|
|
234
234
|
var useTriggerStyles = (variant, isCompact) => {
|
|
235
|
-
const theme =
|
|
235
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
236
236
|
const triggerStyles = _react.useMemo.call(void 0, () => {
|
|
237
237
|
const trigger = {
|
|
238
238
|
flexDirection: "row",
|
|
@@ -248,7 +248,7 @@ var useTriggerStyles = (variant, isCompact) => {
|
|
|
248
248
|
return triggerStyles;
|
|
249
249
|
};
|
|
250
250
|
var useTitleTextStyle = (isCompact) => {
|
|
251
|
-
const theme =
|
|
251
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
252
252
|
const titleTextStyle = _react.useMemo.call(void 0,
|
|
253
253
|
() => ({
|
|
254
254
|
fontSize: isCompact ? theme.fontSizes.md : theme.fontSizes.lg,
|
|
@@ -260,7 +260,7 @@ var useTitleTextStyle = (isCompact) => {
|
|
|
260
260
|
return titleTextStyle;
|
|
261
261
|
};
|
|
262
262
|
var useSubtitleTextStyle = () => {
|
|
263
|
-
const theme =
|
|
263
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
264
264
|
const subtitleTextStyle = _react.useMemo.call(void 0,
|
|
265
265
|
() => ({
|
|
266
266
|
fontSize: theme.fontSizes.sm,
|
|
@@ -272,7 +272,7 @@ var useSubtitleTextStyle = () => {
|
|
|
272
272
|
return subtitleTextStyle;
|
|
273
273
|
};
|
|
274
274
|
var useContentContainerStyle = (isCompact, variant) => {
|
|
275
|
-
const theme =
|
|
275
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
276
276
|
const contentContainerStyle = _react.useMemo.call(void 0,
|
|
277
277
|
() => ({
|
|
278
278
|
paddingBottom: isCompact ? theme.spacing.xs : theme.spacing.sm,
|
|
@@ -283,7 +283,7 @@ var useContentContainerStyle = (isCompact, variant) => {
|
|
|
283
283
|
return contentContainerStyle;
|
|
284
284
|
};
|
|
285
285
|
var useForegroundColor = () => {
|
|
286
|
-
const theme =
|
|
286
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
287
287
|
return theme.colors.foreground;
|
|
288
288
|
};
|
|
289
289
|
|
|
@@ -432,7 +432,7 @@ var ExpansionPanel = (props) => {
|
|
|
432
432
|
_react2.default.isValidElement(child) ? normalizeElementKey(child.key) : void 0,
|
|
433
433
|
index
|
|
434
434
|
);
|
|
435
|
-
return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: resolvedChildKey, style: _optionalChain([customAppearance, 'optionalAccess', _13 => _13.item]) }, isExpansionPanelItem(child) ? _react2.default.cloneElement(child, { itemKey: resolvedChildKey }) : child, showBottomDivider && /* @__PURE__ */ _react2.default.createElement(
|
|
435
|
+
return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: resolvedChildKey, style: _optionalChain([customAppearance, 'optionalAccess', _13 => _13.item]) }, isExpansionPanelItem(child) ? _react2.default.cloneElement(child, { itemKey: resolvedChildKey }) : child, showBottomDivider && /* @__PURE__ */ _react2.default.createElement(_chunkX5KNZ6YJcjs.Divider, { color: dividerColor, size: 1 }));
|
|
436
436
|
})));
|
|
437
437
|
};
|
|
438
438
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Divider
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-2JKWVIPB.js";
|
|
4
4
|
import "../chunk-SHBDANQN.js";
|
|
5
5
|
import {
|
|
6
6
|
useXUIPalette,
|
|
7
7
|
useXUITheme
|
|
8
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-LVNBYERF.js";
|
|
9
9
|
|
|
10
10
|
// src/components/expansion-panel/expansion-panel.tsx
|
|
11
11
|
import React4 from "react";
|
package/dist/fab/index.cjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../chunk-
|
|
3
|
+
var _chunkXQED3KRWcjs = require('../chunk-XQED3KRW.cjs');
|
|
4
|
+
require('../chunk-FBTBWI3P.cjs');
|
|
5
5
|
require('../chunk-56RPWZD2.cjs');
|
|
6
|
-
require('../chunk-
|
|
6
|
+
require('../chunk-RZJFCDFS.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Fab =
|
|
9
|
+
exports.Fab = _chunkXQED3KRWcjs.Fab;
|
package/dist/fab/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Fab
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-UVI56OO5.js";
|
|
4
|
+
import "../chunk-J3BOFXIH.js";
|
|
5
5
|
import "../chunk-SHBDANQN.js";
|
|
6
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-LVNBYERF.js";
|
|
7
7
|
export {
|
|
8
8
|
Fab
|
|
9
9
|
};
|
package/dist/fab-menu/index.cjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../chunk-
|
|
3
|
+
var _chunkXQED3KRWcjs = require('../chunk-XQED3KRW.cjs');
|
|
4
|
+
require('../chunk-FBTBWI3P.cjs');
|
|
5
5
|
require('../chunk-56RPWZD2.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
10
10
|
|
|
11
11
|
// src/components/fab-menu/fab-menu.tsx
|
|
12
12
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -80,7 +80,7 @@ function useFabMenuState(controlledExpanded, onToggle) {
|
|
|
80
80
|
return { expanded, toggle, close };
|
|
81
81
|
}
|
|
82
82
|
function useFabMenuItemStyles(themeColor) {
|
|
83
|
-
const theme =
|
|
83
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
84
84
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
85
85
|
const colorScheme = theme.colors[safeThemeColor];
|
|
86
86
|
const itemStyles = _react.useMemo.call(void 0, () => {
|
|
@@ -96,7 +96,7 @@ function useFabMenuItemStyles(themeColor) {
|
|
|
96
96
|
return itemStyles;
|
|
97
97
|
}
|
|
98
98
|
function useFabMenuOverlayColor() {
|
|
99
|
-
const theme =
|
|
99
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
100
100
|
return _react.useMemo.call(void 0, () => {
|
|
101
101
|
return theme.mode === "dark" ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.3)";
|
|
102
102
|
}, [theme.mode]);
|
|
@@ -209,7 +209,7 @@ var FabMenu = ({
|
|
|
209
209
|
}
|
|
210
210
|
},
|
|
211
211
|
/* @__PURE__ */ _react2.default.createElement(
|
|
212
|
-
|
|
212
|
+
_chunkXQED3KRWcjs.Fab,
|
|
213
213
|
{
|
|
214
214
|
icon: currentIcon,
|
|
215
215
|
label,
|
|
@@ -259,7 +259,7 @@ var FabMenu = ({
|
|
|
259
259
|
})
|
|
260
260
|
);
|
|
261
261
|
}));
|
|
262
|
-
return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, _optionalChain([customAppearance, 'optionalAccess', _11 => _11.container])] }, isPortalVisible && /* @__PURE__ */ _react2.default.createElement(
|
|
262
|
+
return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, _optionalChain([customAppearance, 'optionalAccess', _11 => _11.container])] }, isPortalVisible && /* @__PURE__ */ _react2.default.createElement(_chunkRZJFCDFScjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.portalRoot }, showOverlay && /* @__PURE__ */ _react2.default.createElement(
|
|
263
263
|
_reactnative.Animated.View,
|
|
264
264
|
{
|
|
265
265
|
style: [
|
package/dist/fab-menu/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Fab
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-UVI56OO5.js";
|
|
4
|
+
import "../chunk-J3BOFXIH.js";
|
|
5
5
|
import "../chunk-SHBDANQN.js";
|
|
6
6
|
import {
|
|
7
7
|
Portal,
|
|
8
8
|
useXUITheme
|
|
9
|
-
} from "../chunk-
|
|
9
|
+
} from "../chunk-LVNBYERF.js";
|
|
10
10
|
|
|
11
11
|
// src/components/fab-menu/fab-menu.tsx
|
|
12
12
|
import React from "react";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('../chunk-56RPWZD2.cjs');
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
5
5
|
|
|
6
6
|
// src/components/feature-discovery/feature-discovery.tsx
|
|
7
7
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -235,7 +235,7 @@ var useFeatureDiscoveryGeometry = (target, viewportWidth, viewportHeight, spotli
|
|
|
235
235
|
};
|
|
236
236
|
};
|
|
237
237
|
var useFeatureDiscoveryTheme = (themeColor, overlayColor) => {
|
|
238
|
-
const theme =
|
|
238
|
+
const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
|
|
239
239
|
const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
|
|
240
240
|
const resolvedOverlayColor = _react.useMemo.call(void 0,
|
|
241
241
|
() => _nullishCoalesce(overlayColor, () => ( _core.withOpacity.call(void 0, theme.colors.foreground, 0.42))),
|
package/dist/indicator/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkFBTBWI3Pcjs = require('../chunk-FBTBWI3P.cjs');
|
|
4
4
|
require('../chunk-56RPWZD2.cjs');
|
|
5
|
-
require('../chunk-
|
|
5
|
+
require('../chunk-RZJFCDFS.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
exports.ActivityIndicator =
|
|
8
|
+
exports.ActivityIndicator = _chunkFBTBWI3Pcjs.ActivityIndicator;
|
package/dist/indicator/index.js
CHANGED