@draftbit/core 44.1.14 → 44.2.0

package/lib/module/mappings/Picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Picker.ts"],"names":["COMPONENT_TYPES","Triggers","GROUPS","FORM_TYPES","PROP_TYPES","FIELD_NAME","createIconSizeProp","createColorProp","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","triggers","props","type","iconSize","iconColor","layout"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  Triggers,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  createIconSizeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    group: GROUPS.data,\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: true,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder\",\n    description: \"The placeholder text of the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Select an option\",\n    editable: true,\n    required: false,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  assistiveText: {\n    group: GROUPS.basic,\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  options: {\n    group: GROUPS.data,\n    label: \"Options\",\n    description:\n      \"Array of picker options. An array of objects containing a label and value.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.array,\n    propType: PROP_TYPES.OBJECT,\n    options: [],\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  error: {\n    group: GROUPS.data,\n    label: \"Error\",\n    description: \"Whether the picker should display the error state\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  leftIconName: {\n    group: GROUPS.basic,\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconMode: {\n    group: GROUPS.basic,\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n  },\n  rightIconName: {\n    group: GROUPS.basic,\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"pickerValue\",\n    handlerPropName: \"onValueChange\",\n  },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Picker\",\n    tag: \"Picker\",\n    description: \"A component used to pick a value from a set of options\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Picker.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Picker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ label: \"Icon Color\" }),\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["Picker.ts"],"names":["COMPONENT_TYPES","Triggers","GROUPS","FORM_TYPES","PROP_TYPES","FIELD_NAME","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","triggers","props","type","layout"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  Triggers,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    group: GROUPS.data,\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: true,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder\",\n    description: \"The placeholder text of the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Select an option\",\n    editable: true,\n    required: false,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  assistiveText: {\n    group: GROUPS.basic,\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  options: {\n    group: GROUPS.data,\n    label: \"Options\",\n    description:\n      \"Array of picker options. An array of objects containing a label and value.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.array,\n    propType: PROP_TYPES.OBJECT,\n    options: [],\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  error: {\n    group: GROUPS.data,\n    label: \"Error\",\n    description: \"Whether the picker should display the error state\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  leftIconName: {\n    group: GROUPS.basic,\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconMode: {\n    group: GROUPS.basic,\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n  },\n  rightIconName: {\n    group: GROUPS.basic,\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"pickerValue\",\n    handlerPropName: \"onValueChange\",\n  },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Picker\",\n    tag: \"Picker\",\n    description: \"A component used to pick a value from a set of options\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Picker.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Picker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n    layout: {},\n  },\n];\n"]}

