@hoddy-ui/next 2.0.63 → 2.0.65
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/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +47 -46
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +88 -87
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -386,8 +386,8 @@ declare const showFlashMessage: (msg: FlashMessageProps) => void;
|
|
|
386
386
|
|
|
387
387
|
declare const FormWrapper: React.FC<FormWrapperProps>;
|
|
388
388
|
|
|
389
|
-
declare const RatingStars: FC<RatingStarsProps>;
|
|
390
389
|
declare const RatingInput: FC<RatingInputProps>;
|
|
390
|
+
declare const RatingStars: FC<RatingStarsProps>;
|
|
391
391
|
|
|
392
392
|
declare const GridItem: React.FC<GridItemProps>;
|
|
393
393
|
declare const Grid: React.FC<GridProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -386,8 +386,8 @@ declare const showFlashMessage: (msg: FlashMessageProps) => void;
|
|
|
386
386
|
|
|
387
387
|
declare const FormWrapper: React.FC<FormWrapperProps>;
|
|
388
388
|
|
|
389
|
-
declare const RatingStars: FC<RatingStarsProps>;
|
|
390
389
|
declare const RatingInput: FC<RatingInputProps>;
|
|
390
|
+
declare const RatingStars: FC<RatingStarsProps>;
|
|
391
391
|
|
|
392
392
|
declare const GridItem: React.FC<GridItemProps>;
|
|
393
393
|
declare const Grid: React.FC<GridProps>;
|
package/dist/index.js
CHANGED
|
@@ -963,7 +963,7 @@ var FormWrapper = ({
|
|
|
963
963
|
// ../src/Components/StarRating.tsx
|
|
964
964
|
var import_vector_icons5 = require("@expo/vector-icons");
|
|
965
965
|
var Haptics = __toESM(require("expo-haptics"));
|
|
966
|
-
var import_react12 = require("react");
|
|
966
|
+
var import_react12 = __toESM(require("react"));
|
|
967
967
|
var import_react_native12 = require("react-native");
|
|
968
968
|
var import_react_native_size_matters9 = require("react-native-size-matters");
|
|
969
969
|
|
|
@@ -1146,36 +1146,6 @@ var Popup = ({
|
|
|
1146
1146
|
};
|
|
1147
1147
|
|
|
1148
1148
|
// ../src/Components/StarRating.tsx
|
|
1149
|
-
var RatingStars = ({
|
|
1150
|
-
rating = 0,
|
|
1151
|
-
size = 16,
|
|
1152
|
-
color = "#FFD700"
|
|
1153
|
-
}) => {
|
|
1154
|
-
const colors2 = useColors();
|
|
1155
|
-
const styles = import_react_native_size_matters9.ScaledSheet.create({
|
|
1156
|
-
root: {
|
|
1157
|
-
flexDirection: "row",
|
|
1158
|
-
alignItems: "center"
|
|
1159
|
-
}
|
|
1160
|
-
});
|
|
1161
|
-
return /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ React.createElement(
|
|
1162
|
-
import_vector_icons5.Ionicons,
|
|
1163
|
-
{
|
|
1164
|
-
key: index,
|
|
1165
|
-
name: "star",
|
|
1166
|
-
size,
|
|
1167
|
-
color: colors2[color]?.main || color
|
|
1168
|
-
}
|
|
1169
|
-
)), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ React.createElement(
|
|
1170
|
-
import_vector_icons5.Ionicons,
|
|
1171
|
-
{
|
|
1172
|
-
key: index,
|
|
1173
|
-
name: "star",
|
|
1174
|
-
size,
|
|
1175
|
-
color: colors2.textSecondary.light
|
|
1176
|
-
}
|
|
1177
|
-
)));
|
|
1178
|
-
};
|
|
1179
1149
|
var RatingInput = ({
|
|
1180
1150
|
onSubmit: _onSubmit,
|
|
1181
1151
|
rating = 0,
|
|
@@ -1220,7 +1190,7 @@ var RatingInput = ({
|
|
|
1220
1190
|
_onSubmit && await _onSubmit({ rating: rate, review });
|
|
1221
1191
|
setLoading(false);
|
|
1222
1192
|
};
|
|
1223
|
-
return /* @__PURE__ */
|
|
1193
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.root }, loading ? /* @__PURE__ */ import_react12.default.createElement(import_react_native12.ActivityIndicator, null) : [...Array(5)].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
|
|
1224
1194
|
import_react_native12.TouchableOpacity,
|
|
1225
1195
|
{
|
|
1226
1196
|
key: index,
|
|
@@ -1229,7 +1199,7 @@ var RatingInput = ({
|
|
|
1229
1199
|
onRate(index);
|
|
1230
1200
|
}
|
|
1231
1201
|
},
|
|
1232
|
-
/* @__PURE__ */
|
|
1202
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
1233
1203
|
import_vector_icons5.Ionicons,
|
|
1234
1204
|
{
|
|
1235
1205
|
style: { marginLeft: 10 },
|
|
@@ -1238,7 +1208,7 @@ var RatingInput = ({
|
|
|
1238
1208
|
color: colors2[color]?.main || color
|
|
1239
1209
|
}
|
|
1240
1210
|
)
|
|
1241
|
-
))), /* @__PURE__ */
|
|
1211
|
+
))), /* @__PURE__ */ import_react12.default.createElement(
|
|
1242
1212
|
Popup,
|
|
1243
1213
|
{
|
|
1244
1214
|
sheet: true,
|
|
@@ -1247,7 +1217,7 @@ var RatingInput = ({
|
|
|
1247
1217
|
setShowReviewsModal(false);
|
|
1248
1218
|
}
|
|
1249
1219
|
},
|
|
1250
|
-
/* @__PURE__ */
|
|
1220
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
1251
1221
|
import_react_native12.View,
|
|
1252
1222
|
{
|
|
1253
1223
|
style: {
|
|
@@ -1255,9 +1225,9 @@ var RatingInput = ({
|
|
|
1255
1225
|
marginBottom: 5
|
|
1256
1226
|
}
|
|
1257
1227
|
},
|
|
1258
|
-
/* @__PURE__ */
|
|
1228
|
+
/* @__PURE__ */ import_react12.default.createElement(RatingStars, { rating: rate, size: 24 })
|
|
1259
1229
|
),
|
|
1260
|
-
/* @__PURE__ */
|
|
1230
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
1261
1231
|
Typography_default,
|
|
1262
1232
|
{
|
|
1263
1233
|
align: "center",
|
|
@@ -1267,7 +1237,7 @@ var RatingInput = ({
|
|
|
1267
1237
|
},
|
|
1268
1238
|
"Add to your review"
|
|
1269
1239
|
),
|
|
1270
|
-
/* @__PURE__ */
|
|
1240
|
+
/* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.inputCon }, /* @__PURE__ */ import_react12.default.createElement(
|
|
1271
1241
|
import_react_native12.TextInput,
|
|
1272
1242
|
{
|
|
1273
1243
|
style: styles.input,
|
|
@@ -1278,7 +1248,7 @@ var RatingInput = ({
|
|
|
1278
1248
|
verticalAlign: "top"
|
|
1279
1249
|
}
|
|
1280
1250
|
)),
|
|
1281
|
-
/* @__PURE__ */
|
|
1251
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
|
1282
1252
|
Button_default,
|
|
1283
1253
|
{
|
|
1284
1254
|
gutterBottom: 40,
|
|
@@ -1292,6 +1262,36 @@ var RatingInput = ({
|
|
|
1292
1262
|
)
|
|
1293
1263
|
));
|
|
1294
1264
|
};
|
|
1265
|
+
var RatingStars = ({
|
|
1266
|
+
rating = 0,
|
|
1267
|
+
size = 16,
|
|
1268
|
+
color = "#FFD700"
|
|
1269
|
+
}) => {
|
|
1270
|
+
const colors2 = useColors();
|
|
1271
|
+
const styles = import_react_native_size_matters9.ScaledSheet.create({
|
|
1272
|
+
root: {
|
|
1273
|
+
flexDirection: "row",
|
|
1274
|
+
alignItems: "center"
|
|
1275
|
+
}
|
|
1276
|
+
});
|
|
1277
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
|
|
1278
|
+
import_vector_icons5.Ionicons,
|
|
1279
|
+
{
|
|
1280
|
+
key: index,
|
|
1281
|
+
name: "star",
|
|
1282
|
+
size,
|
|
1283
|
+
color: colors2[color]?.main || color
|
|
1284
|
+
}
|
|
1285
|
+
)), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
|
|
1286
|
+
import_vector_icons5.Ionicons,
|
|
1287
|
+
{
|
|
1288
|
+
key: index,
|
|
1289
|
+
name: "star",
|
|
1290
|
+
size,
|
|
1291
|
+
color: colors2.textSecondary.light
|
|
1292
|
+
}
|
|
1293
|
+
)));
|
|
1294
|
+
};
|
|
1295
1295
|
|
|
1296
1296
|
// ../src/Components/Grid.tsx
|
|
1297
1297
|
var import_react13 = __toESM(require("react"));
|
|
@@ -2156,6 +2156,7 @@ var SafeAreaView = ({
|
|
|
2156
2156
|
};
|
|
2157
2157
|
|
|
2158
2158
|
// ../src/Components/Divider.tsx
|
|
2159
|
+
var import_react19 = __toESM(require("react"));
|
|
2159
2160
|
var import_react_native19 = require("react-native");
|
|
2160
2161
|
var import_react_native_size_matters15 = require("react-native-size-matters");
|
|
2161
2162
|
var Divider = ({
|
|
@@ -2173,11 +2174,11 @@ var Divider = ({
|
|
|
2173
2174
|
...style
|
|
2174
2175
|
}
|
|
2175
2176
|
});
|
|
2176
|
-
return /* @__PURE__ */
|
|
2177
|
+
return /* @__PURE__ */ import_react19.default.createElement(import_react_native19.View, { style: styles.root });
|
|
2177
2178
|
};
|
|
2178
2179
|
|
|
2179
2180
|
// ../src/Components/Spinner.tsx
|
|
2180
|
-
var
|
|
2181
|
+
var import_react20 = __toESM(require("react"));
|
|
2181
2182
|
var import_react_native20 = require("react-native");
|
|
2182
2183
|
var import_react_native_size_matters16 = require("react-native-size-matters");
|
|
2183
2184
|
var Spinner = ({
|
|
@@ -2214,12 +2215,12 @@ var Spinner = ({
|
|
|
2214
2215
|
color: color === "light" ? colors2.white[2] : colors2.black[4]
|
|
2215
2216
|
}
|
|
2216
2217
|
});
|
|
2217
|
-
return /* @__PURE__ */
|
|
2218
|
+
return /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react20.default.createElement(Typography_default, { style: styles.label }, label)));
|
|
2218
2219
|
};
|
|
2219
2220
|
var Spinner_default = Spinner;
|
|
2220
2221
|
|
|
2221
2222
|
// ../src/Components/OTPInput.tsx
|
|
2222
|
-
var
|
|
2223
|
+
var import_react21 = __toESM(require("react"));
|
|
2223
2224
|
var import_react_native21 = require("react-native");
|
|
2224
2225
|
var import_react_native_size_matters17 = require("react-native-size-matters");
|
|
2225
2226
|
var OTPInput = ({
|
|
@@ -2231,8 +2232,8 @@ var OTPInput = ({
|
|
|
2231
2232
|
spacing = 1,
|
|
2232
2233
|
size = 45
|
|
2233
2234
|
}) => {
|
|
2234
|
-
const inputRefs = (0,
|
|
2235
|
-
() => Array(length).fill(0).map((_) =>
|
|
2235
|
+
const inputRefs = (0, import_react21.useMemo)(
|
|
2236
|
+
() => Array(length).fill(0).map((_) => import_react21.default.createRef()),
|
|
2236
2237
|
[length]
|
|
2237
2238
|
);
|
|
2238
2239
|
const onChangeHandler = (val, index) => {
|
|
@@ -2281,7 +2282,7 @@ var OTPInput = ({
|
|
|
2281
2282
|
fontSize: (0, import_react_native_size_matters17.ms)(size * 0.5)
|
|
2282
2283
|
}
|
|
2283
2284
|
});
|
|
2284
|
-
return /* @__PURE__ */
|
|
2285
|
+
return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react21.default.createElement(
|
|
2285
2286
|
import_react_native21.TextInput,
|
|
2286
2287
|
{
|
|
2287
2288
|
ref: inputRefs[index],
|