@draftbit/core 48.4.12-ec076f.2 → 48.4.12
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/lib/commonjs/components/Picker/Picker.js +1 -0
- package/lib/commonjs/components/Picker/PickerComponent.android.js +1 -0
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +1 -0
- package/lib/commonjs/components/Picker/PickerComponent.web.js +1 -0
- package/lib/commonjs/components/Picker/PickerTypes.js +1 -0
- package/lib/commonjs/components/TextField.js +1 -1
- package/lib/commonjs/hooks.js +1 -1
- package/lib/commonjs/index.js +1 -1
- package/lib/commonjs/utilities.js +1 -1
- package/lib/typescript/src/components/Picker/Picker.d.ts +36 -0
- package/lib/typescript/src/components/Picker/Picker.js +288 -0
- package/lib/typescript/src/components/Picker/Picker.js.map +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts +6 -0
- package/lib/typescript/src/components/Picker/PickerComponent.android.js +70 -0
- package/lib/typescript/src/components/Picker/PickerComponent.android.js.map +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts +7 -0
- package/lib/typescript/src/components/Picker/PickerComponent.ios.js +80 -0
- package/lib/typescript/src/components/Picker/PickerComponent.ios.js.map +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts +6 -0
- package/lib/typescript/src/components/Picker/PickerComponent.web.js +71 -0
- package/lib/typescript/src/components/Picker/PickerComponent.web.js.map +1 -0
- package/lib/typescript/src/components/Picker/PickerTypes.d.ts +18 -0
- package/lib/typescript/src/components/Picker/PickerTypes.js +2 -0
- package/lib/typescript/src/components/Picker/PickerTypes.js.map +1 -0
- package/lib/typescript/src/components/TextField.d.ts +3 -3
- package/lib/typescript/src/components/TextField.js +7 -11
- package/lib/typescript/src/components/TextField.js.map +1 -1
- package/lib/typescript/src/hooks.js +2 -2
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.js +1 -1
- package/lib/typescript/src/index.js.map +1 -1
- package/lib/typescript/src/utilities.d.ts +0 -8
- package/lib/typescript/src/utilities.js +1 -22
- package/lib/typescript/src/utilities.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -5
- package/src/components/Picker/Picker.js +288 -0
- package/src/components/Picker/Picker.js.map +1 -0
- package/src/components/Picker/Picker.tsx +509 -0
- package/src/components/Picker/PickerComponent.android.js +70 -0
- package/src/components/Picker/PickerComponent.android.js.map +1 -0
- package/src/components/Picker/PickerComponent.android.tsx +116 -0
- package/src/components/Picker/PickerComponent.ios.js +80 -0
- package/src/components/Picker/PickerComponent.ios.js.map +1 -0
- package/src/components/Picker/PickerComponent.ios.tsx +142 -0
- package/src/components/Picker/PickerComponent.web.js +71 -0
- package/src/components/Picker/PickerComponent.web.js.map +1 -0
- package/src/components/Picker/PickerComponent.web.tsx +117 -0
- package/src/components/Picker/PickerTypes.js +2 -0
- package/src/components/Picker/PickerTypes.js.map +1 -0
- package/src/components/Picker/PickerTypes.ts +18 -0
- package/src/components/TextField.js +7 -11
- package/src/components/TextField.js.map +1 -1
- package/src/components/TextField.tsx +9 -17
- package/src/hooks.js +2 -2
- package/src/hooks.ts +2 -2
- package/src/index.js +1 -1
- package/src/index.js.map +1 -1
- package/src/index.tsx +1 -1
- package/src/utilities.js +1 -22
- package/src/utilities.js.map +1 -1
- package/src/utilities.ts +1 -33
- package/lib/commonjs/components/Picker/NativePicker.js +0 -1
- package/lib/commonjs/components/Picker/PickerCommon.js +0 -1
- package/lib/commonjs/components/Picker/PickerInputContainer.js +0 -1
- package/lib/commonjs/components/Picker/dropdown/DropDownPicker.js +0 -1
- package/lib/commonjs/components/Picker/dropdown/MultiSelectPicker.js +0 -1
- package/lib/commonjs/components/Picker/dropdown/PickerItem.js +0 -1
- package/lib/commonjs/components/Picker/index.js +0 -1
- package/lib/typescript/src/components/Picker/NativePicker.d.ts +0 -6
- package/lib/typescript/src/components/Picker/NativePicker.js +0 -95
- package/lib/typescript/src/components/Picker/NativePicker.js.map +0 -1
- package/lib/typescript/src/components/Picker/PickerCommon.d.ts +0 -45
- package/lib/typescript/src/components/Picker/PickerCommon.js +0 -23
- package/lib/typescript/src/components/Picker/PickerCommon.js.map +0 -1
- package/lib/typescript/src/components/Picker/PickerInputContainer.d.ts +0 -11
- package/lib/typescript/src/components/Picker/PickerInputContainer.js +0 -37
- package/lib/typescript/src/components/Picker/PickerInputContainer.js.map +0 -1
- package/lib/typescript/src/components/Picker/dropdown/DropDownPicker.d.ts +0 -6
- package/lib/typescript/src/components/Picker/dropdown/DropDownPicker.js +0 -62
- package/lib/typescript/src/components/Picker/dropdown/DropDownPicker.js.map +0 -1
- package/lib/typescript/src/components/Picker/dropdown/MultiSelectPicker.d.ts +0 -6
- package/lib/typescript/src/components/Picker/dropdown/MultiSelectPicker.js +0 -9
- package/lib/typescript/src/components/Picker/dropdown/MultiSelectPicker.js.map +0 -1
- package/lib/typescript/src/components/Picker/dropdown/PickerItem.d.ts +0 -14
- package/lib/typescript/src/components/Picker/dropdown/PickerItem.js +0 -9
- package/lib/typescript/src/components/Picker/dropdown/PickerItem.js.map +0 -1
- package/lib/typescript/src/components/Picker/index.d.ts +0 -10
- package/lib/typescript/src/components/Picker/index.js +0 -18
- package/lib/typescript/src/components/Picker/index.js.map +0 -1
- package/src/components/Picker/NativePicker.js +0 -95
- package/src/components/Picker/NativePicker.js.map +0 -1
- package/src/components/Picker/NativePicker.tsx +0 -158
- package/src/components/Picker/PickerCommon.js +0 -23
- package/src/components/Picker/PickerCommon.js.map +0 -1
- package/src/components/Picker/PickerCommon.ts +0 -81
- package/src/components/Picker/PickerInputContainer.js +0 -37
- package/src/components/Picker/PickerInputContainer.js.map +0 -1
- package/src/components/Picker/PickerInputContainer.tsx +0 -89
- package/src/components/Picker/dropdown/DropDownPicker.js +0 -62
- package/src/components/Picker/dropdown/DropDownPicker.js.map +0 -1
- package/src/components/Picker/dropdown/DropDownPicker.tsx +0 -148
- package/src/components/Picker/dropdown/MultiSelectPicker.js +0 -9
- package/src/components/Picker/dropdown/MultiSelectPicker.js.map +0 -1
- package/src/components/Picker/dropdown/MultiSelectPicker.tsx +0 -16
- package/src/components/Picker/dropdown/PickerItem.js +0 -9
- package/src/components/Picker/dropdown/PickerItem.js.map +0 -1
- package/src/components/Picker/dropdown/PickerItem.tsx +0 -19
- package/src/components/Picker/index.js +0 -18
- package/src/components/Picker/index.js.map +0 -1
- package/src/components/Picker/index.tsx +0 -27
|
@@ -38,14 +38,12 @@ export type Props = {
|
|
|
38
38
|
text: string | NativeSyntheticEvent<TextInputChangeEventData>
|
|
39
39
|
) => void;
|
|
40
40
|
rightIconName?: string;
|
|
41
|
-
iconColor?: string;
|
|
42
|
-
iconSize?: number;
|
|
43
41
|
assistiveText?: string;
|
|
44
42
|
multiline?: boolean;
|
|
45
43
|
numberOfLines: number;
|
|
46
44
|
underlineColor?: string;
|
|
47
45
|
activeBorderColor?: string;
|
|
48
|
-
style?: StyleProp<ViewStyle
|
|
46
|
+
style?: StyleProp<ViewStyle> & { height?: number };
|
|
49
47
|
theme: Theme;
|
|
50
48
|
render?: (
|
|
51
49
|
props: TextInputProps & { ref: (c: NativeTextInput) => void }
|
|
@@ -238,14 +236,11 @@ class TextField extends React.Component<Props, State> {
|
|
|
238
236
|
Icon,
|
|
239
237
|
type = "underline",
|
|
240
238
|
disabled = false,
|
|
241
|
-
editable = true,
|
|
242
239
|
label,
|
|
243
240
|
error = false,
|
|
244
241
|
leftIconName,
|
|
245
242
|
leftIconMode,
|
|
246
243
|
rightIconName,
|
|
247
|
-
iconColor,
|
|
248
|
-
iconSize,
|
|
249
244
|
assistiveText,
|
|
250
245
|
underlineColor: underlineColorProp,
|
|
251
246
|
activeBorderColor: activeBorderColorProp,
|
|
@@ -283,7 +278,7 @@ class TextField extends React.Component<Props, State> {
|
|
|
283
278
|
} else {
|
|
284
279
|
activeColor = error ? colors.error : activeBorderColorProp;
|
|
285
280
|
placeholderColor = borderColor = colors.light;
|
|
286
|
-
underlineColor = underlineColorProp
|
|
281
|
+
underlineColor = underlineColorProp;
|
|
287
282
|
backgroundColor = colors.background;
|
|
288
283
|
}
|
|
289
284
|
|
|
@@ -349,9 +344,7 @@ class TextField extends React.Component<Props, State> {
|
|
|
349
344
|
}
|
|
350
345
|
|
|
351
346
|
let leftIconColor;
|
|
352
|
-
if (
|
|
353
|
-
leftIconColor = iconColor;
|
|
354
|
-
} else if (error) {
|
|
347
|
+
if (error) {
|
|
355
348
|
leftIconColor = colors.error;
|
|
356
349
|
} else if (this.state.focused) {
|
|
357
350
|
leftIconColor = colors.primary;
|
|
@@ -360,7 +353,7 @@ class TextField extends React.Component<Props, State> {
|
|
|
360
353
|
}
|
|
361
354
|
|
|
362
355
|
const leftIconProps = {
|
|
363
|
-
size:
|
|
356
|
+
size: 24,
|
|
364
357
|
color: leftIconColor,
|
|
365
358
|
name: leftIconName || "",
|
|
366
359
|
};
|
|
@@ -445,7 +438,7 @@ class TextField extends React.Component<Props, State> {
|
|
|
445
438
|
borderLeftWidth,
|
|
446
439
|
borderColor: borderCol,
|
|
447
440
|
...styleProp
|
|
448
|
-
} = StyleSheet.flatten(style || {}) as ViewStyle;
|
|
441
|
+
} = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };
|
|
449
442
|
|
|
450
443
|
return (
|
|
451
444
|
<View style={[styles.container, styleProp]}>
|
|
@@ -454,7 +447,7 @@ class TextField extends React.Component<Props, State> {
|
|
|
454
447
|
) : null}
|
|
455
448
|
<View
|
|
456
449
|
style={applyStyles([containerStyle], {
|
|
457
|
-
height:
|
|
450
|
+
height: style?.height,
|
|
458
451
|
backgroundColor: bgColor,
|
|
459
452
|
padding,
|
|
460
453
|
paddingTop,
|
|
@@ -569,8 +562,7 @@ class TextField extends React.Component<Props, State> {
|
|
|
569
562
|
? this.state.placeholder
|
|
570
563
|
: this.props.placeholder,
|
|
571
564
|
placeholderTextColor: placeholderColor,
|
|
572
|
-
editable: !disabled
|
|
573
|
-
disabled: disabled || !editable,
|
|
565
|
+
editable: !disabled,
|
|
574
566
|
selectionColor: activeColor,
|
|
575
567
|
multiline,
|
|
576
568
|
numberOfLines,
|
|
@@ -586,8 +578,8 @@ class TextField extends React.Component<Props, State> {
|
|
|
586
578
|
{rightIconName ? (
|
|
587
579
|
<Icon
|
|
588
580
|
name={rightIconName}
|
|
589
|
-
size={
|
|
590
|
-
color={
|
|
581
|
+
size={ICON_SIZE}
|
|
582
|
+
color={colors.light}
|
|
591
583
|
style={{
|
|
592
584
|
position: "absolute",
|
|
593
585
|
right: 16,
|
package/src/hooks.js
CHANGED
|
@@ -13,11 +13,11 @@ export function usePrevious(value) {
|
|
|
13
13
|
export const useDebounce = (value, delay) => {
|
|
14
14
|
const [debouncedValue, setDebouncedValue] = React.useState(value);
|
|
15
15
|
React.useEffect(() => {
|
|
16
|
-
const
|
|
16
|
+
const handler = setTimeout(() => {
|
|
17
17
|
setDebouncedValue(value);
|
|
18
18
|
}, delay);
|
|
19
19
|
return () => {
|
|
20
|
-
clearTimeout(
|
|
20
|
+
clearTimeout(handler);
|
|
21
21
|
};
|
|
22
22
|
}, [value, delay]);
|
|
23
23
|
return debouncedValue;
|
package/src/hooks.ts
CHANGED
|
@@ -18,12 +18,12 @@ export const useDebounce = <T>(value: T, delay: number): T => {
|
|
|
18
18
|
const [debouncedValue, setDebouncedValue] = React.useState(value);
|
|
19
19
|
|
|
20
20
|
React.useEffect(() => {
|
|
21
|
-
const
|
|
21
|
+
const handler = setTimeout(() => {
|
|
22
22
|
setDebouncedValue(value);
|
|
23
23
|
}, delay);
|
|
24
24
|
|
|
25
25
|
return () => {
|
|
26
|
-
clearTimeout(
|
|
26
|
+
clearTimeout(handler);
|
|
27
27
|
};
|
|
28
28
|
}, [value, delay]);
|
|
29
29
|
|
package/src/index.js
CHANGED
|
@@ -32,7 +32,7 @@ export { Table, TableRow, TableCell } from "./components/Table";
|
|
|
32
32
|
export { SwipeableItem, SwipeableItemButton, SwipeableList, } from "./components/SwipeableItem";
|
|
33
33
|
export { default as AudioPlayer, } from "./components/MediaPlayer/AudioPlayer";
|
|
34
34
|
export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
35
|
-
export {
|
|
35
|
+
export { default as Picker } from "./components/Picker/Picker";
|
|
36
36
|
export { default as Slider } from "./components/Slider";
|
|
37
37
|
export { default as Stepper } from "./components/Stepper";
|
|
38
38
|
export { SectionList, SectionHeader } from "./components/SectionList";
|
package/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,cAAc,GACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,OAAO,IAAI,WAAW,GAEvB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"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"}
|
package/src/index.tsx
CHANGED
|
@@ -47,7 +47,7 @@ export {
|
|
|
47
47
|
AudioPlayerRef,
|
|
48
48
|
} from "./components/MediaPlayer/AudioPlayer";
|
|
49
49
|
export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
50
|
-
export {
|
|
50
|
+
export { default as Picker } from "./components/Picker/Picker";
|
|
51
51
|
export { default as Slider } from "./components/Slider";
|
|
52
52
|
export { default as Stepper } from "./components/Stepper";
|
|
53
53
|
export { SectionList, SectionHeader } from "./components/SectionList";
|
package/src/utilities.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StyleSheet } from "react-native";
|
|
3
|
-
import { isString, isNumber, pick, pickBy, identity
|
|
3
|
+
import { isString, isNumber, pick, pickBy, identity } from "lodash";
|
|
4
4
|
export function extractStyles(style) {
|
|
5
5
|
const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
|
|
6
6
|
const textStyles = {
|
|
@@ -177,25 +177,4 @@ export function flattenReactFragments(components) {
|
|
|
177
177
|
}
|
|
178
178
|
return flattened;
|
|
179
179
|
}
|
|
180
|
-
function useDeepCompareMemoize(value) {
|
|
181
|
-
const ref = React.useRef();
|
|
182
|
-
if (!isEqual(value, ref.current)) {
|
|
183
|
-
ref.current = value;
|
|
184
|
-
}
|
|
185
|
-
return ref.current;
|
|
186
|
-
}
|
|
187
|
-
/**
|
|
188
|
-
* useMemo counterpart that does a deep compare on the dependency list
|
|
189
|
-
*/
|
|
190
|
-
export function useDeepCompareMemo(factory, deps) {
|
|
191
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
192
|
-
return React.useMemo(factory, deps === null || deps === void 0 ? void 0 : deps.map(useDeepCompareMemoize));
|
|
193
|
-
}
|
|
194
|
-
/**
|
|
195
|
-
* useMemo counterpart that does a deep compare on the dependency list
|
|
196
|
-
*/
|
|
197
|
-
export function useDeepCompareEffect(effect, deps) {
|
|
198
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
199
|
-
return React.useEffect(effect, deps === null || deps === void 0 ? void 0 : deps.map(useDeepCompareMemoize));
|
|
200
|
-
}
|
|
201
180
|
//# sourceMappingURL=utilities.js.map
|
package/src/utilities.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.js","sourceRoot":"","sources":["utilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"utilities.js","sourceRoot":"","sources":["utilities.ts"],"names":[],"mappings":"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"}
|
package/src/utilities.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { StyleSheet, StyleProp, TextStyle } from "react-native";
|
|
3
|
-
import { isString, isNumber, pick, pickBy, identity
|
|
3
|
+
import { isString, isNumber, pick, pickBy, identity } from "lodash";
|
|
4
4
|
|
|
5
5
|
export function extractStyles(style: StyleProp<any>) {
|
|
6
6
|
const {
|
|
@@ -261,35 +261,3 @@ export function flattenReactFragments(
|
|
|
261
261
|
|
|
262
262
|
return flattened;
|
|
263
263
|
}
|
|
264
|
-
|
|
265
|
-
function useDeepCompareMemoize(value: any) {
|
|
266
|
-
const ref = React.useRef();
|
|
267
|
-
|
|
268
|
-
if (!isEqual(value, ref.current)) {
|
|
269
|
-
ref.current = value;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
return ref.current;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
/**
|
|
276
|
-
* useMemo counterpart that does a deep compare on the dependency list
|
|
277
|
-
*/
|
|
278
|
-
export function useDeepCompareMemo<T>(
|
|
279
|
-
factory: () => T,
|
|
280
|
-
deps: React.DependencyList | undefined
|
|
281
|
-
): T {
|
|
282
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
283
|
-
return React.useMemo(factory, deps?.map(useDeepCompareMemoize));
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
/**
|
|
287
|
-
* useMemo counterpart that does a deep compare on the dependency list
|
|
288
|
-
*/
|
|
289
|
-
export function useDeepCompareEffect(
|
|
290
|
-
effect: React.EffectCallback,
|
|
291
|
-
deps: React.DependencyList | undefined
|
|
292
|
-
) {
|
|
293
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
294
|
-
return React.useEffect(effect, deps?.map(useDeepCompareMemoize));
|
|
295
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _picker=require("@react-native-picker/picker");var _Portal=_interopRequireDefault(require("../Portal/Portal"));var _Button=require("../Button");var _utilities=require("../../utilities");var _PickerCommon=require("./PickerCommon");var _PickerInputContainer=_interopRequireDefault(require("./PickerInputContainer"));var _theming=require("../../theming");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["options","onValueChange","Icon","placeholder","value","autoDismissKeyboard","theme","disabled"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/NativePicker.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var isIos=_reactNative.Platform.OS==="ios";var isWeb=_reactNative.Platform.OS==="web";var NativePicker=function NativePicker(_ref){var _ref$options=_ref.options,optionsProp=_ref$options===void 0?[]:_ref$options,_onValueChange=_ref.onValueChange,Icon=_ref.Icon,placeholder=_ref.placeholder,value=_ref.value,_ref$autoDismissKeybo=_ref.autoDismissKeyboard,autoDismissKeyboard=_ref$autoDismissKeybo===void 0?true:_ref$autoDismissKeybo,theme=_ref.theme,disabled=_ref.disabled,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var pickerRef=React.useRef(null);var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),pickerVisible=_React$useState2[0],setPickerVisible=_React$useState2[1];var options=(0,_utilities.useDeepCompareMemo)(function(){var normalizedOptions=(0,_PickerCommon.normalizeToPickerOptions)(optionsProp);if(placeholder){return[{label:placeholder,value:placeholder}].concat((0,_toConsumableArray2.default)(normalizedOptions));}else{return normalizedOptions;}},[placeholder,optionsProp]);if(!placeholder&&options.length&&!value&&value!==options[0].value){_onValueChange==null?void 0:_onValueChange(options[0].value);}var renderNativePicker=function renderNativePicker(){return(0,_jsxRuntime.jsx)(_picker.Picker,{ref:pickerRef,testID:"native-picker-component",selectedValue:value,onValueChange:function onValueChange(newValue){if(newValue!==placeholder){_onValueChange==null?void 0:_onValueChange(newValue);}else if(newValue===placeholder){_onValueChange==null?void 0:_onValueChange("");}},style:isIos?styles.iosNativePicker:styles.nativePicker,onBlur:function onBlur(){return setPickerVisible(false);},children:options.map(function(option){return(0,_jsxRuntime.jsx)(_picker.Picker.Item,{testID:"native-picker-item",label:option.label.toString(),value:option.value},option.value);})});};var renderPicker=function renderPicker(){if(isIos){return(0,_jsxRuntime.jsx)(_Portal.default,{children:(0,_jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView,{style:styles.iosPickerContent,children:[(0,_jsxRuntime.jsx)(_Button.Button,{Icon:Icon,onPress:function onPress(){return setPickerVisible(!pickerVisible);},style:[styles.iosButton,{color:theme.colors.primary}],title:"Close"}),renderNativePicker()]})});}else{return renderNativePicker();}};React.useEffect(function(){if(pickerVisible&&pickerRef.current){var _pickerRef$current;pickerRef==null?void 0:(_pickerRef$current=pickerRef.current)==null?void 0:_pickerRef$current.focus();}},[pickerVisible,pickerRef]);React.useEffect(function(){if(pickerVisible&&autoDismissKeyboard){_reactNative.Keyboard.dismiss();}},[pickerVisible,autoDismissKeyboard]);return(0,_jsxRuntime.jsx)(_PickerInputContainer.default,Object.assign({testID:"native-picker",Icon:Icon,placeholder:placeholder,selectedValue:value,options:options,onPress:function onPress(){return setPickerVisible(!pickerVisible);},disabled:disabled},rest,{children:(pickerVisible||isWeb)&&!disabled&&renderPicker()}));};var styles=_reactNative.StyleSheet.create({nativePicker:Object.assign({position:"absolute",bottom:0,left:0,right:0,flexDirection:"row",justifyContent:"center",width:"100%",backgroundColor:"white",opacity:0},_reactNative.Platform.select({web:{height:"100%"}})),iosNativePicker:{backgroundColor:"white"},iosPickerContent:{width:"100%",position:"absolute",bottom:0,backgroundColor:"white"},iosButton:{backgroundColor:"transparent",borderWidth:0}});var _default=(0,_theming.withTheme)(NativePicker);exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.normalizeToPickerOptions=normalizeToPickerOptions;var _lodash=require("lodash");function normalizeToPickerOptions(options){if(options.length===0){return[];}var firstOption=options[0];if(typeof firstOption===("string"||"number")){return options.map(function(option){return{label:option,value:option};});}if((0,_lodash.isObject)(firstOption)&&firstOption.value&&firstOption.label){return options.map(function(option){return{label:option.label,value:option.value};});}throw new Error('Picker options must be either an array of strings, numbers, or an array of { "label": string | number; "value": string | number; } objects.');}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _lodash=_interopRequireDefault(require("lodash.omit"));var _utilities=require("../../utilities");var _TextField=_interopRequireDefault(require("../TextField"));var _Touchable=_interopRequireDefault(require("../Touchable"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["options","onPress","Icon","style","selectedValue","disabled","zIndex","children","testID"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/PickerInputContainer.tsx";var PickerInputContainer=function PickerInputContainer(_ref){var _selectedLabel;var _ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,onPress=_ref.onPress,Icon=_ref.Icon,style=_ref.style,selectedValue=_ref.selectedValue,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,zIndex=_ref.zIndex,children=_ref.children,testID=_ref.testID,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var containerStyle=_reactNative.StyleSheet.flatten([(0,_utilities.extractSizeStyles)(style),(0,_utilities.extractPositionStyles)(style),(0,_utilities.extractFlexItemStyles)(style),(0,_utilities.extractBorderAndMarginStyles)(style).marginStyles]);var textFieldStyle=(0,_lodash.default)(_reactNative.StyleSheet.flatten(style),Object.keys(containerStyle));var selectedLabel="";if(Array.isArray(selectedValue)){selectedLabel=selectedValue.map(function(value){var _options$find;return((_options$find=options.find(function(option){return option.value===value;}))==null?void 0:_options$find.label.toString())||value;}).join(", ");}else{var _options$find2;selectedLabel=((_options$find2=options.find(function(option){return option.value===selectedValue;}))==null?void 0:_options$find2.label.toString())||selectedValue;}return(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:testID,style:[containerStyle,{zIndex:zIndex}],children:[(0,_jsxRuntime.jsx)(_TextField.default,Object.assign({Icon:Icon,numberOfLines:1,onChangeText:function onChangeText(){},value:(_selectedLabel=selectedLabel)==null?void 0:_selectedLabel.toString(),editable:false,disabled:disabled,style:textFieldStyle},rest)),(0,_jsxRuntime.jsx)(_Touchable.default,{style:_reactNative.StyleSheet.absoluteFillObject,disabled:disabled,onPress:onPress}),children]});};var _default=PickerInputContainer;exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utilities=require("../../../utilities");var _PickerCommon=require("../PickerCommon");var _PickerInputContainer=_interopRequireDefault(require("../PickerInputContainer"));var _reactNativeDropdownPicker=_interopRequireDefault(require("react-native-dropdown-picker"));var _theming=require("../../../theming");var _PickerItem=_interopRequireDefault(require("./PickerItem"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["theme","options","onValueChange","Icon","placeholder","value","autoDismissKeyboard","selectedIconName","selectedIconColor","selectedIconSize","dropDownBackgroundColor","dropDownBorderColor","dropDownBorderWidth","dropDownBorderRadius","children"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/dropdown/DropDownPicker.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var DropDownPicker=function DropDownPicker(_ref){var theme=_ref.theme,_ref$options=_ref.options,optionsProp=_ref$options===void 0?[]:_ref$options,onValueChange=_ref.onValueChange,Icon=_ref.Icon,placeholder=_ref.placeholder,value=_ref.value,_ref$autoDismissKeybo=_ref.autoDismissKeyboard,autoDismissKeyboard=_ref$autoDismissKeybo===void 0?true:_ref$autoDismissKeybo,_ref$selectedIconName=_ref.selectedIconName,selectedIconName=_ref$selectedIconName===void 0?"Feather/check":_ref$selectedIconName,_ref$selectedIconColo=_ref.selectedIconColor,selectedIconColor=_ref$selectedIconColo===void 0?theme.colors.strong:_ref$selectedIconColo,_ref$selectedIconSize=_ref.selectedIconSize,selectedIconSize=_ref$selectedIconSize===void 0?20:_ref$selectedIconSize,_ref$dropDownBackgrou=_ref.dropDownBackgroundColor,dropDownBackgroundColor=_ref$dropDownBackgrou===void 0?theme.colors.background:_ref$dropDownBackgrou,_ref$dropDownBorderCo=_ref.dropDownBorderColor,dropDownBorderColor=_ref$dropDownBorderCo===void 0?theme.colors.divider:_ref$dropDownBorderCo,_ref$dropDownBorderWi=_ref.dropDownBorderWidth,dropDownBorderWidth=_ref$dropDownBorderWi===void 0?1:_ref$dropDownBorderWi,_ref$dropDownBorderRa=_ref.dropDownBorderRadius,dropDownBorderRadius=_ref$dropDownBorderRa===void 0?8:_ref$dropDownBorderRa,childrenProp=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),pickerVisible=_React$useState2[0],setPickerVisible=_React$useState2[1];var _React$useState3=React.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),internalValue=_React$useState4[0],setInternalValue=_React$useState4[1];var isMultiSelect=Array.isArray(value);var pickerItemProps=React.useMemo(function(){var children=(0,_utilities.flattenReactFragments)(React.Children.toArray(childrenProp));var firstPickerItem=children.find(function(child){return child.type===_PickerItem.default;});return(firstPickerItem==null?void 0:firstPickerItem.props)||{};},[childrenProp]);var _extractStyles=(0,_utilities.extractStyles)(pickerItemProps.style),pickerItemViewStyles=_extractStyles.viewStyles,pickerItemTextStyles=_extractStyles.textStyles;var options=(0,_utilities.useDeepCompareMemo)(function(){return(0,_PickerCommon.normalizeToPickerOptions)(optionsProp).map(function(option){return{label:option.label.toString(),value:option.value};});},[optionsProp]);React.useEffect(function(){onValueChange==null?void 0:onValueChange(isMultiSelect?internalValue!=null?internalValue:[]:internalValue!=null?internalValue:"");},[internalValue]);React.useEffect(function(){if(pickerVisible&&autoDismissKeyboard){_reactNative.Keyboard.dismiss();}},[pickerVisible,autoDismissKeyboard]);return(0,_jsxRuntime.jsx)(_PickerInputContainer.default,Object.assign({testID:"dropdown-picker",Icon:Icon,placeholder:placeholder,selectedValue:value,options:options,onPress:function onPress(){return setPickerVisible(!pickerVisible);},zIndex:pickerVisible?100:undefined},rest,{children:(0,_jsxRuntime.jsx)(_reactNativeDropdownPicker.default,{open:pickerVisible,setOpen:setPickerVisible,value:value||null,setValue:setInternalValue,items:options,placeholder:placeholder,listMode:"SCROLLVIEW",multiple:isMultiSelect,style:{display:"none"},listItemLabelStyle:[{color:theme.colors.strong,fontSize:14},pickerItemTextStyles],selectedItemLabelStyle:[pickerItemProps.selectedTextColor?{color:pickerItemProps.selectedTextColor}:{},pickerItemProps.selectedTextSize?{fontSize:pickerItemProps.selectedTextSize}:{}],listItemContainerStyle:pickerItemViewStyles,selectedItemContainerStyle:pickerItemProps.selectedBackgroundColor?{backgroundColor:pickerItemProps.selectedBackgroundColor}:{},dropDownContainerStyle:{borderColor:dropDownBorderColor,borderWidth:dropDownBorderWidth,borderRadius:dropDownBorderRadius,backgroundColor:dropDownBackgroundColor},TickIconComponent:function TickIconComponent(){return(0,_jsxRuntime.jsx)(Icon,{name:selectedIconName,size:selectedIconSize,color:selectedIconColor});}})}));};var _default=(0,_theming.withTheme)(DropDownPicker);exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _DropDownPicker=_interopRequireDefault(require("./DropDownPicker"));var _theming=require("../../../theming");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["value"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/dropdown/MultiSelectPicker.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var MultiSelectPicker=function MultiSelectPicker(_ref){var value=_ref.value,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);return(0,_jsxRuntime.jsx)(_DropDownPicker.default,Object.assign({value:value||[]},rest));};var _default=(0,_theming.withTheme)(MultiSelectPicker);exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.PickerItem=void 0;var PickerItem=function PickerItem(){return null;};exports.PickerItem=PickerItem;var _default=PickerItem;exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"MultiSelectPicker",{enumerable:true,get:function get(){return _MultiSelectPicker.default;}});exports.Picker=void 0;Object.defineProperty(exports,"PickerItem",{enumerable:true,get:function get(){return _PickerItem.default;}});var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _NativePicker=_interopRequireDefault(require("./NativePicker"));var _DropDownPicker=_interopRequireDefault(require("./dropdown/DropDownPicker"));var _theming=require("../../theming");var _jsxRuntime=require("react/jsx-runtime");var _MultiSelectPicker=_interopRequireDefault(require("./dropdown/MultiSelectPicker"));var _PickerItem=_interopRequireDefault(require("./dropdown/PickerItem"));var _excluded=["mode"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Picker/index.tsx";var SinglePicker=function SinglePicker(_ref){var _ref$mode=_ref.mode,mode=_ref$mode===void 0?"native":_ref$mode,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);switch(mode){case"native":return(0,_jsxRuntime.jsx)(_NativePicker.default,Object.assign({},rest));case"dropdown":return(0,_jsxRuntime.jsx)(_DropDownPicker.default,Object.assign({},rest));}};var Picker=(0,_theming.withTheme)(SinglePicker);exports.Picker=Picker;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { CommonPickerProps, SinglePickerProps } from "./PickerCommon";
|
|
3
|
-
declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<CommonPickerProps & SinglePickerProps, "theme"> & {
|
|
4
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
5
|
-
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<CommonPickerProps & SinglePickerProps> & React.FC<CommonPickerProps & SinglePickerProps>, {}>;
|
|
6
|
-
export default _default;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { StyleSheet, Platform, Keyboard } from "react-native";
|
|
3
|
-
import { SafeAreaView } from "react-native-safe-area-context";
|
|
4
|
-
import { Picker as NativePickerComponent } from "@react-native-picker/picker";
|
|
5
|
-
import Portal from "../Portal/Portal";
|
|
6
|
-
import { Button } from "../Button";
|
|
7
|
-
import { useDeepCompareMemo } from "../../utilities";
|
|
8
|
-
import { normalizeToPickerOptions, } from "./PickerCommon";
|
|
9
|
-
import PickerInputContainer from "./PickerInputContainer";
|
|
10
|
-
import { withTheme } from "../../theming";
|
|
11
|
-
const isIos = Platform.OS === "ios";
|
|
12
|
-
const isWeb = Platform.OS === "web";
|
|
13
|
-
const NativePicker = ({ options: optionsProp = [], onValueChange, Icon, placeholder, value, autoDismissKeyboard = true, theme, disabled, ...rest }) => {
|
|
14
|
-
const pickerRef = React.useRef(null);
|
|
15
|
-
const [pickerVisible, setPickerVisible] = React.useState(false);
|
|
16
|
-
const options = useDeepCompareMemo(() => {
|
|
17
|
-
const normalizedOptions = normalizeToPickerOptions(optionsProp);
|
|
18
|
-
// Underlying Picker component defaults selection to first element when value is not provided (or undefined)
|
|
19
|
-
// Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
|
|
20
|
-
if (placeholder) {
|
|
21
|
-
return [{ label: placeholder, value: placeholder }, ...normalizedOptions];
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
return normalizedOptions;
|
|
25
|
-
}
|
|
26
|
-
}, [placeholder, optionsProp]);
|
|
27
|
-
// When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
|
|
28
|
-
if (!placeholder && options.length && !value && value !== options[0].value) {
|
|
29
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(options[0].value);
|
|
30
|
-
}
|
|
31
|
-
const renderNativePicker = () => (React.createElement(NativePickerComponent, { ref: pickerRef, testID: "native-picker-component", selectedValue: value, onValueChange: (newValue) => {
|
|
32
|
-
if (newValue !== placeholder) {
|
|
33
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
|
|
34
|
-
}
|
|
35
|
-
else if (newValue === placeholder) {
|
|
36
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("");
|
|
37
|
-
}
|
|
38
|
-
}, style: isIos ? styles.iosNativePicker : styles.nativePicker, onBlur: () => setPickerVisible(false) }, options.map((option) => (React.createElement(NativePickerComponent.Item, { testID: "native-picker-item", label: option.label.toString(), value: option.value, key: option.value })))));
|
|
39
|
-
const renderPicker = () => {
|
|
40
|
-
if (isIos) {
|
|
41
|
-
return (React.createElement(Portal, null,
|
|
42
|
-
React.createElement(SafeAreaView, { style: styles.iosPickerContent },
|
|
43
|
-
React.createElement(Button, { Icon: Icon, onPress: () => setPickerVisible(!pickerVisible), style: [styles.iosButton, { color: theme.colors.primary }], title: "Close" }),
|
|
44
|
-
renderNativePicker())));
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
return renderNativePicker();
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
React.useEffect(() => {
|
|
51
|
-
var _a;
|
|
52
|
-
if (pickerVisible && pickerRef.current) {
|
|
53
|
-
(_a = pickerRef === null || pickerRef === void 0 ? void 0 : pickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
54
|
-
}
|
|
55
|
-
}, [pickerVisible, pickerRef]);
|
|
56
|
-
React.useEffect(() => {
|
|
57
|
-
if (pickerVisible && autoDismissKeyboard) {
|
|
58
|
-
Keyboard.dismiss();
|
|
59
|
-
}
|
|
60
|
-
}, [pickerVisible, autoDismissKeyboard]);
|
|
61
|
-
return (React.createElement(PickerInputContainer, { testID: "native-picker", Icon: Icon, placeholder: placeholder, selectedValue: value, options: options, onPress: () => setPickerVisible(!pickerVisible), disabled: disabled, ...rest }, (pickerVisible || isWeb) && !disabled && renderPicker()));
|
|
62
|
-
};
|
|
63
|
-
const styles = StyleSheet.create({
|
|
64
|
-
nativePicker: {
|
|
65
|
-
position: "absolute",
|
|
66
|
-
bottom: 0,
|
|
67
|
-
left: 0,
|
|
68
|
-
right: 0,
|
|
69
|
-
flexDirection: "row",
|
|
70
|
-
justifyContent: "center",
|
|
71
|
-
width: "100%",
|
|
72
|
-
backgroundColor: "white",
|
|
73
|
-
opacity: 0,
|
|
74
|
-
...Platform.select({
|
|
75
|
-
web: {
|
|
76
|
-
height: "100%", //To have the <select/> element fill the height
|
|
77
|
-
},
|
|
78
|
-
}),
|
|
79
|
-
},
|
|
80
|
-
iosNativePicker: {
|
|
81
|
-
backgroundColor: "white",
|
|
82
|
-
},
|
|
83
|
-
iosPickerContent: {
|
|
84
|
-
width: "100%",
|
|
85
|
-
position: "absolute",
|
|
86
|
-
bottom: 0,
|
|
87
|
-
backgroundColor: "white",
|
|
88
|
-
},
|
|
89
|
-
iosButton: {
|
|
90
|
-
backgroundColor: "transparent",
|
|
91
|
-
borderWidth: 0,
|
|
92
|
-
},
|
|
93
|
-
});
|
|
94
|
-
export default withTheme(NativePicker);
|
|
95
|
-
//# sourceMappingURL=NativePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NativePicker.js","sourceRoot":"","sources":["../../../../../src/components/Picker/NativePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
2
|
-
import { IconSlot } from "../../interfaces/Icon";
|
|
3
|
-
import { Theme } from "../../styles/DefaultTheme";
|
|
4
|
-
export interface PickerOption {
|
|
5
|
-
value: string | number;
|
|
6
|
-
label: string | number;
|
|
7
|
-
}
|
|
8
|
-
export interface PickerInputContainerProps extends IconSlot {
|
|
9
|
-
error?: boolean;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
style?: StyleProp<ViewStyle> | TextStyle;
|
|
13
|
-
label?: string;
|
|
14
|
-
assistiveText?: string;
|
|
15
|
-
iconColor?: string;
|
|
16
|
-
iconSize?: number;
|
|
17
|
-
leftIconMode?: "inset" | "outset";
|
|
18
|
-
leftIconName?: string;
|
|
19
|
-
placeholderTextColor?: string;
|
|
20
|
-
rightIconName?: string;
|
|
21
|
-
type?: "solid" | "underline";
|
|
22
|
-
}
|
|
23
|
-
export interface CommonPickerProps extends PickerInputContainerProps {
|
|
24
|
-
options: PickerOption[] | string[] | number[];
|
|
25
|
-
autoDismissKeyboard?: boolean;
|
|
26
|
-
theme: Theme;
|
|
27
|
-
}
|
|
28
|
-
export interface SinglePickerProps {
|
|
29
|
-
value?: string | number;
|
|
30
|
-
onValueChange: (value: string | number) => void;
|
|
31
|
-
}
|
|
32
|
-
export interface MultiSelectPickerProps {
|
|
33
|
-
value?: (string | number)[];
|
|
34
|
-
onValueChange: (value: (string | number)[]) => void;
|
|
35
|
-
}
|
|
36
|
-
export interface CommonDropDownPickerProps extends CommonPickerProps {
|
|
37
|
-
selectedIconName?: string;
|
|
38
|
-
selectedIconColor?: string;
|
|
39
|
-
selectedIconSize?: number;
|
|
40
|
-
dropDownBackgroundColor?: string;
|
|
41
|
-
dropDownBorderColor?: string;
|
|
42
|
-
dropDownBorderWidth?: number;
|
|
43
|
-
dropDownBorderRadius?: number;
|
|
44
|
-
}
|
|
45
|
-
export declare function normalizeToPickerOptions(options: PickerOption[] | string[] | number[]): PickerOption[];
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { isObject } from "lodash";
|
|
2
|
-
export function normalizeToPickerOptions(options) {
|
|
3
|
-
if (options.length === 0) {
|
|
4
|
-
return [];
|
|
5
|
-
}
|
|
6
|
-
const firstOption = options[0];
|
|
7
|
-
if (typeof firstOption === ("string" || "number")) {
|
|
8
|
-
return options.map((option) => ({
|
|
9
|
-
label: option,
|
|
10
|
-
value: option,
|
|
11
|
-
}));
|
|
12
|
-
}
|
|
13
|
-
if (isObject(firstOption) && firstOption.value && firstOption.label) {
|
|
14
|
-
return options.map((option) => {
|
|
15
|
-
return {
|
|
16
|
-
label: option.label,
|
|
17
|
-
value: option.value,
|
|
18
|
-
};
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
throw new Error('Picker options must be either an array of strings, numbers, or an array of { "label": string | number; "value": string | number; } objects.');
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=PickerCommon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerCommon.js","sourceRoot":"","sources":["../../../../../src/components/Picker/PickerCommon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAkDlC,MAAM,UAAU,wBAAwB,CACtC,OAA6C;IAE7C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAE/B,IAAI,OAAO,WAAW,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE;QACjD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,MAAyB;YAChC,KAAK,EAAE,MAAyB;SACjC,CAAC,CAAC,CAAC;KACL;IAED,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE;QACnE,OAAQ,OAA0B,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAChD,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;aACpB,CAAC;QACJ,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,IAAI,KAAK,CACb,6IAA6I,CAC9I,CAAC;AACJ,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { PickerInputContainerProps as ExposedPickerInputContainerProps, PickerOption } from "./PickerCommon";
|
|
3
|
-
interface PickerInputContainerProps extends ExposedPickerInputContainerProps {
|
|
4
|
-
selectedValue?: string | number | (string | number)[];
|
|
5
|
-
options: PickerOption[];
|
|
6
|
-
zIndex?: number;
|
|
7
|
-
onPress?: () => void;
|
|
8
|
-
testID?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const PickerInputContainer: React.FC<React.PropsWithChildren<PickerInputContainerProps>>;
|
|
11
|
-
export default PickerInputContainer;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, StyleSheet } from "react-native";
|
|
3
|
-
import omit from "lodash.omit";
|
|
4
|
-
import { extractSizeStyles, extractPositionStyles, extractFlexItemStyles, extractBorderAndMarginStyles, } from "../../utilities";
|
|
5
|
-
import TextField from "../TextField";
|
|
6
|
-
import Touchable from "../Touchable";
|
|
7
|
-
const PickerInputContainer = ({ options = [], onPress, Icon, style, selectedValue, disabled = false, zIndex, children, testID, ...rest }) => {
|
|
8
|
-
var _a;
|
|
9
|
-
const containerStyle = StyleSheet.flatten([
|
|
10
|
-
extractSizeStyles(style),
|
|
11
|
-
extractPositionStyles(style),
|
|
12
|
-
extractFlexItemStyles(style),
|
|
13
|
-
extractBorderAndMarginStyles(style).marginStyles,
|
|
14
|
-
]);
|
|
15
|
-
const textFieldStyle = omit(StyleSheet.flatten(style), Object.keys(containerStyle));
|
|
16
|
-
let selectedLabel = "";
|
|
17
|
-
if (Array.isArray(selectedValue)) {
|
|
18
|
-
selectedLabel = selectedValue
|
|
19
|
-
.map((value) => {
|
|
20
|
-
var _a;
|
|
21
|
-
return ((_a = options.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label.toString()) ||
|
|
22
|
-
value;
|
|
23
|
-
})
|
|
24
|
-
.join(", ");
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
selectedLabel =
|
|
28
|
-
((_a = options
|
|
29
|
-
.find((option) => option.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label.toString()) || selectedValue;
|
|
30
|
-
}
|
|
31
|
-
return (React.createElement(View, { testID: testID, style: [containerStyle, { zIndex }] },
|
|
32
|
-
React.createElement(TextField, { Icon: Icon, numberOfLines: 1, onChangeText: () => { }, value: selectedLabel === null || selectedLabel === void 0 ? void 0 : selectedLabel.toString(), editable: false, disabled: disabled, style: textFieldStyle, ...rest }),
|
|
33
|
-
React.createElement(Touchable, { style: StyleSheet.absoluteFillObject, disabled: disabled, onPress: onPress }),
|
|
34
|
-
children));
|
|
35
|
-
};
|
|
36
|
-
export default PickerInputContainer;
|
|
37
|
-
//# sourceMappingURL=PickerInputContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerInputContainer.js","sourceRoot":"","sources":["../../../../../src/components/Picker/PickerInputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,SAAS,MAAM,cAAc,CAAC;AAcrC,MAAM,oBAAoB,GAEtB,CAAC,EACH,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,EAAE;;IACH,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC;QACxC,iBAAiB,CAAC,KAAK,CAAC;QACxB,qBAAqB,CAAC,KAAK,CAAC;QAC5B,qBAAqB,CAAC,KAAK,CAAC;QAC5B,4BAA4B,CAAC,KAAK,CAAC,CAAC,YAAY;KACjD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAI,CACzB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EACzB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAC5B,CAAC;IAEF,IAAI,aAAa,GAAgC,EAAE,CAAC;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;QAChC,aAAa,GAAG,aAAa;aAC1B,GAAG,CACF,CAAC,KAAK,EAAE,EAAE;;YACR,OAAA,CAAA,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,0CAAE,KAAK,CAAC,QAAQ,EAAE;gBAClE,KAAK,CAAA;SAAA,CACR;aACA,IAAI,CAAC,IAAI,CAAC,CAAC;KACf;SAAM;QACL,aAAa;YACX,CAAA,MAAA,OAAO;iBACJ,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,0CAC/C,KAAK,CAAC,QAAQ,EAAE,KAAI,aAAa,CAAC;KACzC;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,CAAC;QACvD,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,CAAC,EAChB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EACtB,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAChC,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,cAAc,KACjB,IAAI,GACR;QACF,oBAAC,SAAS,IACR,KAAK,EAAE,UAAU,CAAC,kBAAkB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;QACD,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { CommonDropDownPickerProps, MultiSelectPickerProps, SinglePickerProps } from "../PickerCommon";
|
|
3
|
-
declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>, "theme"> & {
|
|
4
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
5
|
-
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>> & React.FC<React.PropsWithChildren<CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)>>, {}>;
|
|
6
|
-
export default _default;
|