package/lib/module/utilities.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { isString, isNumber, pick, pickBy, identity } from "lodash";
+import { isString, isNumber } from "lodash";
 export function extractStyles(style) {
   const {
     color,
@@ -33,17 +33,6 @@ export function extractStyles(style) {
     textStyles
   };
 }
-export const borderStyleNames = ["borderRadius", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth"];
-export const marginStyleNames = ["margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical"];
-export function extractBorderAndMarginStyles(style, additionalBorderStyles, additionalMarginStyles) {
-  const flatStyle = StyleSheet.flatten(style || {});
-  const borderStyles = pickBy(pick(flatStyle, [...borderStyleNames, ...(additionalBorderStyles ? additionalBorderStyles : [])]), identity);
-  const marginStyles = pickBy(pick(flatStyle, [...marginStyleNames, ...(additionalMarginStyles ? additionalMarginStyles : [])]), identity);
-  return {
-    borderStyles,
-    marginStyles
-  };
-}
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles

package/lib/module/utilities.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utilities.ts"],"names":["StyleSheet","isString","isNumber","pick","pickBy","identity","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","borderStyleNames","marginStyleNames","extractBorderAndMarginStyles","additionalBorderStyles","additionalMarginStyles","flatStyle","borderStyles","marginStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"mappings":"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","sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\nimport { isString, isNumber, pick, pickBy, identity } from \"lodash\";\n\nexport function extractStyles(style: StyleProp<any>) {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...viewStyles\n  } = StyleSheet.flatten(style || {});\n\n  const textStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  return { viewStyles, textStyles };\n}\n\nexport const borderStyleNames = [\n  \"borderRadius\",\n  \"borderBottomColor\",\n  \"borderBottomEndRadius\",\n  \"borderBottomLeftRadius\",\n  \"borderBottomRightRadius\",\n  \"borderBottomStartRadius\",\n  \"borderBottomWidth\",\n  \"borderColor\",\n  \"borderEndColor\",\n  \"borderLeftColor\",\n  \"borderLeftWidth\",\n  \"borderRadius\",\n  \"borderRightColor\",\n  \"borderRightWidth\",\n  \"borderStartColor\",\n  \"borderStyle\",\n  \"borderTopColor\",\n  \"borderTopEndRadius\",\n  \"borderTopLeftRadius\",\n  \"borderTopRightRadius\",\n  \"borderTopStartRadius\",\n  \"borderTopWidth\",\n  \"borderWidth\",\n];\n\nexport const marginStyleNames = [\n  \"margin\",\n  \"marginBottom\",\n  \"marginEnd\",\n  \"marginHorizontal\",\n  \"marginLeft\",\n  \"marginRight\",\n  \"marginStart\",\n  \"marginTop\",\n  \"marginVertical\",\n];\n\nexport function extractBorderAndMarginStyles(\n  style: StyleProp<any>,\n  additionalBorderStyles?: string[],\n  additionalMarginStyles?: string[]\n) {\n  const flatStyle = StyleSheet.flatten(style || {});\n\n  const borderStyles = pickBy(\n    pick(flatStyle, [\n      ...borderStyleNames,\n      ...(additionalBorderStyles ? additionalBorderStyles : []),\n    ]),\n    identity\n  );\n\n  const marginStyles = pickBy(\n    pick(flatStyle, [\n      ...marginStyleNames,\n      ...(additionalMarginStyles ? additionalMarginStyles : []),\n    ]),\n    identity\n  );\n\n  return { borderStyles, marginStyles };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n  baseStyles: Array<StyleProp<any>>,\n  stylesToApply: StyleProp<any> | undefined\n) {\n  if (!stylesToApply) {\n    return;\n  }\n\n  const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n  for (const [key, value] of Object.entries(stylesToApply)) {\n    if (value != null) {\n      flattenedStyles[key] = value;\n    }\n  }\n\n  return flattenedStyles;\n}\n\nexport function getValueForRadioButton(value: string | number) {\n  if (isString(value)) {\n    return value;\n  } else if (isNumber(value)) {\n    return String(value);\n  } else {\n    throw new Error(`Invalid value: ${value}`);\n  }\n}\n"]}
+{"version":3,"sources":["utilities.ts"],"names":["StyleSheet","isString","isNumber","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"mappings":"AAAA,SAASA,UAAT,QAAiD,cAAjD;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,QAAnC;AAEA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAA8C;AACnD,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,aAPI;AAQJC,IAAAA,SARI;AASJC,IAAAA,kBATI;AAUJC,IAAAA,mBAVI;AAWJC,IAAAA,mBAXI;AAYJ,OAAGC;AAZC,MAaFhB,UAAU,CAACiB,OAAX,CAAmBb,KAAK,IAAI,EAA5B,CAbJ;AAeA,QAAMc,UAAqB,GAAG;AAC5Bb,IAAAA,KAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,UAH4B;AAI5BC,IAAAA,QAJ4B;AAK5BC,IAAAA,UAL4B;AAM5BC,IAAAA,aAN4B;AAO5BC,IAAAA,aAP4B;AAQ5BC,IAAAA,SAR4B;AAS5BC,IAAAA,kBAT4B;AAU5BC,IAAAA,mBAV4B;AAW5BC,IAAAA;AAX4B,GAA9B;AAcA,SAAO;AAAEC,IAAAA,UAAF;AAAcE,IAAAA;AAAd,GAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CACLC,UADK,EAELC,aAFK,EAGL;AACA,MAAI,CAACA,aAAL,EAAoB;AAClB;AACD;;AAED,QAAMC,eAAe,GAAGtB,UAAU,CAACiB,OAAX,CAAmBG,UAAnB,CAAxB;;AAEA,OAAK,MAAM,CAACG,GAAD,EAAMC,KAAN,CAAX,IAA2BC,MAAM,CAACC,OAAP,CAAeL,aAAf,CAA3B,EAA0D;AACxD,QAAIG,KAAK,IAAI,IAAb,EAAmB;AACjBF,MAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBC,KAAvB;AACD;AACF;;AAED,SAAOF,eAAP;AACD;AAED,OAAO,SAASK,sBAAT,CAAgCH,KAAhC,EAAwD;AAC7D,MAAIvB,QAAQ,CAACuB,KAAD,CAAZ,EAAqB;AACnB,WAAOA,KAAP;AACD,GAFD,MAEO,IAAItB,QAAQ,CAACsB,KAAD,CAAZ,EAAqB;AAC1B,WAAOI,MAAM,CAACJ,KAAD,CAAb;AACD,GAFM,MAEA;AACL,UAAM,IAAIK,KAAJ,CAAW,kBAAiBL,KAAM,EAAlC,CAAN;AACD;AACF","sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\nimport { isString, isNumber } from \"lodash\";\n\nexport function extractStyles(style: StyleProp<any>) {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...viewStyles\n  } = StyleSheet.flatten(style || {});\n\n  const textStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  return { viewStyles, textStyles };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n  baseStyles: Array<StyleProp<any>>,\n  stylesToApply: StyleProp<any> | undefined\n) {\n  if (!stylesToApply) {\n    return;\n  }\n\n  const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n  for (const [key, value] of Object.entries(stylesToApply)) {\n    if (value != null) {\n      flattenedStyles[key] = value;\n    }\n  }\n\n  return flattenedStyles;\n}\n\nexport function getValueForRadioButton(value: string | number) {\n  if (isString(value)) {\n    return value;\n  } else if (isNumber(value)) {\n    return String(value);\n  } else {\n    throw new Error(`Invalid value: ${value}`);\n  }\n}\n"]}

