@kbach/react 0.5.54 → 0.5.55

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.
@@ -6,7 +6,7 @@ import {
6
6
  transformToWebProps,
7
7
  useConditionalWidth,
8
8
  useGlobalDarkMode
9
- } from "./chunk-7EUNJFX7.mjs";
9
+ } from "./chunk-PESA3FMP.mjs";
10
10
  import {
11
11
  flatten,
12
12
  getActiveBreakpoints,
@@ -83,26 +83,48 @@ function getWebTag(type, props) {
83
83
  return tag;
84
84
  }
85
85
  var _rnOnlyProps = /* @__PURE__ */ new Set([
86
+ // Interaction
86
87
  "onLongPress",
87
88
  "delayLongPress",
88
89
  "activeOpacity",
89
90
  "underlayColor",
90
91
  "hitSlop",
91
92
  "pressRetentionOffset",
93
+ "android_ripple",
94
+ "android_disableSound",
95
+ "onHoverIn",
96
+ "onHoverOut",
97
+ "onHoverStart",
98
+ "onHoverEnd",
99
+ // Layout event
100
+ "onLayout",
101
+ // Accessibility
92
102
  "accessible",
93
103
  "accessibilityState",
94
104
  "accessibilityLiveRegion",
95
105
  "importantForAccessibility",
106
+ // Platform
96
107
  "nativeID",
97
108
  "collapsable",
98
109
  "needsOffscreenAlphaCompositing",
99
110
  "renderToHardwareTextureAndroid",
100
111
  "shouldRasterizeIOS",
112
+ "focusable",
113
+ "hasTVPreferredFocus",
101
114
  "pointerEvents",
102
115
  // RN and HTML values differ
103
- "multiline",
116
+ // Text
117
+ "selectable",
118
+ "allowFontScaling",
119
+ "adjustsFontSizeToFit",
120
+ "minimumFontScale",
121
+ "ellipsizeMode",
104
122
  "numberOfLines",
105
- // handled separately
123
+ "onTextLayout",
124
+ "textBreakStrategy",
125
+ "lineBreakStrategyIOS",
126
+ // TextInput
127
+ "multiline",
106
128
  "resizeMode",
107
129
  // handled separately
108
130
  "blurOnSubmit",
@@ -110,7 +132,68 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
110
132
  "clearTextOnFocus",
111
133
  "enablesReturnKeyAutomatically",
112
134
  "returnKeyType",
113
- "spellCheck"
135
+ "spellCheck",
136
+ // ScrollView
137
+ "scrollEnabled",
138
+ "showsVerticalScrollIndicator",
139
+ "showsHorizontalScrollIndicator",
140
+ "contentContainerStyle",
141
+ "horizontal",
142
+ "keyboardShouldPersistTaps",
143
+ "keyboardDismissMode",
144
+ "pagingEnabled",
145
+ "scrollEventThrottle",
146
+ "decelerationRate",
147
+ "bounces",
148
+ "alwaysBounceHorizontal",
149
+ "alwaysBounceVertical",
150
+ "snapToAlignment",
151
+ "snapToInterval",
152
+ "snapToOffsets",
153
+ "removeClippedSubviews",
154
+ "overScrollMode",
155
+ "stickyHeaderIndices",
156
+ "invertStickyHeaders",
157
+ "onScrollBeginDrag",
158
+ "onScrollEndDrag",
159
+ "onMomentumScrollBegin",
160
+ "onMomentumScrollEnd",
161
+ "contentInset",
162
+ "contentInsetAdjustmentBehavior",
163
+ "automaticallyAdjustContentInsets",
164
+ "automaticallyAdjustsScrollIndicatorInsets",
165
+ // expo-image
166
+ "contentPosition",
167
+ "cachePolicy",
168
+ "recyclingKey",
169
+ "blurRadius",
170
+ "fadeDuration",
171
+ "responsivePolicy",
172
+ "tintColor",
173
+ "allowDownscaling",
174
+ "placeholderContentFit",
175
+ // FlatList / SectionList
176
+ "data",
177
+ "renderItem",
178
+ "keyExtractor",
179
+ "getItemLayout",
180
+ "initialScrollIndex",
181
+ "initialNumToRender",
182
+ "maxToRenderPerBatch",
183
+ "windowSize",
184
+ "updateCellsBatchingPeriod",
185
+ "onEndReached",
186
+ "onEndReachedThreshold",
187
+ "ListHeaderComponent",
188
+ "ListFooterComponent",
189
+ "ListEmptyComponent",
190
+ "ListHeaderComponentStyle",
191
+ "ListFooterComponentStyle",
192
+ "ItemSeparatorComponent",
193
+ "SectionSeparatorComponent",
194
+ "inverted",
195
+ "getItem",
196
+ "getItemCount"
114
197
  ]);
115
198
  var _pressableNames = /* @__PURE__ */ new Set([
116
199
  "Pressable",
@@ -195,8 +278,21 @@ function transformToWebProps(originalName, tag, props) {
195
278
  out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
196
279
  continue;
197
280
  }
281
+ if (k === "contentFit") {
282
+ const existing = out.style ?? {};
283
+ out.style = { ...existing, objectFit: v };
284
+ continue;
285
+ }
198
286
  if (k === "alt" || k === "defaultSource") continue;
199
287
  }
288
+ if (k === "style") {
289
+ if (Array.isArray(v)) {
290
+ out.style = Object.assign({}, ...v.filter(Boolean));
291
+ } else if (v != null) {
292
+ out.style = v;
293
+ }
294
+ continue;
295
+ }
200
296
  out[k] = v;
201
297
  }
202
298
  if (isPressable && !out.role) out.role = "button";
package/dist/index.js CHANGED
@@ -3585,26 +3585,48 @@ function getWebTag(type, props) {
3585
3585
  return tag;
3586
3586
  }
3587
3587
  var _rnOnlyProps = /* @__PURE__ */ new Set([
3588
+ // Interaction
3588
3589
  "onLongPress",
3589
3590
  "delayLongPress",
3590
3591
  "activeOpacity",
3591
3592
  "underlayColor",
3592
3593
  "hitSlop",
3593
3594
  "pressRetentionOffset",
3595
+ "android_ripple",
3596
+ "android_disableSound",
3597
+ "onHoverIn",
3598
+ "onHoverOut",
3599
+ "onHoverStart",
3600
+ "onHoverEnd",
3601
+ // Layout event
3602
+ "onLayout",
3603
+ // Accessibility
3594
3604
  "accessible",
3595
3605
  "accessibilityState",
3596
3606
  "accessibilityLiveRegion",
3597
3607
  "importantForAccessibility",
3608
+ // Platform
3598
3609
  "nativeID",
3599
3610
  "collapsable",
3600
3611
  "needsOffscreenAlphaCompositing",
3601
3612
  "renderToHardwareTextureAndroid",
3602
3613
  "shouldRasterizeIOS",
3614
+ "focusable",
3615
+ "hasTVPreferredFocus",
3603
3616
  "pointerEvents",
3604
3617
  // RN and HTML values differ
3605
- "multiline",
3618
+ // Text
3619
+ "selectable",
3620
+ "allowFontScaling",
3621
+ "adjustsFontSizeToFit",
3622
+ "minimumFontScale",
3623
+ "ellipsizeMode",
3606
3624
  "numberOfLines",
3607
- // handled separately
3625
+ "onTextLayout",
3626
+ "textBreakStrategy",
3627
+ "lineBreakStrategyIOS",
3628
+ // TextInput
3629
+ "multiline",
3608
3630
  "resizeMode",
3609
3631
  // handled separately
3610
3632
  "blurOnSubmit",
@@ -3612,7 +3634,68 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
3612
3634
  "clearTextOnFocus",
3613
3635
  "enablesReturnKeyAutomatically",
3614
3636
  "returnKeyType",
3615
- "spellCheck"
3637
+ "spellCheck",
3638
+ // ScrollView
3639
+ "scrollEnabled",
3640
+ "showsVerticalScrollIndicator",
3641
+ "showsHorizontalScrollIndicator",
3642
+ "contentContainerStyle",
3643
+ "horizontal",
3644
+ "keyboardShouldPersistTaps",
3645
+ "keyboardDismissMode",
3646
+ "pagingEnabled",
3647
+ "scrollEventThrottle",
3648
+ "decelerationRate",
3649
+ "bounces",
3650
+ "alwaysBounceHorizontal",
3651
+ "alwaysBounceVertical",
3652
+ "snapToAlignment",
3653
+ "snapToInterval",
3654
+ "snapToOffsets",
3655
+ "removeClippedSubviews",
3656
+ "overScrollMode",
3657
+ "stickyHeaderIndices",
3658
+ "invertStickyHeaders",
3659
+ "onScrollBeginDrag",
3660
+ "onScrollEndDrag",
3661
+ "onMomentumScrollBegin",
3662
+ "onMomentumScrollEnd",
3663
+ "contentInset",
3664
+ "contentInsetAdjustmentBehavior",
3665
+ "automaticallyAdjustContentInsets",
3666
+ "automaticallyAdjustsScrollIndicatorInsets",
3667
+ // expo-image
3668
+ "contentPosition",
3669
+ "cachePolicy",
3670
+ "recyclingKey",
3671
+ "blurRadius",
3672
+ "fadeDuration",
3673
+ "responsivePolicy",
3674
+ "tintColor",
3675
+ "allowDownscaling",
3676
+ "placeholderContentFit",
3677
+ // FlatList / SectionList
3678
+ "data",
3679
+ "renderItem",
3680
+ "keyExtractor",
3681
+ "getItemLayout",
3682
+ "initialScrollIndex",
3683
+ "initialNumToRender",
3684
+ "maxToRenderPerBatch",
3685
+ "windowSize",
3686
+ "updateCellsBatchingPeriod",
3687
+ "onEndReached",
3688
+ "onEndReachedThreshold",
3689
+ "ListHeaderComponent",
3690
+ "ListFooterComponent",
3691
+ "ListEmptyComponent",
3692
+ "ListHeaderComponentStyle",
3693
+ "ListFooterComponentStyle",
3694
+ "ItemSeparatorComponent",
3695
+ "SectionSeparatorComponent",
3696
+ "inverted",
3697
+ "getItem",
3698
+ "getItemCount"
3616
3699
  ]);
3617
3700
  var _pressableNames = /* @__PURE__ */ new Set([
3618
3701
  "Pressable",
@@ -3697,8 +3780,21 @@ function transformToWebProps(originalName, tag, props) {
3697
3780
  out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
3698
3781
  continue;
3699
3782
  }
3783
+ if (k === "contentFit") {
3784
+ const existing = out.style ?? {};
3785
+ out.style = { ...existing, objectFit: v };
3786
+ continue;
3787
+ }
3700
3788
  if (k === "alt" || k === "defaultSource") continue;
3701
3789
  }
3790
+ if (k === "style") {
3791
+ if (Array.isArray(v)) {
3792
+ out.style = Object.assign({}, ...v.filter(Boolean));
3793
+ } else if (v != null) {
3794
+ out.style = v;
3795
+ }
3796
+ continue;
3797
+ }
3702
3798
  out[k] = v;
3703
3799
  }
3704
3800
  if (isPressable && !out.role) out.role = "button";
package/dist/index.mjs CHANGED
@@ -11,7 +11,7 @@ import {
11
11
  useConditionalWidth,
12
12
  useGlobalDarkMode,
13
13
  useGlobalWidth
14
- } from "./chunk-7EUNJFX7.mjs";
14
+ } from "./chunk-PESA3FMP.mjs";
15
15
  import {
16
16
  __require,
17
17
  buildConfig,
@@ -3300,26 +3300,48 @@ function getWebTag(type, props) {
3300
3300
  return tag;
3301
3301
  }
3302
3302
  var _rnOnlyProps = /* @__PURE__ */ new Set([
3303
+ // Interaction
3303
3304
  "onLongPress",
3304
3305
  "delayLongPress",
3305
3306
  "activeOpacity",
3306
3307
  "underlayColor",
3307
3308
  "hitSlop",
3308
3309
  "pressRetentionOffset",
3310
+ "android_ripple",
3311
+ "android_disableSound",
3312
+ "onHoverIn",
3313
+ "onHoverOut",
3314
+ "onHoverStart",
3315
+ "onHoverEnd",
3316
+ // Layout event
3317
+ "onLayout",
3318
+ // Accessibility
3309
3319
  "accessible",
3310
3320
  "accessibilityState",
3311
3321
  "accessibilityLiveRegion",
3312
3322
  "importantForAccessibility",
3323
+ // Platform
3313
3324
  "nativeID",
3314
3325
  "collapsable",
3315
3326
  "needsOffscreenAlphaCompositing",
3316
3327
  "renderToHardwareTextureAndroid",
3317
3328
  "shouldRasterizeIOS",
3329
+ "focusable",
3330
+ "hasTVPreferredFocus",
3318
3331
  "pointerEvents",
3319
3332
  // RN and HTML values differ
3320
- "multiline",
3333
+ // Text
3334
+ "selectable",
3335
+ "allowFontScaling",
3336
+ "adjustsFontSizeToFit",
3337
+ "minimumFontScale",
3338
+ "ellipsizeMode",
3321
3339
  "numberOfLines",
3322
- // handled separately
3340
+ "onTextLayout",
3341
+ "textBreakStrategy",
3342
+ "lineBreakStrategyIOS",
3343
+ // TextInput
3344
+ "multiline",
3323
3345
  "resizeMode",
3324
3346
  // handled separately
3325
3347
  "blurOnSubmit",
@@ -3327,7 +3349,68 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
3327
3349
  "clearTextOnFocus",
3328
3350
  "enablesReturnKeyAutomatically",
3329
3351
  "returnKeyType",
3330
- "spellCheck"
3352
+ "spellCheck",
3353
+ // ScrollView
3354
+ "scrollEnabled",
3355
+ "showsVerticalScrollIndicator",
3356
+ "showsHorizontalScrollIndicator",
3357
+ "contentContainerStyle",
3358
+ "horizontal",
3359
+ "keyboardShouldPersistTaps",
3360
+ "keyboardDismissMode",
3361
+ "pagingEnabled",
3362
+ "scrollEventThrottle",
3363
+ "decelerationRate",
3364
+ "bounces",
3365
+ "alwaysBounceHorizontal",
3366
+ "alwaysBounceVertical",
3367
+ "snapToAlignment",
3368
+ "snapToInterval",
3369
+ "snapToOffsets",
3370
+ "removeClippedSubviews",
3371
+ "overScrollMode",
3372
+ "stickyHeaderIndices",
3373
+ "invertStickyHeaders",
3374
+ "onScrollBeginDrag",
3375
+ "onScrollEndDrag",
3376
+ "onMomentumScrollBegin",
3377
+ "onMomentumScrollEnd",
3378
+ "contentInset",
3379
+ "contentInsetAdjustmentBehavior",
3380
+ "automaticallyAdjustContentInsets",
3381
+ "automaticallyAdjustsScrollIndicatorInsets",
3382
+ // expo-image
3383
+ "contentPosition",
3384
+ "cachePolicy",
3385
+ "recyclingKey",
3386
+ "blurRadius",
3387
+ "fadeDuration",
3388
+ "responsivePolicy",
3389
+ "tintColor",
3390
+ "allowDownscaling",
3391
+ "placeholderContentFit",
3392
+ // FlatList / SectionList
3393
+ "data",
3394
+ "renderItem",
3395
+ "keyExtractor",
3396
+ "getItemLayout",
3397
+ "initialScrollIndex",
3398
+ "initialNumToRender",
3399
+ "maxToRenderPerBatch",
3400
+ "windowSize",
3401
+ "updateCellsBatchingPeriod",
3402
+ "onEndReached",
3403
+ "onEndReachedThreshold",
3404
+ "ListHeaderComponent",
3405
+ "ListFooterComponent",
3406
+ "ListEmptyComponent",
3407
+ "ListHeaderComponentStyle",
3408
+ "ListFooterComponentStyle",
3409
+ "ItemSeparatorComponent",
3410
+ "SectionSeparatorComponent",
3411
+ "inverted",
3412
+ "getItem",
3413
+ "getItemCount"
3331
3414
  ]);
3332
3415
  var _pressableNames = /* @__PURE__ */ new Set([
3333
3416
  "Pressable",
@@ -3412,8 +3495,21 @@ function transformToWebProps(originalName, tag, props) {
3412
3495
  out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
3413
3496
  continue;
3414
3497
  }
3498
+ if (k === "contentFit") {
3499
+ const existing = out.style ?? {};
3500
+ out.style = { ...existing, objectFit: v };
3501
+ continue;
3502
+ }
3415
3503
  if (k === "alt" || k === "defaultSource") continue;
3416
3504
  }
3505
+ if (k === "style") {
3506
+ if (Array.isArray(v)) {
3507
+ out.style = Object.assign({}, ...v.filter(Boolean));
3508
+ } else if (v != null) {
3509
+ out.style = v;
3510
+ }
3511
+ continue;
3512
+ }
3417
3513
  out[k] = v;
3418
3514
  }
3419
3515
  if (isPressable && !out.role) out.role = "button";
@@ -2,8 +2,8 @@ import {
2
2
  Fragment,
3
3
  jsx,
4
4
  jsxs
5
- } from "./chunk-6PRTRINF.mjs";
6
- import "./chunk-7EUNJFX7.mjs";
5
+ } from "./chunk-O4EKWQSX.mjs";
6
+ import "./chunk-PESA3FMP.mjs";
7
7
  import "./chunk-JBV2R655.mjs";
