@xaui/native 0.2.4 → 0.2.5
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.d.cts +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/app-bar/index.d.cts +1 -1
- package/dist/app-bar/index.d.ts +1 -1
- package/dist/autocomplete/index.d.cts +1 -1
- package/dist/autocomplete/index.d.ts +1 -1
- package/dist/avatar/index.d.cts +1 -1
- package/dist/avatar/index.d.ts +1 -1
- package/dist/badge/index.d.cts +1 -1
- package/dist/badge/index.d.ts +1 -1
- package/dist/bottom-sheet/index.d.cts +1 -1
- package/dist/bottom-sheet/index.d.ts +1 -1
- package/dist/bottom-tab-bar/index.d.cts +1 -1
- package/dist/bottom-tab-bar/index.d.ts +1 -1
- package/dist/button/index.d.cts +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/card/index.d.cts +1 -1
- package/dist/card/index.d.ts +1 -1
- package/dist/carousel/index.d.cts +1 -1
- package/dist/carousel/index.d.ts +1 -1
- package/dist/checkbox/index.d.cts +1 -1
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/chip/index.d.cts +1 -1
- package/dist/chip/index.d.ts +1 -1
- package/dist/color-picker/index.d.cts +2 -2
- package/dist/color-picker/index.d.ts +2 -2
- package/dist/container/index.cjs +203 -0
- package/dist/container/index.d.cts +40 -0
- package/dist/container/index.d.ts +40 -0
- package/dist/container/index.js +203 -0
- package/dist/datepicker/index.d.cts +1 -1
- package/dist/datepicker/index.d.ts +1 -1
- package/dist/dialog/index.d.cts +1 -1
- package/dist/dialog/index.d.ts +1 -1
- package/dist/divider/index.d.cts +1 -1
- package/dist/divider/index.d.ts +1 -1
- package/dist/drawer/index.d.cts +1 -1
- package/dist/drawer/index.d.ts +1 -1
- package/dist/fab/index.d.cts +3 -3
- package/dist/fab/index.d.ts +3 -3
- package/dist/fab-menu/index.d.cts +2 -2
- package/dist/fab-menu/index.d.ts +2 -2
- package/dist/{fab.type-CgIYqQlT.d.ts → fab.type-CkUHmXU_.d.ts} +1 -1
- package/dist/{fab.type-l2vjG8-p.d.cts → fab.type-DN0vtAh6.d.cts} +1 -1
- package/dist/feature-discovery/index.d.cts +1 -1
- package/dist/feature-discovery/index.d.ts +1 -1
- package/dist/indicator/index.d.cts +1 -1
- package/dist/indicator/index.d.ts +1 -1
- package/dist/input/index.d.cts +10 -9
- package/dist/input/index.d.ts +10 -9
- package/dist/input-trigger/index.d.cts +3 -3
- package/dist/input-trigger/index.d.ts +3 -3
- package/dist/{input-trigger.type-DlSqg2eG.d.ts → input-trigger.type-Ba4bM3Qp.d.cts} +1 -1
- package/dist/{input-trigger.type-By_1ZjKd.d.cts → input-trigger.type-Ba4bM3Qp.d.ts} +1 -1
- package/dist/list/index.d.cts +1 -1
- package/dist/list/index.d.ts +1 -1
- package/dist/menubox/index.d.cts +1 -1
- package/dist/menubox/index.d.ts +1 -1
- package/dist/picker/index.d.cts +2 -2
- package/dist/picker/index.d.ts +2 -2
- package/dist/progress/index.d.cts +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/radio/index.d.cts +1 -1
- package/dist/radio/index.d.ts +1 -1
- package/dist/refresh-control/index.d.cts +1 -1
- package/dist/refresh-control/index.d.ts +1 -1
- package/dist/segment-button/index.d.cts +1 -1
- package/dist/segment-button/index.d.ts +1 -1
- package/dist/select/index.d.cts +1 -1
- package/dist/select/index.d.ts +1 -1
- package/dist/skeleton/index.d.cts +1 -1
- package/dist/skeleton/index.d.ts +1 -1
- package/dist/slider/index.d.cts +1 -1
- package/dist/slider/index.d.ts +1 -1
- package/dist/snackbar/index.d.cts +1 -1
- package/dist/snackbar/index.d.ts +1 -1
- package/dist/snippet/index.d.cts +1 -1
- package/dist/snippet/index.d.ts +1 -1
- package/dist/stepper/index.d.cts +1 -1
- package/dist/stepper/index.d.ts +1 -1
- package/dist/switch/index.d.cts +1 -1
- package/dist/switch/index.d.ts +1 -1
- package/dist/tabs/index.d.cts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/timepicker/index.d.cts +1 -1
- package/dist/timepicker/index.d.ts +1 -1
- package/dist/toolbar/index.d.cts +1 -1
- package/dist/toolbar/index.d.ts +1 -1
- package/dist/typography/index.d.cts +1 -1
- package/dist/typography/index.d.ts +1 -1
- package/dist/view/index.cjs +5 -15
- package/dist/view/index.d.cts +1 -1
- package/dist/view/index.d.ts +1 -1
- package/dist/view/index.js +5 -15
- package/package.json +9 -5
- package/dist/index-BOw6tbkc.d.cts +0 -5
- package/dist/index-BOw6tbkc.d.ts +0 -5
- package/dist/index-DyU3sW3_.d.cts +0 -4
- package/dist/index-DyU3sW3_.d.ts +0 -4
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
// src/components/container/container.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { View, Pressable } from "react-native";
|
|
4
|
+
|
|
5
|
+
// src/components/container/container.utils.ts
|
|
6
|
+
var resolveEdgeInsets = (value, prefix) => {
|
|
7
|
+
if (typeof value === "number") {
|
|
8
|
+
return prefix === "padding" ? { padding: value } : { margin: value };
|
|
9
|
+
}
|
|
10
|
+
const style = {};
|
|
11
|
+
if (prefix === "padding") {
|
|
12
|
+
if (value.horizontal !== void 0) style.paddingHorizontal = value.horizontal;
|
|
13
|
+
if (value.vertical !== void 0) style.paddingVertical = value.vertical;
|
|
14
|
+
if (value.top !== void 0) style.paddingTop = value.top;
|
|
15
|
+
if (value.bottom !== void 0) style.paddingBottom = value.bottom;
|
|
16
|
+
if (value.left !== void 0) style.paddingLeft = value.left;
|
|
17
|
+
if (value.right !== void 0) style.paddingRight = value.right;
|
|
18
|
+
} else {
|
|
19
|
+
if (value.horizontal !== void 0) style.marginHorizontal = value.horizontal;
|
|
20
|
+
if (value.vertical !== void 0) style.marginVertical = value.vertical;
|
|
21
|
+
if (value.top !== void 0) style.marginTop = value.top;
|
|
22
|
+
if (value.bottom !== void 0) style.marginBottom = value.bottom;
|
|
23
|
+
if (value.left !== void 0) style.marginLeft = value.left;
|
|
24
|
+
if (value.right !== void 0) style.marginRight = value.right;
|
|
25
|
+
}
|
|
26
|
+
return style;
|
|
27
|
+
};
|
|
28
|
+
var ALIGNMENT_MAP = {
|
|
29
|
+
topLeft: { justifyContent: "flex-start", alignItems: "flex-start" },
|
|
30
|
+
topCenter: { justifyContent: "flex-start", alignItems: "center" },
|
|
31
|
+
topRight: { justifyContent: "flex-start", alignItems: "flex-end" },
|
|
32
|
+
centerLeft: { justifyContent: "center", alignItems: "flex-start" },
|
|
33
|
+
center: { justifyContent: "center", alignItems: "center" },
|
|
34
|
+
centerRight: { justifyContent: "center", alignItems: "flex-end" },
|
|
35
|
+
bottomLeft: { justifyContent: "flex-end", alignItems: "flex-start" },
|
|
36
|
+
bottomCenter: { justifyContent: "flex-end", alignItems: "center" },
|
|
37
|
+
bottomRight: { justifyContent: "flex-end", alignItems: "flex-end" }
|
|
38
|
+
};
|
|
39
|
+
var toFlexPosition = (v) => {
|
|
40
|
+
if (v <= 0) return "flex-start";
|
|
41
|
+
if (v >= 1) return "flex-end";
|
|
42
|
+
return "center";
|
|
43
|
+
};
|
|
44
|
+
var resolveAlignment = (value) => {
|
|
45
|
+
if (typeof value === "object") {
|
|
46
|
+
return {
|
|
47
|
+
justifyContent: toFlexPosition(value.y),
|
|
48
|
+
alignItems: toFlexPosition(value.x)
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
return ALIGNMENT_MAP[value] ?? {
|
|
52
|
+
justifyContent: "flex-start",
|
|
53
|
+
alignItems: "flex-start"
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
var resolveBorderRadius = (value) => {
|
|
57
|
+
if (typeof value === "number") {
|
|
58
|
+
return { borderRadius: value };
|
|
59
|
+
}
|
|
60
|
+
const style = {};
|
|
61
|
+
if (value.topLeft !== void 0) style.borderTopLeftRadius = value.topLeft;
|
|
62
|
+
if (value.topRight !== void 0) style.borderTopRightRadius = value.topRight;
|
|
63
|
+
if (value.bottomLeft !== void 0) style.borderBottomLeftRadius = value.bottomLeft;
|
|
64
|
+
if (value.bottomRight !== void 0)
|
|
65
|
+
style.borderBottomRightRadius = value.bottomRight;
|
|
66
|
+
return style;
|
|
67
|
+
};
|
|
68
|
+
var resolveBorderSide = (side, position) => {
|
|
69
|
+
const style = {};
|
|
70
|
+
if (position === "") {
|
|
71
|
+
if (side.width !== void 0) style.borderWidth = side.width;
|
|
72
|
+
if (side.color !== void 0) style.borderColor = side.color;
|
|
73
|
+
if (side.style !== void 0) style.borderStyle = side.style;
|
|
74
|
+
return style;
|
|
75
|
+
}
|
|
76
|
+
if (position === "Top") {
|
|
77
|
+
if (side.width !== void 0) style.borderTopWidth = side.width;
|
|
78
|
+
if (side.color !== void 0) style.borderTopColor = side.color;
|
|
79
|
+
} else if (position === "Bottom") {
|
|
80
|
+
if (side.width !== void 0) style.borderBottomWidth = side.width;
|
|
81
|
+
if (side.color !== void 0) style.borderBottomColor = side.color;
|
|
82
|
+
} else if (position === "Left") {
|
|
83
|
+
if (side.width !== void 0) style.borderLeftWidth = side.width;
|
|
84
|
+
if (side.color !== void 0) style.borderLeftColor = side.color;
|
|
85
|
+
} else {
|
|
86
|
+
if (side.width !== void 0) style.borderRightWidth = side.width;
|
|
87
|
+
if (side.color !== void 0) style.borderRightColor = side.color;
|
|
88
|
+
}
|
|
89
|
+
return style;
|
|
90
|
+
};
|
|
91
|
+
var resolveBorder = (value) => {
|
|
92
|
+
const dir = value;
|
|
93
|
+
if (dir.top !== void 0 || dir.bottom !== void 0 || dir.left !== void 0 || dir.right !== void 0) {
|
|
94
|
+
return {
|
|
95
|
+
...dir.top ? resolveBorderSide(dir.top, "Top") : {},
|
|
96
|
+
...dir.bottom ? resolveBorderSide(dir.bottom, "Bottom") : {},
|
|
97
|
+
...dir.left ? resolveBorderSide(dir.left, "Left") : {},
|
|
98
|
+
...dir.right ? resolveBorderSide(dir.right, "Right") : {}
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
return resolveBorderSide(value, "");
|
|
102
|
+
};
|
|
103
|
+
var resolveShadow = (value) => ({
|
|
104
|
+
shadowColor: value.color ?? "#000000",
|
|
105
|
+
shadowOffset: {
|
|
106
|
+
width: value.offset?.x ?? 0,
|
|
107
|
+
height: value.offset?.y ?? 4
|
|
108
|
+
},
|
|
109
|
+
shadowOpacity: value.opacity ?? 0.1,
|
|
110
|
+
shadowRadius: value.blur ?? 4,
|
|
111
|
+
elevation: value.elevation ?? 2
|
|
112
|
+
});
|
|
113
|
+
var resolveTransform = (value) => {
|
|
114
|
+
const transforms = [];
|
|
115
|
+
if (value.rotate !== void 0) transforms.push({ rotate: value.rotate });
|
|
116
|
+
if (value.rotateX !== void 0) transforms.push({ rotateX: value.rotateX });
|
|
117
|
+
if (value.rotateY !== void 0) transforms.push({ rotateY: value.rotateY });
|
|
118
|
+
if (value.scale !== void 0) transforms.push({ scale: value.scale });
|
|
119
|
+
if (value.scaleX !== void 0) transforms.push({ scaleX: value.scaleX });
|
|
120
|
+
if (value.scaleY !== void 0) transforms.push({ scaleY: value.scaleY });
|
|
121
|
+
if (value.translateX !== void 0)
|
|
122
|
+
transforms.push({ translateX: value.translateX });
|
|
123
|
+
if (value.translateY !== void 0)
|
|
124
|
+
transforms.push({ translateY: value.translateY });
|
|
125
|
+
if (value.skewX !== void 0) transforms.push({ skewX: value.skewX });
|
|
126
|
+
if (value.skewY !== void 0) transforms.push({ skewY: value.skewY });
|
|
127
|
+
return transforms;
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
// src/components/container/container.tsx
|
|
131
|
+
var buildStyle = (props) => ({
|
|
132
|
+
...props.width !== void 0 && { width: props.width },
|
|
133
|
+
...props.height !== void 0 && { height: props.height },
|
|
134
|
+
...props.minWidth !== void 0 && { minWidth: props.minWidth },
|
|
135
|
+
...props.maxWidth !== void 0 && { maxWidth: props.maxWidth },
|
|
136
|
+
...props.minHeight !== void 0 && { minHeight: props.minHeight },
|
|
137
|
+
...props.maxHeight !== void 0 && { maxHeight: props.maxHeight },
|
|
138
|
+
...props.aspectRatio !== void 0 && { aspectRatio: props.aspectRatio },
|
|
139
|
+
...props.flex !== void 0 && { flex: props.flex },
|
|
140
|
+
...props.color !== void 0 && { backgroundColor: props.color },
|
|
141
|
+
...props.clip && { overflow: "hidden" },
|
|
142
|
+
...props.opacity !== void 0 && { opacity: props.opacity },
|
|
143
|
+
...props.padding !== void 0 && resolveEdgeInsets(props.padding, "padding"),
|
|
144
|
+
...props.margin !== void 0 && resolveEdgeInsets(props.margin, "margin"),
|
|
145
|
+
...props.alignment !== void 0 && resolveAlignment(props.alignment),
|
|
146
|
+
...props.borderRadius !== void 0 && resolveBorderRadius(props.borderRadius),
|
|
147
|
+
...props.border !== void 0 && resolveBorder(props.border),
|
|
148
|
+
...props.shadow !== void 0 && resolveShadow(props.shadow),
|
|
149
|
+
...props.transform !== void 0 && { transform: resolveTransform(props.transform) }
|
|
150
|
+
});
|
|
151
|
+
var Container = (props) => {
|
|
152
|
+
const {
|
|
153
|
+
children,
|
|
154
|
+
onPress,
|
|
155
|
+
onLongPress,
|
|
156
|
+
onPressIn,
|
|
157
|
+
onPressOut,
|
|
158
|
+
disabled = false,
|
|
159
|
+
accessibilityLabel,
|
|
160
|
+
accessibilityRole,
|
|
161
|
+
accessibilityState,
|
|
162
|
+
accessible,
|
|
163
|
+
testID,
|
|
164
|
+
style
|
|
165
|
+
} = props;
|
|
166
|
+
const containerStyle = buildStyle(props);
|
|
167
|
+
const isInteractive = !!(onPress ?? onLongPress ?? onPressIn ?? onPressOut);
|
|
168
|
+
if (isInteractive) {
|
|
169
|
+
return /* @__PURE__ */ React.createElement(
|
|
170
|
+
Pressable,
|
|
171
|
+
{
|
|
172
|
+
onPress: disabled ? void 0 : onPress,
|
|
173
|
+
onLongPress: disabled ? void 0 : onLongPress,
|
|
174
|
+
onPressIn: disabled ? void 0 : onPressIn,
|
|
175
|
+
onPressOut: disabled ? void 0 : onPressOut,
|
|
176
|
+
disabled,
|
|
177
|
+
accessibilityLabel,
|
|
178
|
+
accessibilityRole,
|
|
179
|
+
accessibilityState,
|
|
180
|
+
accessible,
|
|
181
|
+
testID,
|
|
182
|
+
style: [containerStyle, style]
|
|
183
|
+
},
|
|
184
|
+
children
|
|
185
|
+
);
|
|
186
|
+
}
|
|
187
|
+
return /* @__PURE__ */ React.createElement(
|
|
188
|
+
View,
|
|
189
|
+
{
|
|
190
|
+
accessibilityLabel,
|
|
191
|
+
accessibilityRole,
|
|
192
|
+
accessibilityState,
|
|
193
|
+
accessible,
|
|
194
|
+
testID,
|
|
195
|
+
style: [containerStyle, style]
|
|
196
|
+
},
|
|
197
|
+
children
|
|
198
|
+
);
|
|
199
|
+
};
|
|
200
|
+
Container.displayName = "Container";
|
|
201
|
+
export {
|
|
202
|
+
Container
|
|
203
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor, Size, Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type DatePickerVariant = 'bordered' | 'colored' | 'light' | 'underlined';
|
|
6
6
|
type DatePickerLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor, Size, Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type DatePickerVariant = 'bordered' | 'colored' | 'light' | 'underlined';
|
|
6
6
|
type DatePickerLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';
|
package/dist/dialog/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ModalProps, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type DialogSize = 'sm' | 'md' | 'lg' | 'full';
|
|
6
6
|
type DialogPlacement = 'top' | 'center' | 'bottom';
|
package/dist/dialog/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ModalProps, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type DialogSize = 'sm' | 'md' | 'lg' | 'full';
|
|
6
6
|
type DialogPlacement = 'top' | 'center' | 'bottom';
|
package/dist/divider/index.d.cts
CHANGED
package/dist/divider/index.d.ts
CHANGED
package/dist/drawer/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type DrawerPosition = 'top' | 'left' | 'bottom' | 'right';
|
|
6
6
|
type DrawerProps = {
|
package/dist/drawer/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type DrawerPosition = 'top' | 'left' | 'bottom' | 'right';
|
|
6
6
|
type DrawerProps = {
|
package/dist/fab/index.d.cts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { F as FabProps } from '../fab.type-
|
|
3
|
-
export { b as FabSize, a as FabVariant } from '../fab.type-
|
|
2
|
+
import { F as FabProps } from '../fab.type-DN0vtAh6.cjs';
|
|
3
|
+
export { b as FabSize, a as FabVariant } from '../fab.type-DN0vtAh6.cjs';
|
|
4
4
|
import 'react-native';
|
|
5
|
-
import '
|
|
5
|
+
import '@xaui/core/types';
|
|
6
6
|
import '../button.type-j1ZdkkSl.cjs';
|
|
7
7
|
|
|
8
8
|
declare const Fab: React.FC<FabProps>;
|
package/dist/fab/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { F as FabProps } from '../fab.type-
|
|
3
|
-
export { b as FabSize, a as FabVariant } from '../fab.type-
|
|
2
|
+
import { F as FabProps } from '../fab.type-CkUHmXU_.js';
|
|
3
|
+
export { b as FabSize, a as FabVariant } from '../fab.type-CkUHmXU_.js';
|
|
4
4
|
import 'react-native';
|
|
5
|
-
import '
|
|
5
|
+
import '@xaui/core/types';
|
|
6
6
|
import '../button.type-j1ZdkkSl.js';
|
|
7
7
|
|
|
8
8
|
declare const Fab: React.FC<FabProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, GestureResponderEvent } from 'react-native';
|
|
3
|
-
import {
|
|
4
|
-
import { a as FabVariant, b as FabSize } from '../fab.type-
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
|
+
import { a as FabVariant, b as FabSize } from '../fab.type-DN0vtAh6.cjs';
|
|
5
5
|
import { B as ButtonRadius, E as ElevationLevel } from '../button.type-j1ZdkkSl.cjs';
|
|
6
6
|
|
|
7
7
|
type FabMenuItemProps = {
|
package/dist/fab-menu/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, GestureResponderEvent } from 'react-native';
|
|
3
|
-
import {
|
|
4
|
-
import { a as FabVariant, b as FabSize } from '../fab.type-
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
|
+
import { a as FabVariant, b as FabSize } from '../fab.type-CkUHmXU_.js';
|
|
5
5
|
import { B as ButtonRadius, E as ElevationLevel } from '../button.type-j1ZdkkSl.js';
|
|
6
6
|
|
|
7
7
|
type FabMenuItemProps = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, GestureResponderEvent } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
4
|
import { B as ButtonRadius, E as ElevationLevel } from './button.type-j1ZdkkSl.js';
|
|
5
5
|
|
|
6
6
|
type FabVariant = 'solid' | 'flat' | 'outlined';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, GestureResponderEvent } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
4
|
import { B as ButtonRadius, E as ElevationLevel } from './button.type-j1ZdkkSl.cjs';
|
|
5
5
|
|
|
6
6
|
type FabVariant = 'solid' | 'flat' | 'outlined';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject, ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type MeasurableNode = {
|
|
6
6
|
measureInWindow: (callback: (x: number, y: number, width: number, height: number) => void) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject, ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type MeasurableNode = {
|
|
6
6
|
measureInWindow: (callback: (x: number, y: number, width: number, height: number) => void) => void;
|
package/dist/input/index.d.cts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as _xaui_core from '@xaui/core';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { StyleProp, ViewStyle, TextStyle, TextInputProps as TextInputProps$1, TextInput as TextInput$1 } from 'react-native';
|
|
5
|
+
import { ThemeColor, Radius } from '@xaui/core/types';
|
|
5
6
|
|
|
6
7
|
type TextInputVariant = 'colored' | 'light' | 'bordered' | 'underlined';
|
|
7
8
|
type TextInputSize = 'sm' | 'md' | 'lg';
|
|
@@ -118,10 +119,10 @@ declare const TextInput: React.ForwardRefExoticComponent<Omit<react_native.TextI
|
|
|
118
119
|
errorMessage?: React.ReactNode;
|
|
119
120
|
startContent?: React.ReactNode;
|
|
120
121
|
endContent?: React.ReactNode;
|
|
121
|
-
themeColor?: ThemeColor;
|
|
122
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
122
123
|
variant?: TextInputVariant;
|
|
123
124
|
size?: TextInputSize;
|
|
124
|
-
radius?: Radius;
|
|
125
|
+
radius?: _xaui_core.Radius;
|
|
125
126
|
isSecured?: boolean;
|
|
126
127
|
isClearable?: boolean;
|
|
127
128
|
isDisabled?: boolean;
|
|
@@ -224,10 +225,10 @@ declare const DateInput: React.ForwardRefExoticComponent<Omit<react_native.TextI
|
|
|
224
225
|
errorMessage?: React.ReactNode;
|
|
225
226
|
startContent?: React.ReactNode;
|
|
226
227
|
endContent?: React.ReactNode;
|
|
227
|
-
themeColor?: ThemeColor;
|
|
228
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
228
229
|
variant?: TextInputVariant;
|
|
229
230
|
size?: TextInputSize;
|
|
230
|
-
radius?: Radius;
|
|
231
|
+
radius?: _xaui_core.Radius;
|
|
231
232
|
isSecured?: boolean;
|
|
232
233
|
isClearable?: boolean;
|
|
233
234
|
isDisabled?: boolean;
|
|
@@ -250,10 +251,10 @@ declare const TimeInput: React.ForwardRefExoticComponent<Omit<react_native.TextI
|
|
|
250
251
|
errorMessage?: React.ReactNode;
|
|
251
252
|
startContent?: React.ReactNode;
|
|
252
253
|
endContent?: React.ReactNode;
|
|
253
|
-
themeColor?: ThemeColor;
|
|
254
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
254
255
|
variant?: TextInputVariant;
|
|
255
256
|
size?: TextInputSize;
|
|
256
|
-
radius?: Radius;
|
|
257
|
+
radius?: _xaui_core.Radius;
|
|
257
258
|
isSecured?: boolean;
|
|
258
259
|
isClearable?: boolean;
|
|
259
260
|
isDisabled?: boolean;
|
|
@@ -275,10 +276,10 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<react_native.T
|
|
|
275
276
|
errorMessage?: React.ReactNode;
|
|
276
277
|
startContent?: React.ReactNode;
|
|
277
278
|
endContent?: React.ReactNode;
|
|
278
|
-
themeColor?: ThemeColor;
|
|
279
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
279
280
|
variant?: TextInputVariant;
|
|
280
281
|
size?: TextInputSize;
|
|
281
|
-
radius?: Radius;
|
|
282
|
+
radius?: _xaui_core.Radius;
|
|
282
283
|
isSecured?: boolean;
|
|
283
284
|
isClearable?: boolean;
|
|
284
285
|
isDisabled?: boolean;
|
package/dist/input/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as _xaui_core from '@xaui/core';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { StyleProp, ViewStyle, TextStyle, TextInputProps as TextInputProps$1, TextInput as TextInput$1 } from 'react-native';
|
|
5
|
+
import { ThemeColor, Radius } from '@xaui/core/types';
|
|
5
6
|
|
|
6
7
|
type TextInputVariant = 'colored' | 'light' | 'bordered' | 'underlined';
|
|
7
8
|
type TextInputSize = 'sm' | 'md' | 'lg';
|
|
@@ -118,10 +119,10 @@ declare const TextInput: React.ForwardRefExoticComponent<Omit<react_native.TextI
|
|
|
118
119
|
errorMessage?: React.ReactNode;
|
|
119
120
|
startContent?: React.ReactNode;
|
|
120
121
|
endContent?: React.ReactNode;
|
|
121
|
-
themeColor?: ThemeColor;
|
|
122
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
122
123
|
variant?: TextInputVariant;
|
|
123
124
|
size?: TextInputSize;
|
|
124
|
-
radius?: Radius;
|
|
125
|
+
radius?: _xaui_core.Radius;
|
|
125
126
|
isSecured?: boolean;
|
|
126
127
|
isClearable?: boolean;
|
|
127
128
|
isDisabled?: boolean;
|
|
@@ -224,10 +225,10 @@ declare const DateInput: React.ForwardRefExoticComponent<Omit<react_native.TextI
|
|
|
224
225
|
errorMessage?: React.ReactNode;
|
|
225
226
|
startContent?: React.ReactNode;
|
|
226
227
|
endContent?: React.ReactNode;
|
|
227
|
-
themeColor?: ThemeColor;
|
|
228
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
228
229
|
variant?: TextInputVariant;
|
|
229
230
|
size?: TextInputSize;
|
|
230
|
-
radius?: Radius;
|
|
231
|
+
radius?: _xaui_core.Radius;
|
|
231
232
|
isSecured?: boolean;
|
|
232
233
|
isClearable?: boolean;
|
|
233
234
|
isDisabled?: boolean;
|
|
@@ -250,10 +251,10 @@ declare const TimeInput: React.ForwardRefExoticComponent<Omit<react_native.TextI
|
|
|
250
251
|
errorMessage?: React.ReactNode;
|
|
251
252
|
startContent?: React.ReactNode;
|
|
252
253
|
endContent?: React.ReactNode;
|
|
253
|
-
themeColor?: ThemeColor;
|
|
254
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
254
255
|
variant?: TextInputVariant;
|
|
255
256
|
size?: TextInputSize;
|
|
256
|
-
radius?: Radius;
|
|
257
|
+
radius?: _xaui_core.Radius;
|
|
257
258
|
isSecured?: boolean;
|
|
258
259
|
isClearable?: boolean;
|
|
259
260
|
isDisabled?: boolean;
|
|
@@ -275,10 +276,10 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<react_native.T
|
|
|
275
276
|
errorMessage?: React.ReactNode;
|
|
276
277
|
startContent?: React.ReactNode;
|
|
277
278
|
endContent?: React.ReactNode;
|
|
278
|
-
themeColor?: ThemeColor;
|
|
279
|
+
themeColor?: _xaui_core.ThemeColor;
|
|
279
280
|
variant?: TextInputVariant;
|
|
280
281
|
size?: TextInputSize;
|
|
281
|
-
radius?: Radius;
|
|
282
|
+
radius?: _xaui_core.Radius;
|
|
282
283
|
isSecured?: boolean;
|
|
283
284
|
isClearable?: boolean;
|
|
284
285
|
isDisabled?: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-
|
|
3
|
-
export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-
|
|
2
|
+
import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-Ba4bM3Qp.cjs';
|
|
3
|
+
export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-Ba4bM3Qp.cjs';
|
|
4
4
|
import 'react-native';
|
|
5
|
-
import '
|
|
5
|
+
import '@xaui/core/types';
|
|
6
6
|
|
|
7
7
|
declare const InputTrigger: React.FC<InputTriggerProps>;
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-
|
|
3
|
-
export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-
|
|
2
|
+
import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-Ba4bM3Qp.js';
|
|
3
|
+
export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-Ba4bM3Qp.js';
|
|
4
4
|
import 'react-native';
|
|
5
|
-
import '
|
|
5
|
+
import '@xaui/core/types';
|
|
6
6
|
|
|
7
7
|
declare const InputTrigger: React.FC<InputTriggerProps>;
|
|
8
8
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor, Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type InputTriggerVariant = 'colored' | 'light' | 'bordered' | 'underlined';
|
|
6
6
|
type InputTriggerSize = 'sm' | 'md' | 'lg';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor, Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type InputTriggerVariant = 'colored' | 'light' | 'bordered' | 'underlined';
|
|
6
6
|
type InputTriggerSize = 'sm' | 'md' | 'lg';
|
package/dist/list/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import * as react_native from 'react-native';
|
|
3
3
|
import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { ThemeColor, Size } from '@xaui/core/types';
|
|
5
5
|
|
|
6
6
|
type ListSelectionMode = 'single' | 'multiple' | 'none';
|
|
7
7
|
type ListItemCustomAppearance = {
|
package/dist/list/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import * as react_native from 'react-native';
|
|
3
3
|
import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { ThemeColor, Size } from '@xaui/core/types';
|
|
5
5
|
|
|
6
6
|
type ListSelectionMode = 'single' | 'multiple' | 'none';
|
|
7
7
|
type ListItemCustomAppearance = {
|
package/dist/menubox/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { Size, Radius, ThemeColor } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type MenuBoxItemCustomAppearance = {
|
|
6
6
|
/**
|
package/dist/menubox/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { Size, Radius, ThemeColor } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type MenuBoxItemCustomAppearance = {
|
|
6
6
|
/**
|
package/dist/picker/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
|
-
import {
|
|
4
|
-
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-
|
|
3
|
+
import { ThemeColor, Radius } from '@xaui/core/types';
|
|
4
|
+
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-Ba4bM3Qp.cjs';
|
|
5
5
|
|
|
6
6
|
type PickerOption = {
|
|
7
7
|
/**
|
package/dist/picker/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
|
-
import {
|
|
4
|
-
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-
|
|
3
|
+
import { ThemeColor, Radius } from '@xaui/core/types';
|
|
4
|
+
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-Ba4bM3Qp.js';
|
|
5
5
|
|
|
6
6
|
type PickerOption = {
|
|
7
7
|
/**
|
package/dist/progress/index.d.ts
CHANGED
package/dist/radio/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { TextStyle, ViewStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor, Size, Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type RadioVariant = 'filled' | 'light';
|
|
6
6
|
type RadioLabelAlignment = 'left' | 'right' | 'justify-left' | 'justify-right';
|
package/dist/radio/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { TextStyle, ViewStyle } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeColor, Size, Radius } from '@xaui/core/types';
|
|
4
4
|
|
|
5
5
|
type RadioVariant = 'filled' | 'light';
|
|
6
6
|
type RadioLabelAlignment = 'left' | 'right' | 'justify-left' | 'justify-right';
|