package/lib/typescript/src/components/Picker/Picker.d.ts

@@ -1,35 +1,11 @@
 import * as React from "react";
-import { ViewStyle, StyleProp } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
-import type { IconSlot } from "../../interfaces/Icon";
-export interface PickerOption {
-    value: string;
-    label: string;
-}
-export declare type PickerProps = {
-    error?: any;
+import { PickerComponentProps, PickerOption } from "./PickerTypes";
+declare type Props = PickerComponentProps & {
     placeholder?: string;
-    disabled?: boolean;
-    style?: StyleProp<ViewStyle> & {
-        height?: number;
-    };
     value?: string;
     options: PickerOption[] | string[];
-    onValueChange: (value: string, index: number) => void;
-    defaultValue?: string;
-    assistiveText?: string;
-    label?: string;
-    iconColor?: string;
-    iconSize?: number;
-    leftIconMode?: "inset" | "outset";
-    leftIconName?: string;
-    placeholderTextColor?: string;
-    rightIconName?: string;
-    type?: "solid" | "underline";
-    theme: Theme;
-    Icon: IconSlot["Icon"];
 };
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerProps, "theme"> & {
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerProps> & React.FC<PickerProps>, {}>;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & React.FC<Props>, {}>;
 export default _default;

package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts

@@ -1,13 +1,6 @@
 import * as React from "react";
-import type { IconSlot } from "../../interfaces/Icon";
-import { PickerOption } from "./Picker";
-interface PickerComponentProps {
-    Icon: IconSlot["Icon"];
-    androidPickerRef: React.RefObject<any>;
-    togglePickerVisible: () => void;
-    pickerOptions: PickerOption[];
-    internalValue: string | undefined;
-    handleValueChange: (newValue: string, itemIndex: number) => void;
-}
-export declare const PickerComponent: React.FC<PickerComponentProps>;
-export {};
+import { PickerComponentProps } from "./PickerTypes";
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerComponentProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerComponentProps> & React.FC<PickerComponentProps>, {}>;
+export default _default;

package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts

@@ -1,13 +1,7 @@
 import * as React from "react";
+import { PickerComponentProps } from "./PickerTypes";
 import type { IconSlot } from "../../interfaces/Icon";
-import { PickerOption } from "./Picker";
-interface PickerComponentProps {
-    Icon: IconSlot["Icon"];
-    androidPickerRef: React.RefObject<any>;
-    togglePickerVisible: () => void;
-    pickerOptions: PickerOption[];
-    internalValue: string | undefined;
-    handleValueChange: (newValue: string, itemIndex: number) => void;
-}
-export declare const PickerComponent: React.FC<PickerComponentProps>;
-export {};
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerComponentProps & IconSlot, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerComponentProps & IconSlot> & React.FC<PickerComponentProps & IconSlot>, {}>;
+export default _default;

package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts

@@ -1,13 +1,6 @@
 import * as React from "react";
-import type { IconSlot } from "../../interfaces/Icon";
-import { PickerOption } from "./Picker";
-interface PickerComponentProps {
-    Icon: IconSlot["Icon"];
-    androidPickerRef: React.RefObject<any>;
-    togglePickerVisible: () => void;
-    pickerOptions: PickerOption[];
-    internalValue: string | undefined;
-    handleValueChange: (newValue: string, itemIndex: number) => void;
-}
-export declare const PickerComponent: React.FC<PickerComponentProps>;
-export {};
+import { PickerComponentProps } from "./PickerTypes";
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerComponentProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerComponentProps> & React.FC<PickerComponentProps>, {}>;
+export default _default;

package/lib/typescript/src/components/Picker/PickerTypes.d.ts

@@ -0,0 +1,18 @@
+import { ViewStyle } from "react-native";
+import { StyleProp } from "react-native";
+import { Props as TextFieldProps } from "../TextField";
+export interface PickerOption {
+    value: string;
+    label: string;
+}
+export interface PickerComponentProps extends TextFieldProps {
+    style?: StyleProp<ViewStyle> & {
+        height?: number;
+    };
+    options: PickerOption[];
+    placeholder?: string;
+    selectedValue: string;
+    disabled?: boolean;
+    onValueChange?: (value: string, index: number) => void;
+    defaultValue?: string;
+}

package/lib/typescript/src/mappings/Picker.d.ts

@@ -18,27 +18,6 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
-        iconSize: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: number;
-            options: number[];
-        };
-        iconColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
         label: {
             group: string;
             label: string;

package/lib/typescript/src/utilities.d.ts

@@ -1,15 +1,8 @@
-/// <reference types="lodash" />
 import { StyleProp, TextStyle } from "react-native";
 export declare function extractStyles(style: StyleProp<any>): {
     viewStyles: any;
     textStyles: TextStyle;
 };
-export declare const borderStyleNames: string[];
-export declare const marginStyleNames: string[];
-export declare function extractBorderAndMarginStyles(style: StyleProp<any>, additionalBorderStyles?: string[], additionalMarginStyles?: string[]): {
-    borderStyles: import("lodash").Dictionary<any>;
-    marginStyles: import("lodash").Dictionary<any>;
-};
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "44.1.14",
+  "version": "44.2.0",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "5d730f7f97002f5c0bdd0ad810d44422b3176900"
+  "gitHead": "9af2da0c63f291d4707dcd340e2ca03f7cf8e0b1"
 }

package/src/Provider.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ThemeProvider } from "./theming";
+import PortalHost from "./components/Portal/PortalHost";
+export default class Provider extends React.Component {
+    render() {
+        return (React.createElement(PortalHost, null,
+            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
+    }
+}

package/src/components/Accordion/AccordionGroup.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, } from "react-native";
+import Text from "../Text";
+import { withTheme } from "../../theming";
+import { extractStyles } from "../../utilities";
+const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
+    const [expanded, setExpanded] = React.useState(expandedProp);
+    const { textStyles, viewStyles } = extractStyles(style);
+    const expandedColor = openColor || theme.colors.primary;
+    const collapsedColor = closedColor || theme.colors.primary;
+    const labelColor = expanded ? expandedColor : collapsedColor;
+    const caretColor = caretColorProp || labelColor;
+    const handlePressAction = () => {
+        setExpanded(!expanded);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
+            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
+            React.createElement(View, { style: styles.content },
+                React.createElement(Text, { selectable: false, style: [
+                        textStyles,
+                        {
+                            color: labelColor,
+                        },
+                    ] }, label)),
+            React.createElement(Icon, { name: expanded
+                    ? "MaterialIcons/keyboard-arrow-up"
+                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
+        expanded ? children : null));
+};
+const styles = StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    icon: {
+        marginRight: 8,
+    },
+});
+export default withTheme(AccordionGroup);