8
8
 
9
9
  // src/jsx-dev-runtime.tsx
@@ -3306,26 +3306,48 @@ function getWebTag(type, props) {
3306
3306
  return tag;
3307
3307
  }
3308
3308
  var _rnOnlyProps = /* @__PURE__ */ new Set([
3309
+ // Interaction
3309
3310
  "onLongPress",
3310
3311
  "delayLongPress",
3311
3312
  "activeOpacity",
3312
3313
  "underlayColor",
3313
3314
  "hitSlop",
3314
3315
  "pressRetentionOffset",
3316
+ "android_ripple",
3317
+ "android_disableSound",
3318
+ "onHoverIn",
3319
+ "onHoverOut",
3320
+ "onHoverStart",
3321
+ "onHoverEnd",
3322
+ // Layout event
3323
+ "onLayout",
3324
+ // Accessibility
3315
3325
  "accessible",
3316
3326
  "accessibilityState",
3317
3327
  "accessibilityLiveRegion",
3318
3328
  "importantForAccessibility",
3329
+ // Platform
3319
3330
  "nativeID",
3320
3331
  "collapsable",
3321
3332
  "needsOffscreenAlphaCompositing",
3322
3333
  "renderToHardwareTextureAndroid",
3323
3334
  "shouldRasterizeIOS",
3335
+ "focusable",
3336
+ "hasTVPreferredFocus",
3324
3337
  "pointerEvents",
3325
3338
  // RN and HTML values differ
3326
- "multiline",
3339
+ // Text
3340
+ "selectable",
3341
+ "allowFontScaling",
3342
+ "adjustsFontSizeToFit",
3343
+ "minimumFontScale",
3344
+ "ellipsizeMode",
3327
3345
  "numberOfLines",
3328
- // handled separately
3346
+ "onTextLayout",
3347
+ "textBreakStrategy",
3348
+ "lineBreakStrategyIOS",
3349
+ // TextInput
3350
+ "multiline",
3329
3351
  "resizeMode",
3330
3352
  // handled separately
3331
3353
  "blurOnSubmit",
@@ -3333,7 +3355,68 @@ var _rnOnlyProps = /* @__PURE__ */ new Set([
3333
3355
  "clearTextOnFocus",
3334
3356
  "enablesReturnKeyAutomatically",
3335
3357
  "returnKeyType",
3336
- "spellCheck"
3358
+ "spellCheck",
3359
+ // ScrollView
3360
+ "scrollEnabled",
3361
+ "showsVerticalScrollIndicator",
3362
+ "showsHorizontalScrollIndicator",
3363
+ "contentContainerStyle",
3364
+ "horizontal",
3365
+ "keyboardShouldPersistTaps",
3366
+ "keyboardDismissMode",
3367
+ "pagingEnabled",
3368
+ "scrollEventThrottle",
3369
+ "decelerationRate",
3370
+ "bounces",
3371
+ "alwaysBounceHorizontal",
3372
+ "alwaysBounceVertical",
3373
+ "snapToAlignment",
3374
+ "snapToInterval",
3375
+ "snapToOffsets",
3376
+ "removeClippedSubviews",
3377
+ "overScrollMode",
3378
+ "stickyHeaderIndices",
3379
+ "invertStickyHeaders",
3380
+ "onScrollBeginDrag",
3381
+ "onScrollEndDrag",
3382
+ "onMomentumScrollBegin",
3383
+ "onMomentumScrollEnd",
3384
+ "contentInset",
3385
+ "contentInsetAdjustmentBehavior",
3386
+ "automaticallyAdjustContentInsets",
3387
+ "automaticallyAdjustsScrollIndicatorInsets",
3388
+ // expo-image
3389
+ "contentPosition",
3390
+ "cachePolicy",
3391
+ "recyclingKey",
3392
+ "blurRadius",
3393
+ "fadeDuration",
3394
+ "responsivePolicy",
3395
+ "tintColor",
3396
+ "allowDownscaling",
3397
+ "placeholderContentFit",
3398
+ // FlatList / SectionList
3399
+ "data",
3400
+ "renderItem",
3401
+ "keyExtractor",
3402
+ "getItemLayout",
3403
+ "initialScrollIndex",
3404
+ "initialNumToRender",
3405
+ "maxToRenderPerBatch",
3406
+ "windowSize",
3407
+ "updateCellsBatchingPeriod",
3408
+ "onEndReached",
3409
+ "onEndReachedThreshold",
3410
+ "ListHeaderComponent",
3411
+ "ListFooterComponent",
3412
+ "ListEmptyComponent",
3413
+ "ListHeaderComponentStyle",
3414
+ "ListFooterComponentStyle",
3415
+ "ItemSeparatorComponent",
3416
+ "SectionSeparatorComponent",
3417
+ "inverted",
3418
+ "getItem",
3419
+ "getItemCount"
3337
3420
  ]);
3338
3421
  var _pressableNames = /* @__PURE__ */ new Set([
3339
3422
  "Pressable",
@@ -3418,8 +3501,21 @@ function transformToWebProps(originalName, tag, props) {
3418
3501
  out.style = { ...existing, objectFit: _resizeModeMap[v] ?? "cover" };
3419
3502
  continue;
3420
3503
  }
3504
+ if (k === "contentFit") {
3505
+ const existing = out.style ?? {};
3506
+ out.style = { ...existing, objectFit: v };
3507
+ continue;
3508
+ }
3421
3509
  if (k === "alt" || k === "defaultSource") continue;
3422
3510
  }
3511
+ if (k === "style") {
3512
+ if (Array.isArray(v)) {
3513
+ out.style = Object.assign({}, ...v.filter(Boolean));
3514
+ } else if (v != null) {
3515
+ out.style = v;
3516
+ }
3517
+ continue;
3518
+ }
3423
3519
  out[k] = v;
3424
3520
  }
3425
3521
  if (isPressable && !out.role) out.role = "button";
@@ -3,10 +3,10 @@ import {
3
3
  _invalidateDefaultFontCache,
4
4
  jsx,
5
5
  jsxs
6
- } from "./chunk-6PRTRINF.mjs";
6
+ } from "./chunk-O4EKWQSX.mjs";
7
7
  import {
8
8
  registerWebElement
9
- } from "./chunk-7EUNJFX7.mjs";
9
+ } from "./chunk-PESA3FMP.mjs";
10
10
  import "./chunk-JBV2R655.mjs";
11
11
  export {
12
12
  Fragment,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kbach/react",
3
- "version": "0.5.54",
3
+ "version": "0.5.55",
4
4
  "description": "React / React Native components and hooks for the Kbach framework",
5
5
  "source": "./src/index.ts",
6
6
  "main": "./dist/index.js",