@draftbit/core 48.4.12-f20512.2 → 48.4.12

package/src/components/Picker/PickerInputContainer.tsx

@@ -1,89 +0,0 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import omit from "lodash.omit";
-import {
-  extractSizeStyles,
-  extractPositionStyles,
-  extractFlexItemStyles,
-  extractBorderAndMarginStyles,
-} from "../../utilities";
-import TextField from "../TextField";
-import Touchable from "../Touchable";
-import {
-  PickerInputContainerProps as ExposedPickerInputContainerProps,
-  PickerOption,
-} from "./PickerCommon";
-
-interface PickerInputContainerProps extends ExposedPickerInputContainerProps {
-  selectedValue?: string | number | (string | number)[];
-  options: PickerOption[];
-  zIndex?: number;
-  onPress?: () => void;
-  testID?: string;
-}
-
-const PickerInputContainer: React.FC<
-  React.PropsWithChildren<PickerInputContainerProps>
-> = ({
-  options = [],
-  onPress,
-  Icon,
-  style,
-  selectedValue,
-  disabled = false,
-  zIndex,
-  children,
-  testID,
-  ...rest
-}) => {
-  const containerStyle = StyleSheet.flatten([
-    extractSizeStyles(style),
-    extractPositionStyles(style),
-    extractFlexItemStyles(style),
-    extractBorderAndMarginStyles(style).marginStyles,
-  ]);
-
-  const textFieldStyle = omit(
-    StyleSheet.flatten(style),
-    Object.keys(containerStyle)
-  );
-
-  let selectedLabel: string | number | undefined = "";
-  if (Array.isArray(selectedValue)) {
-    selectedLabel = selectedValue
-      .map(
-        (value) =>
-          options.find((option) => option.value === value)?.label.toString() ||
-          value
-      )
-      .join(", ");
-  } else {
-    selectedLabel =
-      options
-        .find((option) => option.value === selectedValue)
-        ?.label.toString() || selectedValue;
-  }
-
-  return (
-    <View testID={testID} style={[containerStyle, { zIndex }]}>
-      <TextField
-        Icon={Icon}
-        numberOfLines={1}
-        onChangeText={() => {}}
-        value={selectedLabel?.toString()}
-        editable={false}
-        disabled={disabled}
-        style={textFieldStyle}
-        {...rest}
-      />
-      <Touchable
-        style={StyleSheet.absoluteFillObject}
-        disabled={disabled}
-        onPress={onPress}
-      />
-      {children}
-    </View>
-  );
-};
-
-export default PickerInputContainer;

package/src/components/Picker/dropdown/DropDownPicker.js