package/src/components/Accordion/AccordionItem.js

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { Pressable, StyleSheet, View, } from "react-native";
+import Text from "../Text";
+import { extractStyles } from "../../utilities";
+import { withTheme } from "../../theming";
+const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
+        React.createElement(View, { style: styles.row },
+            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
+            React.createElement(View, { style: [styles.item, styles.content] },
+                React.createElement(Text, { selectable: false, style: textStyles }, label)))));
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 8,
+    },
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingLeft: 8,
+    },
+    item: {
+        marginVertical: 6,
+        paddingLeft: 8,
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export default withTheme(AccordionItem);

package/src/components/Accordion/index.js

@@ -0,0 +1,2 @@
+export { default as AccordionGroup } from "./AccordionGroup";
+export { default as AccordionItem } from "./AccordionItem";

package/src/components/ActionSheet/ActionSheet.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import ActionSheetCancel from "./ActionSheetCancel";
+const ActionSheet = ({ visible = false, onClose, children }) => {
+    return visible ? (React.createElement(Portal, null,
+        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
+            React.createElement(View, { style: styles.overlay }),
+            React.createElement(View, { style: styles.groupWrapper },
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child?.type !== ActionSheetCancel)),
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+    },
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "#000000",
+        opacity: 0.3,
+    },
+    groupWrapper: {
+        flex: 1,
+        flexDirection: "column",
+        justifyContent: "flex-end",
+        display: "flex",
+        marginBottom: 25,
+    },
+    group: {
+        display: "flex",
+        flexDirection: "column",
+        borderRadius: 10,
+        marginHorizontal: 7,
+        marginVertical: 2.5,
+        overflow: "hidden",
+    },
+});
+export default ActionSheet;

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -0,0 +1,6 @@
+import React from "react";
+import ActionSheetItem from "./ActionSheetItem";
+const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
+    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
+};
+export default ActionSheetCancel;

