@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 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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.root }, loading ? /* @__PURE__ */ React.createElement(import_react_native12.ActivityIndicator, null) : [...Array(5)].map((_, index) => /* @__PURE__ */ React.createElement(
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__ */ React.createElement(
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__ */ React.createElement(
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__ */ React.createElement(
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__ */ React.createElement(RatingStars, { rating: rate, size: 24 })
1228
+ /* @__PURE__ */ import_react12.default.createElement(RatingStars, { rating: rate, size: 24 })
1259
1229
  ),
1260
- /* @__PURE__ */ React.createElement(
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__ */ React.createElement(import_react_native12.View, { style: styles.inputCon }, /* @__PURE__ */ React.createElement(
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__ */ React.createElement(
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__ */ React.createElement(import_react_native19.View, { style: styles.root });
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 import_react19 = __toESM(require("react"));
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__ */ import_react19.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react19.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react19.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react19.default.createElement(Typography_default, { style: styles.label }, label)));
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 import_react20 = __toESM(require("react"));
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, import_react20.useMemo)(
2235
- () => Array(length).fill(0).map((_) => import_react20.default.createRef()),
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__ */ import_react20.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react20.default.createElement(
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],