@@ -1,65 +0,0 @@
-import * as React from "react";
-import { Keyboard } from "react-native";
-import { extractStyles, flattenReactFragments, useDeepCompareMemo, } from "../../../utilities";
-import { normalizeToPickerOptions, } from "../PickerCommon";
-import PickerInputContainer from "../PickerInputContainer";
-import DropDownPickerComponent from "react-native-dropdown-picker";
-import { withTheme } from "../../../theming";
-import PickerItem from "./PickerItem";
-const DropDownPicker = ({ theme, options: optionsProp = [], onValueChange, Icon, placeholder, value, autoDismissKeyboard = true, selectedIconName = "Feather/check", selectedIconColor = theme.colors.strong, selectedIconSize = 20, dropDownBackgroundColor = theme.colors.background, dropDownBorderColor = theme.colors.divider, dropDownBorderWidth = 1, dropDownBorderRadius = 8, children: childrenProp, ...rest }) => {
-    const [pickerVisible, setPickerVisible] = React.useState(false);
-    const [internalValue, setInternalValue] = React.useState();
-    const isMultiSelect = Array.isArray(value);
-    const pickerItemProps = React.useMemo(() => {
-        const children = flattenReactFragments(React.Children.toArray(childrenProp));
-        let firstPickerItem; // Only the props of the first PickerItem are used, any others are ignored
-        for (const child of children) {
-            if (child.type === PickerItem) {
-                firstPickerItem = child;
-            }
-        }
-        return (firstPickerItem === null || firstPickerItem === void 0 ? void 0 : firstPickerItem.props) || {};
-    }, [childrenProp]);
-    const { viewStyles: pickerItemViewStyles, textStyles: pickerItemTextStyles } = extractStyles(pickerItemProps.style);
-    const options = useDeepCompareMemo(() => normalizeToPickerOptions(optionsProp).map((option) => ({
-        label: option.label.toString(),
-        value: option.value,
-    })), [optionsProp]);
-    React.useEffect(() => {
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange((isMultiSelect ? internalValue !== null && internalValue !== void 0 ? internalValue : [] : internalValue !== null && internalValue !== void 0 ? internalValue : "") // cannot determine if multiselect or not on compile time
-        );
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [internalValue]);
-    React.useEffect(() => {
-        if (pickerVisible && autoDismissKeyboard) {
-            Keyboard.dismiss();
-        }
-    }, [pickerVisible, autoDismissKeyboard]);
-    return (React.createElement(PickerInputContainer, { testID: "dropdown-picker", Icon: Icon, placeholder: placeholder, selectedValue: value, options: options, onPress: () => setPickerVisible(!pickerVisible), zIndex: pickerVisible ? 100 : undefined, ...rest },
-        React.createElement(DropDownPickerComponent, { 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: () => (React.createElement(Icon, { name: selectedIconName, size: selectedIconSize, color: selectedIconColor })) })));
-};
-export default withTheme(DropDownPicker);
-//# sourceMappingURL=DropDownPicker.js.map

package/src/components/Picker/dropdown/DropDownPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropDownPicker.js","sourceRoot":"","sources":["DropDownPicker.tsx"],"names":[],"mappings":"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"}

package/src/components/Picker/dropdown/DropDownPicker.tsx

@@ -1,151 +0,0 @@
-import * as React from "react";
-import { Keyboard } from "react-native";
-import {
-  extractStyles,
-  flattenReactFragments,
-  useDeepCompareMemo,
-} from "../../../utilities";
-import {
-  CommonDropDownPickerProps,
-  MultiSelectPickerProps,
-  SinglePickerProps,
-  normalizeToPickerOptions,
-} from "../PickerCommon";
-import PickerInputContainer from "../PickerInputContainer";
-import DropDownPickerComponent from "react-native-dropdown-picker";
-import { withTheme } from "../../../theming";
-import PickerItem, { PickerItemProps } from "./PickerItem";
-
-const DropDownPicker: React.FC<
-  React.PropsWithChildren<
-    CommonDropDownPickerProps & (SinglePickerProps | MultiSelectPickerProps)
-  >
-> = ({
-  theme,
-  options: optionsProp = [],
-  onValueChange,
-  Icon,
-  placeholder,
-  value,
-  autoDismissKeyboard = true,
-  selectedIconName = "Feather/check",
-  selectedIconColor = theme.colors.strong,
-  selectedIconSize = 20,
-  dropDownBackgroundColor = theme.colors.background,
-  dropDownBorderColor = theme.colors.divider,
-  dropDownBorderWidth = 1,
-  dropDownBorderRadius = 8,
-  children: childrenProp,
-  ...rest
-}) => {
-  const [pickerVisible, setPickerVisible] = React.useState(false);
-  const [internalValue, setInternalValue] = React.useState<
-    string | number | (string | number)[]
-  >();
-
-  const isMultiSelect = Array.isArray(value);
-
-  const pickerItemProps: PickerItemProps = React.useMemo(() => {
-    const children = flattenReactFragments(
-      React.Children.toArray(childrenProp) as React.ReactElement[]
-    );
-
-    let firstPickerItem; // Only the props of the first PickerItem are used, any others are ignored
-    for (const child of children) {
-      if (child.type === PickerItem) {
-        firstPickerItem = child;
-      }
-    }
-
-    return firstPickerItem?.props || {};
-  }, [childrenProp]);
-
-  const { viewStyles: pickerItemViewStyles, textStyles: pickerItemTextStyles } =
-    extractStyles(pickerItemProps.style);
-
-  const options = useDeepCompareMemo(
-    () =>
-      normalizeToPickerOptions(optionsProp).map((option) => ({
-        label: option.label.toString(),
-        value: option.value,
-      })),
-    [optionsProp]
-  );
-
-  React.useEffect(() => {
-    onValueChange?.(
-      (isMultiSelect ? internalValue ?? [] : internalValue ?? "") as any // cannot determine if multiselect or not on compile time
-    );
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [internalValue]);
-
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
-
-  return (
-    <PickerInputContainer
-      testID="dropdown-picker"
-      Icon={Icon}
-      placeholder={placeholder}
-      selectedValue={value}
-      options={options}
-      onPress={() => setPickerVisible(!pickerVisible)}
-      zIndex={pickerVisible ? 100 : undefined} // Guarantees drop down is rendered above all sibling components
-      {...rest}
-    >
-      <DropDownPickerComponent
-        open={pickerVisible}
-        setOpen={setPickerVisible}
-        value={(value || null) as any}
-        setValue={setInternalValue}
-        items={options}
-        placeholder={placeholder}
-        listMode="SCROLLVIEW"
-        multiple={isMultiSelect}
-        style={{ display: "none" }} // To not render the default input container
-        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={() => (
-          <Icon
-            name={selectedIconName}
-            size={selectedIconSize}
-            color={selectedIconColor}
-          />
-        )}
-      />
-    </PickerInputContainer>
-  );
-};
-
-export default withTheme(DropDownPicker);

package/src/components/Picker/dropdown/MultiSelectPicker.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import DropDownPicker from "./DropDownPicker";
-import { withTheme } from "../../../theming";
-const MultiSelectPicker = ({ value, ...rest }) => {
-    //@ts-ignore Ignore theme type issues
-    return React.createElement(DropDownPicker, { value: value || [], ...rest });
-};
-export default withTheme(MultiSelectPicker);
-//# sourceMappingURL=MultiSelectPicker.js.map

package/src/components/Picker/dropdown/MultiSelectPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectPicker.js","sourceRoot":"","sources":["MultiSelectPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,iBAAiB,GAEnB,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzB,qCAAqC;IACrC,OAAO,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,KAAM,IAAI,GAAI,CAAC;AAC1D,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,iBAAiB,CAAC,CAAC"}

package/src/components/Picker/dropdown/MultiSelectPicker.tsx

@@ -1,16 +0,0 @@
-import * as React from "react";
-import {
-  CommonDropDownPickerProps,
-  MultiSelectPickerProps,
-} from "../PickerCommon";
-import DropDownPicker from "./DropDownPicker";
-import { withTheme } from "../../../theming";
-
-const MultiSelectPicker: React.FC<
-  React.PropsWithChildren<CommonDropDownPickerProps & MultiSelectPickerProps>
-> = ({ value, ...rest }) => {
-  //@ts-ignore Ignore theme type issues
-  return <DropDownPicker value={value || []} {...rest} />;
-};
-
-export default withTheme(MultiSelectPicker);

package/src/components/Picker/dropdown/PickerItem.js

@@ -1,9 +0,0 @@
-/**
- * Renders nothing, only serves as a container for the props
- * Prop values are used by the DropDownPicker
- */
-export const PickerItem = () => {
-    return null;
-};
-export default PickerItem;
-//# sourceMappingURL=PickerItem.js.map

package/src/components/Picker/dropdown/PickerItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerItem.js","sourceRoot":"","sources":["PickerItem.tsx"],"names":[],"mappings":"AAUA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,EAAE;IACxD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/src/components/Picker/dropdown/PickerItem.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-
-export interface PickerItemProps {
-  selectedTextSize?: number;
-  selectedTextColor?: string;
-  selectedBackgroundColor?: string;
-  style?: StyleProp<ViewStyle | TextStyle>;
-}
-
-/**
- * Renders nothing, only serves as a container for the props
- * Prop values are used by the DropDownPicker
- */
-export const PickerItem: React.FC<PickerItemProps> = () => {
-  return null;
-};
-
-export default PickerItem;

package/src/components/Picker/index.js

@@ -1,18 +0,0 @@
-import React from "react";
-import NativePicker from "./NativePicker";
-import DropDownPicker from "./dropdown/DropDownPicker";
-import { withTheme } from "../../theming";
-const SinglePicker = ({ mode = "native", ...rest }) => {
-    switch (mode) {
-        case "native":
-            //@ts-ignore Ignore theme type issues
-            return React.createElement(NativePicker, { ...rest });
-        case "dropdown":
-            //@ts-ignore
-            return React.createElement(DropDownPicker, { ...rest });
-    }
-};
-export const Picker = withTheme(SinglePicker);
-export { default as MultiSelectPicker } from "./dropdown/MultiSelectPicker";
-export { default as PickerItem } from "./dropdown/PickerItem";
-//# sourceMappingURL=index.js.map

package/src/components/Picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,MAAM,YAAY,GAAmD,CAAC,EACpE,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,qCAAqC;YACrC,OAAO,oBAAC,YAAY,OAAK,IAAI,GAAI,CAAC;QACpC,KAAK,UAAU;YACb,YAAY;YACZ,OAAO,oBAAC,cAAc,OAAK,IAAI,GAAI,CAAC;KACvC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/src/components/Picker/index.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { CommonDropDownPickerProps, SinglePickerProps } from "./PickerCommon";
-import NativePicker from "./NativePicker";
-import DropDownPicker from "./dropdown/DropDownPicker";
-import { withTheme } from "../../theming";
-
-interface PickerProps extends CommonDropDownPickerProps, SinglePickerProps {
-  mode?: "native" | "dropdown";
-}
-
-const SinglePicker: React.FC<React.PropsWithChildren<PickerProps>> = ({
-  mode = "native",
-  ...rest
-}) => {
-  switch (mode) {
-    case "native":
-      //@ts-ignore Ignore theme type issues
-      return <NativePicker {...rest} />;
-    case "dropdown":
-      //@ts-ignore
-      return <DropDownPicker {...rest} />;
-  }
-};
-
-export const Picker = withTheme(SinglePicker);
-export { default as MultiSelectPicker } from "./dropdown/MultiSelectPicker";
-export { default as PickerItem } from "./dropdown/PickerItem";