package/src/components/ActionSheet/ActionSheetItem.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Text, StyleSheet, TouchableOpacity, } from "react-native";
+import { extractStyles } from "../../utilities";
+const ActionSheetItem = ({ label, style, color, onPress }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
+        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: "#CCCCCC",
+        backgroundColor: "#F1F1F1",
+        minHeight: 50,
+        overflow: "hidden",
+        display: "flex",
+        justifyContent: "center",
+    },
+    label: {
+        fontSize: 16,
+        textAlign: "center",
+        color: "#0A84FF",
+        fontWeight: "500",
+        overflow: "hidden",
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        alignSelf: "center",
+    },
+});
+export default ActionSheetItem;

package/src/components/ActionSheet/index.js

@@ -0,0 +1,3 @@
+export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";

package/src/components/AnimatedCircularProgress.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { Animated, Easing, } from "react-native";
+import CircularProgress from "./CircularProgress";
+const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
+const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
+    const [fillAnimation] = React.useState(new Animated.Value(prefill));
+    const animate = React.useCallback((toVal = -1, dur, ease) => {
+        const toValue = toVal >= 0 ? toVal : fill;
+        const dura = dur || duration;
+        const eas = ease || easing;
+        const useNative = useNativeDriver;
+        const anim = Animated.timing(fillAnimation, {
+            useNativeDriver: useNative,
+            toValue,
+            easing: eas,
+            duration: dura,
+        });
+        anim.start(onAnimationComplete);
+        return anim;
+    }, [
+        duration,
+        easing,
+        fill,
+        useNativeDriver,
+        fillAnimation,
+        onAnimationComplete,
+    ]);
+    const animateColor = () => {
+        if (!tintColorSecondary) {
+            return tintColor;
+        }
+        const tintAnimation = fillAnimation.interpolate({
+            inputRange: [0, 100],
+            outputRange: [tintColor, tintColorSecondary],
+        });
+        return tintAnimation;
+    };
+    React.useEffect(() => {
+        animate();
+    }, [fill, animate]);
+    return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
+};
+export default AnimatedCircularProgress;

package/src/components/AspectRatio.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { View, StyleSheet, } from "react-native";
+const AspectRatio = (props) => {
+    const [layout, setLayout] = React.useState(null);
+    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
+    const style = [inputStyle, { aspectRatio }];
+    if (layout) {
+        const { width = 0, height = 0 } = layout;
+        if (width === 0) {
+            style.push({ width: height * (1 / aspectRatio), height });
+        }
+        else {
+            style.push({ width, height: width * (1 / aspectRatio) });
+        }
+    }
+    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
+};
+export default AspectRatio;

package/src/components/AvatarEdit.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { View } from "react-native";
+import Touchable from "./Touchable";
+import CircleImage from "./CircleImage";
+import { withTheme } from "../theming";
+const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
+    const colorStyles = {
+        editBackgroundColor: theme.colors.primary,
+        editIconColor: theme.colors.surface,
+        editBorderColor: theme.colors.surface,
+    };
+    const dimensions = {
+        width: size,
+        height: size,
+    };
+    return (React.createElement(View, { style: [style, dimensions], ...rest },
+        React.createElement(Touchable, { onPress: onPress },
+            React.createElement(CircleImage, { source: image, size: size }),
+            React.createElement(View, { style: {
+                    position: "absolute",
+                    top: -3,
+                    right: -3,
+                    borderColor: colorStyles.editBorderColor,
+                    backgroundColor: colorStyles.editBackgroundColor,
+                    borderRadius: size * (3 / 16),
+                    padding: size * (3 / 32),
+                } },
+                React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
+};
+export default withTheme(AvatarEdit);