@draftbit/core 44.1.7 → 44.1.9-222859.1

package/lib/commonjs/components/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.tsx"],"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}
+{"version":3,"sources":["Stepper.js"],"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","React","createElement","View","flexDirection","IconButton","icon","onPress","size","color","disabled","opacity","Text","body1","textAlign","alignSelf","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { View, Text } from \"react-native\";\nimport { isNumber } from \"lodash\";\nimport { withTheme } from \"../theming\";\nimport IconButton from \"./IconButton\";\nconst Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, typeStyle, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {\n    const [value, setValue] = useState(defaultValue ?? 0);\n    const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;\n    const handlePlusOrMinus = (type) => {\n        const newValue = type === \"plus\" ? value + 1 : value - 1;\n        if (isValidValue(newValue)) {\n            setValue(newValue);\n            onChange?.(newValue);\n        }\n    };\n    useEffect(() => {\n        if (valueProp != null &&\n            isNumber(valueProp) &&\n            valueProp !== value &&\n            isValidValue(valueProp)) {\n            setValue(valueProp);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [valueProp]);\n    return (React.createElement(View, { style: [{ flexDirection: \"row\" }, style] },\n        React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/remove\", onPress: () => handlePlusOrMinus(\"minus\"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),\n        React.createElement(Text, { style: [\n                typography.body1,\n                {\n                    textAlign: \"center\",\n                    alignSelf: \"center\",\n                    color: colors.medium,\n                    marginHorizontal: 8,\n                },\n                typeStyle,\n            ] }, value),\n        React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/add\", onPress: () => handlePlusOrMinus(\"plus\"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));\n};\nexport default withTheme(Stepper);\n"]}

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["hooks.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,KAArB,EAAiC;AACtC;AACA;AACA,QAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ,CAHsC,CAKtC;;;AACAD,iBAAME,SAAN,CAAgB,MAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;;AACA,SAAOC,GAAG,CAACI,OAAX;AACD","sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}
+{"version":3,"sources":["hooks.js"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;AACO,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AAC/B;AACA;AACA,QAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ,CAH+B,CAI/B;;;AACAD,iBAAME,SAAN,CAAgB,MAAM;AAClBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACH,GAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;;AACA,SAAOC,GAAG,CAACI,OAAX;AACH","sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"]}

package/lib/commonjs/mappings/MapCallout.js

@@ -13,6 +13,7 @@ const SEED_DATA = {
   packageName: "@draftbit/maps",
   description: "An info window to display on top of a marker when it is clicked",
   category: _types.COMPONENT_TYPES.media,
+  triggers: [_types.Triggers.OnPress],
   layout: {},
   props: {
     onPress: (0, _types.createActionProp)({

package/lib/commonjs/mappings/MapCallout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MapCallout.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","onPress","showTooltip","label","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EACT,iEALqB;AAMvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KANH;AAOvBC,EAAAA,MAAM,EAAE,EAPe;AAQvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6BAAiB;AACxBN,MAAAA,WAAW,EAAE;AADW,KAAjB,CADJ;AAILO,IAAAA,WAAW,EAAE,2BAAe;AAC1BC,MAAAA,KAAK,EAAE,cADmB;AAE1BR,MAAAA,WAAW,EACT,8LAHwB;AAI1BS,MAAAA,KAAK,EAAEC,cAAOC,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAf;AAJR;AARgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createBoolProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Callout\",\n  tag: \"MapCallout\",\n  packageName: \"@draftbit/maps\",\n  description:\n    \"An info window to display on top of a marker when it is clicked\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    onPress: createActionProp({\n      description: \"Action to execute when the callout is pressed\",\n    }),\n    showTooltip: createBoolProp({\n      label: \"Show Tooltip\",\n      description:\n        'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["MapCallout.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","triggers","Triggers","OnPress","layout","props","onPress","showTooltip","label","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EACT,iEALqB;AAMvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KANH;AAOvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CAPa;AAQvBC,EAAAA,MAAM,EAAE,EARe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6BAAiB;AACxBT,MAAAA,WAAW,EAAE;AADW,KAAjB,CADJ;AAILU,IAAAA,WAAW,EAAE,2BAAe;AAC1BC,MAAAA,KAAK,EAAE,cADmB;AAE1BX,MAAAA,WAAW,EACT,8LAHwB;AAI1BY,MAAAA,KAAK,EAAEC,cAAOC,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAf;AAJR;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createBoolProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Callout\",\n  tag: \"MapCallout\",\n  packageName: \"@draftbit/maps\",\n  description:\n    \"An info window to display on top of a marker when it is clicked\",\n  category: COMPONENT_TYPES.media,\n  triggers: [Triggers.OnPress],\n  layout: {},\n  props: {\n    onPress: createActionProp({\n      description: \"Action to execute when the callout is pressed\",\n    }),\n    showTooltip: createBoolProp({\n      label: \"Show Tooltip\",\n      description:\n        'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/Picker.js

@@ -135,7 +135,9 @@ const SEED_DATA = [{
       editable: true,
       required: true,
       group: _types.GROUPS.basic
-    }
+    },
+    iconSize: (0, _types.createIconSizeProp)(),
+    iconColor: (0, _types.createColorProp)()
   },
   layout: {}
 }];

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

@@ -1 +1 @@
-{"version":3,"sources":["Picker.ts"],"names":["SEED_DATA_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","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"]}
+{"version":3,"sources":["Picker.ts"],"names":["SEED_DATA_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","iconSize","iconColor","layout"],"mappings":";;;;;;;AAAA;;AAWA,MAAMA,eAAe,GAAG;AACtBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,cAAOC,IADT;AAELH,IAAAA,KAAK,EAAE,OAFF;AAGLI,IAAAA,WAAW,EAAE,yCAHR;AAILC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,IAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,IAAAA,YAAY,EAAE,IANT;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,QAAQ,EAAE;AARL,GADe;AAWtBC,EAAAA,WAAW,EAAE;AACXb,IAAAA,KAAK,EAAEC,cAAOa,KADH;AAEXf,IAAAA,KAAK,EAAE,aAFI;AAGXI,IAAAA,WAAW,EAAE,oCAHF;AAIXC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJV;AAKXC,IAAAA,QAAQ,EAAEC,kBAAWC,MALV;AAMXC,IAAAA,YAAY,EAAE,kBANH;AAOXC,IAAAA,QAAQ,EAAE,IAPC;AAQXC,IAAAA,QAAQ,EAAE;AARC,GAXS;AAqBtBG,EAAAA,oBAAoB,EAAE;AACpBf,IAAAA,KAAK,EAAEC,cAAOa,KADM;AAEpBf,IAAAA,KAAK,EAAE,wBAFa;AAGpBI,IAAAA,WAAW,EAAE,oCAHO;AAIpBQ,IAAAA,QAAQ,EAAE,IAJU;AAKpBC,IAAAA,QAAQ,EAAE,KALU;AAMpBF,IAAAA,YAAY,EAAE,IANM;AAOpBN,IAAAA,QAAQ,EAAEC,kBAAWW,KAPD;AAQpBT,IAAAA,QAAQ,EAAEC,kBAAWC;AARD,GArBA;AA+BtBQ,EAAAA,aAAa,EAAE;AACbjB,IAAAA,KAAK,EAAEC,cAAOa,KADD;AAEbf,IAAAA,KAAK,EAAE,gBAFM;AAGbI,IAAAA,WAAW,EAAE,yCAHA;AAIbC,IAAAA,QAAQ,EAAEC,kBAAWC,MAJR;AAKbC,IAAAA,QAAQ,EAAEC,kBAAWC,MALR;AAMbC,IAAAA,YAAY,EAAE,IAND;AAObC,IAAAA,QAAQ,EAAE,IAPG;AAQbC,IAAAA,QAAQ,EAAE;AARG,GA/BO;AAyCtBM,EAAAA,OAAO,EAAE;AACPlB,IAAAA,KAAK,EAAEC,cAAOC,IADP;AAEPH,IAAAA,KAAK,EAAE,SAFA;AAGPI,IAAAA,WAAW,EACT,4EAJK;AAKPQ,IAAAA,QAAQ,EAAE,IALH;AAMPC,IAAAA,QAAQ,EAAE,KANH;AAOPR,IAAAA,QAAQ,EAAEC,kBAAWc,KAPd;AAQPZ,IAAAA,QAAQ,EAAEC,kBAAWY,MARd;AASPF,IAAAA,OAAO,EAAE,EATF;AAUPR,IAAAA,YAAY,EAAE;AAVP,GAzCa;AAqDtBW,EAAAA,QAAQ,EAAE;AACRrB,IAAAA,KAAK,EAAEC,cAAOa,KADN;AAERf,IAAAA,KAAK,EAAE,UAFC;AAGRI,IAAAA,WAAW,EACT,4FAJM;AAKRC,IAAAA,QAAQ,EAAEC,kBAAWiB,OALb;AAMRf,IAAAA,QAAQ,EAAEC,kBAAWe,OANb;AAORb,IAAAA,YAAY,EAAE,KAPN;AAQRC,IAAAA,QAAQ,EAAE,IARF;AASRC,IAAAA,QAAQ,EAAE;AATF,GArDY;AAgEtBY,EAAAA,KAAK,EAAE;AACLxB,IAAAA,KAAK,EAAEC,cAAOC,IADT;AAELH,IAAAA,KAAK,EAAE,OAFF;AAGLI,IAAAA,WAAW,EAAE,mDAHR;AAILC,IAAAA,QAAQ,EAAEC,kBAAWiB,OAJhB;AAKLf,IAAAA,QAAQ,EAAEC,kBAAWe,OALhB;AAMLb,IAAAA,YAAY,EAAE,KANT;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,QAAQ,EAAE;AARL,GAhEe;AA0EtBa,EAAAA,YAAY,EAAE;AACZzB,IAAAA,KAAK,EAAEC,cAAOa,KADF;AAEZf,IAAAA,KAAK,EAAE,gBAFK;AAGZI,IAAAA,WAAW,EAAE,iCAHD;AAIZC,IAAAA,QAAQ,EAAEC,kBAAWqB,IAJT;AAKZnB,IAAAA,QAAQ,EAAEC,kBAAWmB,KALT;AAMZjB,IAAAA,YAAY,EAAE,IANF;AAOZC,IAAAA,QAAQ,EAAE,IAPE;AAQZC,IAAAA,QAAQ,EAAE;AARE,GA1EQ;AAoFtBgB,EAAAA,YAAY,EAAE;AACZ5B,IAAAA,KAAK,EAAEC,cAAOa,KADF;AAEZf,IAAAA,KAAK,EAAE,gBAFK;AAGZI,IAAAA,WAAW,EACT,mEAJU;AAKZC,IAAAA,QAAQ,EAAEC,kBAAWwB,SALT;AAMZtB,IAAAA,QAAQ,EAAEC,kBAAWC,MANT;AAOZC,IAAAA,YAAY,EAAE,OAPF;AAQZQ,IAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,CARG;AASZP,IAAAA,QAAQ,EAAE,IATE;AAUZC,IAAAA,QAAQ,EAAE;AAVE,GApFQ;AAgGtBkB,EAAAA,aAAa,EAAE;AACb9B,IAAAA,KAAK,EAAEC,cAAOa,KADD;AAEbf,IAAAA,KAAK,EAAE,iBAFM;AAGbI,IAAAA,WAAW,EAAE,kCAHA;AAIbC,IAAAA,QAAQ,EAAEC,kBAAWqB,IAJR;AAKbnB,IAAAA,QAAQ,EAAEC,kBAAWmB,KALR;AAMbjB,IAAAA,YAAY,EAAE,IAND;AAObC,IAAAA,QAAQ,EAAE,IAPG;AAQbC,IAAAA,QAAQ,EAAE;AARG,GAhGO;AA0GtBmB,EAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETtB,IAAAA,YAAY,EAAE,aAFL;AAGTuB,IAAAA,eAAe,EAAE;AAHR;AA1GW,CAAxB;AAiHA,MAAMC,kBAAkB,GAAG,CAACC,gBAASC,aAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,GAAG,EAAE,QAFP;AAGEpC,EAAAA,WAAW,EAAE,wDAHf;AAIEqC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,6BALrB;AAMEC,EAAAA,oBAAoB,EAAE,KANxB;AAOEC,EAAAA,QAAQ,EAAEX,kBAPZ;AAQEY,EAAAA,KAAK,EAAE,EACL,GAAGhD,eADE;AAELiD,IAAAA,IAAI,EAAE;AACJhD,MAAAA,KAAK,EAAE,YADH;AAEJI,MAAAA,WAAW,EAAE,gBAFT;AAGJC,MAAAA,QAAQ,EAAEC,kBAAWwB,SAHjB;AAIJtB,MAAAA,QAAQ,EAAEC,kBAAWC,MAJjB;AAKJC,MAAAA,YAAY,EAAE,OALV;AAMJQ,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,WAAV,CANL;AAOJP,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE,IARN;AASJZ,MAAAA,KAAK,EAAEC,cAAOa;AATV,KAFD;AAaLkC,IAAAA,QAAQ,EAAE,gCAbL;AAcLC,IAAAA,SAAS,EAAE;AAdN,GART;AAwBEC,EAAAA,MAAM,EAAE;AAxBV,CADuB,CAAlB","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(),\n      iconColor: createColorProp(),\n    },\n    layout: {},\n  },\n];\n"]}

package/lib/commonjs/mappings/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScrollView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","horizontal","label","defaultValue","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBA,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,iCAAqB;AAC/BC,MAAAA,KAAK,EAAE,YADwB;AAE/BN,MAAAA,WAAW,EAAE,+BAFkB;AAG/BO,MAAAA,YAAY,EAAE;AAHiB,KAArB,CADP;AAMLC,IAAAA,8BAA8B,EAAE,iCAAqB;AACnDF,MAAAA,KAAK,EAAE,kCAD4C;AAEnDN,MAAAA,WAAW,EACT,4EAHiD;AAInDO,MAAAA,YAAY,EAAE;AAJqC,KAArB,CAN3B;AAYLE,IAAAA,4BAA4B,EAAE,iCAAqB;AACjDH,MAAAA,KAAK,EAAE,gCAD0C;AAEjDN,MAAAA,WAAW,EACT,0EAH+C;AAIjDO,MAAAA,YAAY,EAAE;AAJmC,KAArB,CAZzB;AAkBLG,IAAAA,OAAO,EAAE,iCAAqB;AAC5BJ,MAAAA,KAAK,EAAE,QADqB;AAE5BN,MAAAA,WAAW,EACT,iKAH0B;AAI5BO,MAAAA,YAAY,EAAE;AAJc,KAArB;AAlBJ;AANgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Scroll View\",\n  tag: \"ScrollView\",\n  description: \"A basic ScrollView component\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render your list horizontally\",\n      defaultValue: false,\n    }),\n    showsHorizontalScrollIndicator: createStaticBoolProp({\n      label: \"Show Horizontal Scroll Indicator\",\n      description:\n        \"When true, shows a horizontal scroll indicator. The default value is true.\",\n      defaultValue: false,\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Show Vertical Scroll Indicator\",\n      description:\n        \"When true, shows a vertical scroll indicator. The default value is true.\",\n      defaultValue: true,\n    }),\n    bounces: createStaticBoolProp({\n      label: \"Bounce\",\n      description:\n        \"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["ScrollView.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","horizontal","label","defaultValue","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,8BAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBA,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,UAAU,EAAE,iCAAqB;AAC7BC,MAAAA,KAAK,EAAE,YADsB;AAE7BN,MAAAA,WAAW,EAAE,+BAFgB;AAG7BO,MAAAA,YAAY,EAAE;AAHe,KAArB,CADT;AAMHC,IAAAA,8BAA8B,EAAE,iCAAqB;AACjDF,MAAAA,KAAK,EAAE,kCAD0C;AAEjDN,MAAAA,WAAW,EAAE,4EAFoC;AAGjDO,MAAAA,YAAY,EAAE;AAHmC,KAArB,CAN7B;AAWHE,IAAAA,4BAA4B,EAAE,iCAAqB;AAC/CH,MAAAA,KAAK,EAAE,gCADwC;AAE/CN,MAAAA,WAAW,EAAE,0EAFkC;AAG/CO,MAAAA,YAAY,EAAE;AAHiC,KAArB,CAX3B;AAgBHG,IAAAA,OAAO,EAAE,iCAAqB;AAC1BJ,MAAAA,KAAK,EAAE,QADmB;AAE1BN,MAAAA,WAAW,EAAE,iKAFa;AAG1BO,MAAAA,YAAY,EAAE;AAHY,KAArB;AAhBN;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Scroll View\",\n    tag: \"ScrollView\",\n    description: \"A basic ScrollView component\",\n    category: COMPONENT_TYPES.layout,\n    layout: {},\n    props: {\n        horizontal: createStaticBoolProp({\n            label: \"Horizontal\",\n            description: \"Render your list horizontally\",\n            defaultValue: false,\n        }),\n        showsHorizontalScrollIndicator: createStaticBoolProp({\n            label: \"Show Horizontal Scroll Indicator\",\n            description: \"When true, shows a horizontal scroll indicator. The default value is true.\",\n            defaultValue: false,\n        }),\n        showsVerticalScrollIndicator: createStaticBoolProp({\n            label: \"Show Vertical Scroll Indicator\",\n            description: \"When true, shows a vertical scroll indicator. The default value is true.\",\n            defaultValue: true,\n        }),\n        bounces: createStaticBoolProp({\n            label: \"Bounce\",\n            description: \"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.\",\n            defaultValue: true,\n        }),\n    },\n};\n"]}

package/lib/commonjs/mappings/WebView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BAAiB;AACvBC,MAAAA,YAAY,EAAE;AADS,KAAjB,CADH;AAILC,IAAAA,iBAAiB,EAAE,iCAAqB;AACtCD,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCV,MAAAA,WAAW,EACT;AAJoC,KAArB;AAJd;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createSourceProp,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n    optimizeVideoChat: createStaticBoolProp({\n      defaultValue: false,\n      label: \"Optimize Video Chat\",\n      description:\n        \"Allows for a better experience from web hosted video chat services\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["WebView.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,UADe;AAErBC,EAAAA,GAAG,EAAE,SAFgB;AAGrBC,EAAAA,WAAW,EAAE,kCAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE,6BAAiB;AACrBC,MAAAA,YAAY,EAAE;AADO,KAAjB,CADL;AAIHC,IAAAA,iBAAiB,EAAE,iCAAqB;AACpCD,MAAAA,YAAY,EAAE,KADsB;AAEpCE,MAAAA,KAAK,EAAE,qBAF6B;AAGpCV,MAAAA,WAAW,EAAE;AAHuB,KAArB;AAJhB;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Web View\",\n    tag: \"WebView\",\n    description: \"Render web content inside a view\",\n    category: COMPONENT_TYPES.media,\n    layout: { flex: 1 },\n    props: {\n        source: createSourceProp({\n            defaultValue: \"https://reactnative.dev\",\n        }),\n        optimizeVideoChat: createStaticBoolProp({\n            defaultValue: false,\n            label: \"Optimize Video Chat\",\n            description: \"Allows for a better experience from web hosted video chat services\",\n        }),\n    },\n};\n"]}

package/lib/module/components/HeaderLarge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HeaderLarge.js"],"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","createElement","titleTypeStyle","headline4","titleColor","strong"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,WAAW,GAAG,QAAmG;AAAA,MAAlG;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,UAAf;AAA2BC,IAAAA,IAA3B;AAAiCC,IAAAA,OAAO,GAAG,MAAM,CAAG,CAApD;AAAsDC,IAAAA,KAAtD;AAA6DC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAApE,GAAkG;AACnH,sBAAQZ,KAAK,CAACa,aAAN,CAAoBX,MAApB,EAA4B;AAAEE,IAAAA,IAAI,EAAEA,IAAR;AAAcU,IAAAA,cAAc,EAAEF,UAAU,CAACG,SAAzC;AAAoDC,IAAAA,UAAU,EAAEL,MAAM,CAACM,MAAvE;AAA+EZ,IAAAA,KAAK,EAAEA,KAAtF;AAA6FC,IAAAA,UAAU,EAAEA,UAAzG;AAAqHC,IAAAA,IAAI,EAAEA,IAA3H;AAAiIC,IAAAA,OAAO,EAAEA,OAA1I;AAAmJC,IAAAA,KAAK,EAAEA;AAA1J,GAA5B,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACE,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Header from \"./Header\";\nconst HeaderLarge = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline4, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderLarge);\n"]}
+{"version":3,"sources":["HeaderLarge.tsx"],"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,WAA4B,GAAG,QAQ/B;AAAA,MARgC;AACpCC,IAAAA,IADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,UAHoC;AAIpCC,IAAAA,IAJoC;AAKpCC,IAAAA,OAAO,GAAG,MAAM,CAAE,CALkB;AAMpCC,IAAAA,KANoC;AAOpCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAP6B,GAQhC;AACJ,sBACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAER,IADR;AAEE,IAAA,cAAc,EAAEQ,UAAU,CAACC,SAF7B;AAGE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAHrB;AAIE,IAAA,KAAK,EAAET,KAJT;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,OAAO,EAAEC,OAPX;AAQE,IAAA,KAAK,EAAEC;AART,IADF;AAYD,CArBD;;AAuBA,eAAeR,SAAS,CAACE,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<Props> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline4}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderLarge);\n"]}

package/lib/module/components/Picker/Picker.js

@@ -1,26 +1,30 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
-import { withTheme } from "../../theming"; //@ts-ignore
-
-import PickerComponent from "./PickerComponent"; //unable to find file due to using .android/.web/.ios
+import { View, StyleSheet, Text, Platform, Dimensions } from "react-native";
+import { omit, pick, pickBy, identity } from "lodash";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Picker as NativePicker } from "@react-native-picker/picker";
+import { withTheme } from "../../theming";
+import Portal from "../Portal/Portal";
+import Button from "../DeprecatedButton";
+import Touchable from "../Touchable";
+import { extractStyles } from "../../utilities";
 
 function normalizeOptions(options) {
   if (options.length === 0) {
     return [];
   }
 
-  if (typeof options[0] === "string") {
+  if (typeof options[0] === ("string" || "number")) {
     return options.map(option => ({
-      label: option,
+      label: String(option),
       value: String(option)
     }));
   }
 
-  if (options[0].label && options[0].value) {
+  if (typeof options[0] === "object" && options[0].value !== null && options[0].label !== null) {
     return options.map(option => {
       return {
-        label: option.label,
+        label: String(option.label),
         value: String(option.value)
       };
     });
@@ -29,16 +33,36 @@ function normalizeOptions(options) {
   throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
 }
 
+const unstyledColor = "rgba(165, 173, 183, 1)";
+const disabledColor = "rgb(240, 240, 240)";
+const errorColor = "rgba(255, 69, 100, 1)";
+
 const Picker = _ref => {
+  var _find$label, _find, _stylesWithoutBorders;
+
   let {
+    error,
     options = [],
+    onValueChange,
+    defaultValue,
+    Icon,
+    style,
     placeholder,
-    onValueChange: onValueChangeOverride,
     value,
-    defaultValue,
-    ...props
+    disabled = false,
+    theme,
+    assistiveText,
+    label,
+    iconColor = unstyledColor,
+    iconSize = 24,
+    leftIconMode = "inset",
+    leftIconName,
+    placeholderTextColor = unstyledColor,
+    rightIconName,
+    type = "solid"
   } = _ref;
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+  const [pickerVisible, togglePickerVisible] = React.useReducer(state => !state, false);
   React.useEffect(() => {
     if (value != null) {
       setInternalValue(value);
@@ -49,34 +73,222 @@ const Picker = _ref => {
       setInternalValue(defaultValue);
     }
   }, [defaultValue]);
-  const onValueChange = React.useCallback((itemValue, itemIndex) => {
-    if (placeholder && itemIndex === 0) {
-      return;
-    }
-
-    onValueChangeOverride && onValueChangeOverride(String(itemValue), itemIndex);
-  }, [placeholder, onValueChangeOverride]);
   const normalizedOptions = normalizeOptions(options);
   const pickerOptions = placeholder ? [{
     value: placeholder,
     label: placeholder
   }, ...normalizedOptions] : normalizedOptions;
+  const {
+    viewStyles,
+    textStyles
+  } = extractStyles(style);
+  const {
+    colors
+  } = theme;
+  const borders = ["borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderColor", "borderStyle", "backgroundColor"];
+  const borderStyles = { ...{ ...(type === "solid" ? {
+        borderTopLeftRadius: 5,
+        borderTopRightRadius: 5,
+        borderBottomRightRadius: 5,
+        borderBottomLeftRadius: 5,
+        borderTopWidth: 1,
+        borderRightWidth: 1,
+        borderLeftWidth: 1
+      } : {}),
+      borderBottomWidth: 1,
+      borderColor: unstyledColor,
+      borderStyle: "solid"
+    },
+    ...pick(viewStyles, borders),
+    ...(error ? {
+      borderColor: errorColor
+    } : {}),
+    ...(disabled ? {
+      borderColor: "transparent",
+      backgroundColor: disabledColor
+    } : {})
+  };
+  const margins = ["marginLeft", "marginRight", "marginTop", "marginBottom"];
+  const marginStyles = pick(viewStyles, margins);
+  const maxHeight = viewStyles !== null && viewStyles !== void 0 && viewStyles.maxHeight && viewStyles.maxHeight !== "100%" ? viewStyles.maxHeight : Dimensions.get("window").height;
+  const stylesWithoutBordersAndMargins = { ...{
+      height: 60,
+      width: "100%"
+    },
+    ...omit(viewStyles, [...borders, ...margins]),
+    ...{
+      maxHeight
+    }
+  };
+  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
+  const labelText = label ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign: textStyles.textAlign,
+      color: unstyledColor,
+      fontSize: 12,
+      paddingBottom: 4
+    }
+  }, label) : null;
+  const leftIconOutset = leftIconMode === "outset";
+  const leftIcon = leftIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: leftIconName,
+    color: disabled ? unstyledColor : iconColor,
+    size: iconSize,
+    style: {
+      marginRight: 4,
+      marginLeft: 4
+    }
+  }) : null;
+  const rightIcon = rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: rightIconName,
+    color: disabled ? unstyledColor : iconColor,
+    size: iconSize,
+    style: {
+      marginRight: -10,
+      marginLeft: 8
+    }
+  }) : null;
+  const width = (_stylesWithoutBorders = stylesWithoutBordersAndMargins === null || stylesWithoutBordersAndMargins === void 0 ? void 0 : stylesWithoutBordersAndMargins.width) !== null && _stylesWithoutBorders !== void 0 ? _stylesWithoutBorders : undefined;
+  const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
+  const paddingLeft = leftIconOutset && (!textAlign || textAlign === "left" || textAlign === "justify") ? iconSize + 4 : 0;
+  const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign,
+      width,
+      paddingLeft,
+      color: unstyledColor,
+      fontSize: 12,
+      paddingTop: 4
+    }
+  }, assistiveText) : null;
+  const primaryTextStyle = {
+    color: unstyledColor,
+    fontSize: 14,
+    ...pickBy(textStyles, identity),
+    ...(placeholder === internalValue ? {
+      color: placeholderTextColor
+    } : {}),
+    ...(disabled ? {
+      color: unstyledColor
+    } : {})
+  };
 
   const handleValueChange = (newValue, itemIndex) => {
-    setInternalValue(newValue);
-
-    if (onValueChange) {
-      onValueChange(newValue, itemIndex);
+    if (!placeholder || itemIndex > 0) {
+      onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
     }
+
+    setInternalValue(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(PickerComponent, _extends({}, props, {
-    selectedValue: String(internalValue),
-    placeholder: placeholder,
-    options: pickerOptions,
-    onValueChange: handleValueChange
-  }));
+  return (
+    /*#__PURE__*/
+
+    /* marginsContainer */
+    React.createElement(View, {
+      style: [styles.marginsContainer, marginStyles]
+    }, /*#__PURE__*/React.createElement(Touchable, {
+      disabled: disabled,
+      onPress: togglePickerVisible,
+      style: styles.touchableContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      pointerEvents: "none",
+      style: [styles.outsetContainer, stylesWithoutBordersAndMargins, // @ts-expect-error ... rejects border-related { key: undefined }
+      !leftIconOutset && borderStyles // set border if Icon is inset
+      ]
+    }, leftIcon, /*#__PURE__*/React.createElement(View, {
+      style: [styles.insetContainer, // @ts-expect-error ... rejects border-related { key: undefined }
+      leftIconOutset && borderStyles // set border if Icon is outset
+      ]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.primaryTextContainer
+    }, labelText, /*#__PURE__*/React.createElement(Text, {
+      style: primaryTextStyle
+    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), Platform.OS === "ios" && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+      style: [styles.iosPicker, {
+        backgroundColor: colors.divider
+      }]
+    }, /*#__PURE__*/React.createElement(SafeAreaView, {
+      style: styles.iosSafeArea
+    }, /*#__PURE__*/React.createElement(Button, {
+      Icon: Icon,
+      type: "text",
+      onPress: togglePickerVisible,
+      style: styles.iosButton
+    }, "Close"), /*#__PURE__*/React.createElement(NativePicker, {
+      style: styles.iosNativePicker,
+      selectedValue: internalValue,
+      onValueChange: handleValueChange
+    }, pickerOptions.map(option => /*#__PURE__*/React.createElement(NativePicker.Item, {
+      label: option.label,
+      value: option.value,
+      key: option.value
+    })))))) : null, Platform.OS !== "ios" ? /*#__PURE__*/React.createElement(NativePicker, {
+      enabled: !disabled,
+      selectedValue: internalValue,
+      onValueChange: handleValueChange,
+      style: styles.nonIosPicker
+    }, pickerOptions.map(option => /*#__PURE__*/React.createElement(NativePicker.Item, {
+      label: option.label,
+      value: option.value,
+      key: option.value
+    }))) : null)
+  );
 };
 
 export default withTheme(Picker);
+const styles = StyleSheet.create({
+  marginsContainer: {
+    alignSelf: "stretch"
+  },
+  touchableContainer: {
+    alignSelf: "stretch",
+    alignItems: "center"
+  },
+  outsetContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  insetContainer: {
+    flex: 1,
+    height: "100%",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingLeft: 12,
+    paddingRight: 12
+  },
+  primaryTextContainer: {
+    flex: 1
+  },
+  iosPicker: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  iosSafeArea: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    width: "100%"
+  },
+  iosButton: {
+    alignSelf: "flex-end"
+  },
+  iosNativePicker: {
+    backgroundColor: "white"
+  },
+  nonIosPicker: {
+    opacity: 0,
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: "100%"
+  }
+});
 //# sourceMappingURL=Picker.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["React","withTheme","PickerComponent","normalizeOptions","options","length","map","option","label","value","String","Error","Picker","placeholder","onValueChange","onValueChangeOverride","defaultValue","props","internalValue","setInternalValue","useState","useEffect","useCallback","itemValue","itemIndex","normalizedOptions","pickerOptions","handleValueChange","newValue"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../../theming\";\n//@ts-ignore\nimport PickerComponent from \"./PickerComponent\"; //unable to find file due to using .android/.web/.ios\nimport { PickerComponentProps, PickerOption } from \"./PickerTypes\";\n\ntype Props = PickerComponentProps & {\n  placeholder?: string;\n  value?: string;\n  options: PickerOption[] | string[];\n};\n\nfunction normalizeOptions(options: Props[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === \"string\") {\n    return (options as string[]).map((option) => ({\n      label: option,\n      value: String(option),\n    }));\n  }\n\n  if (options[0].label && options[0].value) {\n    return options.map((option) => {\n      return {\n        label: option.label,\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst Picker: React.FC<Props> = ({\n  options = [],\n  placeholder,\n  onValueChange: onValueChangeOverride,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const onValueChange = React.useCallback(\n    (itemValue: string, itemIndex: number) => {\n      if (placeholder && itemIndex === 0) {\n        return;\n      }\n      onValueChangeOverride &&\n        onValueChangeOverride(String(itemValue), itemIndex);\n    },\n    [placeholder, onValueChangeOverride]\n  );\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    setInternalValue(newValue);\n    if (onValueChange) {\n      onValueChange(newValue, itemIndex);\n    }\n  };\n\n  return (\n    <PickerComponent\n      {...props}\n      selectedValue={String(internalValue)}\n      placeholder={placeholder}\n      options={pickerOptions}\n      onValueChange={handleValueChange}\n    />\n  );\n};\n\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["Picker.tsx"],"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pick","pickBy","identity","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","viewStyles","textStyles","colors","borders","borderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","margins","marginStyles","maxHeight","get","height","stylesWithoutBordersAndMargins","width","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","undefined","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","OS","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","position","bottom","left","right","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Text,\n  Platform,\n  ViewStyle,\n  StyleProp,\n  Dimensions,\n} from \"react-native\";\nimport { omit, pick, pickBy, identity } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport type PickerProps = {\n  error?: any;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  value?: string;\n  options: PickerOption[] | string[];\n  onValueChange: (value: string, index: number) => void;\n  defaultValue?: string;\n  assistiveText?: string;\n  label?: string;\n  iconColor?: string;\n  iconSize?: number;\n  leftIconMode?: \"inset\" | \"outset\";\n  leftIconName?: string;\n  placeholderTextColor?: string;\n  rightIconName?: string;\n  type?: \"solid\" | \"underline\";\n  theme: Theme;\n  Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === (\"string\" || \"number\")) {\n    return (options as string[]).map((option) => ({\n      label: String(option),\n      value: String(option),\n    }));\n  }\n\n  if (\n    typeof options[0] === \"object\" &&\n    options[0].value !== null &&\n    options[0].label !== null\n  ) {\n    return (options as PickerOption[]).map((option) => {\n      return {\n        label: String(option.label),\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n  error,\n  options = [],\n  onValueChange,\n  defaultValue,\n  Icon,\n  style,\n  placeholder,\n  value,\n  disabled = false,\n  theme,\n  assistiveText,\n  label,\n  iconColor = unstyledColor,\n  iconSize = 24,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor = unstyledColor,\n  rightIconName,\n  type = \"solid\",\n}) => {\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  const [pickerVisible, togglePickerVisible] = React.useReducer(\n    (state) => !state,\n    false\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const { colors } = theme;\n\n  const borders = [\n    \"borderRadius\",\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomRightRadius\",\n    \"borderBottomLeftRadius\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"borderColor\",\n    \"borderStyle\",\n    \"backgroundColor\",\n  ];\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: unstyledColor,\n      borderStyle: \"solid\",\n    },\n    ...pick(viewStyles, borders),\n    ...(error ? { borderColor: errorColor } : {}),\n    ...(disabled\n      ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n      : {}),\n  };\n\n  const margins = [\"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\n  const marginStyles = pick(viewStyles, margins);\n\n  const maxHeight =\n    viewStyles?.maxHeight && viewStyles.maxHeight !== \"100%\"\n      ? viewStyles.maxHeight\n      : Dimensions.get(\"window\").height;\n\n  const stylesWithoutBordersAndMargins = {\n    ...{\n      height: 60,\n      width: \"100%\",\n    },\n    ...omit(viewStyles, [...borders, ...margins]),\n    ...{ maxHeight },\n  };\n\n  const selectedLabel =\n    internalValue &&\n    ((pickerOptions as unknown as PickerOption[]).find(\n      (option) => option.value === internalValue\n    )?.label ??\n      internalValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: 4,\n        marginLeft: 4,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: -10,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  const width = stylesWithoutBordersAndMargins?.width ?? undefined;\n\n  const textAlign = textStyles?.textAlign;\n\n  const paddingLeft =\n    leftIconOutset &&\n    (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n      ? iconSize + 4\n      : 0;\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width,\n        paddingLeft,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: unstyledColor,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n    ...(disabled ? { color: unstyledColor } : {}),\n  };\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    if (!placeholder || itemIndex > 0) {\n      onValueChange?.(newValue, itemIndex);\n    }\n    setInternalValue(newValue);\n  };\n\n  return (\n    /* marginsContainer */\n    <View style={[styles.marginsContainer, marginStyles]}>\n      {/* touchableContainer */}\n      <Touchable\n        disabled={disabled}\n        onPress={togglePickerVisible}\n        style={styles.touchableContainer}\n      >\n        {/* outsetContainer */}\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.outsetContainer,\n            stylesWithoutBordersAndMargins,\n            // @ts-expect-error ... rejects border-related { key: undefined }\n            !leftIconOutset && borderStyles, // set border if Icon is inset\n          ]}\n        >\n          {leftIcon}\n\n          {/* insetContainer */}\n          <View\n            style={[\n              styles.insetContainer,\n              // @ts-expect-error ... rejects border-related { key: undefined }\n              leftIconOutset && borderStyles, // set border if Icon is outset\n            ]}\n          >\n            {/* primaryTextContainer */}\n            <View style={styles.primaryTextContainer}>\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {/* iosPicker */}\n      {Platform.OS === \"ios\" && pickerVisible ? (\n        <Portal>\n          <View\n            style={[\n              styles.iosPicker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\n            <SafeAreaView style={styles.iosSafeArea}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={togglePickerVisible}\n                style={styles.iosButton}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={styles.iosNativePicker}\n                selectedValue={internalValue}\n                onValueChange={handleValueChange}\n              >\n                {(pickerOptions as unknown as PickerOption[]).map((option) => (\n                  <NativePicker.Item\n                    label={option.label}\n                    value={option.value}\n                    key={option.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : null}\n\n      {/* nonIosPicker */}\n      {Platform.OS !== \"ios\" ? (\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={internalValue}\n          onValueChange={handleValueChange}\n          style={styles.nonIosPicker}\n        >\n          {(pickerOptions as unknown as PickerOption[]).map((option) => (\n            <NativePicker.Item\n              label={option.label}\n              value={option.value}\n              key={option.value}\n            />\n          ))}\n        </NativePicker>\n      ) : null}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n  marginsContainer: { alignSelf: \"stretch\" },\n  touchableContainer: { alignSelf: \"stretch\", alignItems: \"center\" },\n  outsetContainer: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  insetContainer: {\n    flex: 1,\n    height: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  primaryTextContainer: { flex: 1 },\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  iosSafeArea: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n  },\n  iosButton: { alignSelf: \"flex-end\" },\n  iosNativePicker: { backgroundColor: \"white\" },\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n  },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["AudioPlayer.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","media","layout","props","source","group","data","label","editable","required","defaultValue","formType","sourceUrl","propType","OBJECT"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,aAFkB;AAGvBC,EAAAA,WAAW,EAAE,2CAHU;AAIvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAEb,MAAM,CAACc,IADR;AAENC,MAAAA,KAAK,EAAE,QAFD;AAGNR,MAAAA,WAAW,EAAE,oCAHP;AAINS,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,IALJ;AAMNC,MAAAA,YAAY,EACV,+DAPI;AAQNC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SARf;AASNC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB;AATf;AADH;AANgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Audio Player\",\n  tag: \"AudioPlayer\",\n  description: \"Given a source URL, plays sounds & audio!\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    source: {\n      group: GROUPS.data,\n      label: \"Source\",\n      description: \"The source URL for the audio file.\",\n      editable: true,\n      required: true,\n      defaultValue:\n        \"https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3\",\n      formType: FORM_TYPES.sourceUrl,\n      propType: PROP_TYPES.OBJECT,\n    },\n  },\n};\n"]}
+{"version":3,"sources":["AudioPlayer.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","media","layout","props","source","group","data","label","editable","required","defaultValue","formType","sourceUrl","propType","OBJECT"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,UAA9C,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,cADe;AAErBC,EAAAA,GAAG,EAAE,aAFgB;AAGrBC,EAAAA,WAAW,EAAE,2CAHQ;AAIrBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,KAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE;AACJC,MAAAA,KAAK,EAAEb,MAAM,CAACc,IADV;AAEJC,MAAAA,KAAK,EAAE,QAFH;AAGJR,MAAAA,WAAW,EAAE,oCAHT;AAIJS,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,IALN;AAMJC,MAAAA,YAAY,EAAE,+DANV;AAOJC,MAAAA,QAAQ,EAAEjB,UAAU,CAACkB,SAPjB;AAQJC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB;AARjB;AADL;AANc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Audio Player\",\n    tag: \"AudioPlayer\",\n    description: \"Given a source URL, plays sounds & audio!\",\n    category: COMPONENT_TYPES.media,\n    layout: {},\n    props: {\n        source: {\n            group: GROUPS.data,\n            label: \"Source\",\n            description: \"The source URL for the audio file.\",\n            editable: true,\n            required: true,\n            defaultValue: \"https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3\",\n            formType: FORM_TYPES.sourceUrl,\n            propType: PROP_TYPES.OBJECT,\n        },\n    },\n};\n"]}

package/lib/module/mappings/MapCallout.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",
   packageName: "@draftbit/maps",
   description: "An info window to display on top of a marker when it is clicked",
   category: COMPONENT_TYPES.media,
+  triggers: [Triggers.OnPress],
   layout: {},
   props: {
     onPress: createActionProp({

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

@@ -1 +1 @@
-{"version":3,"sources":["MapCallout.ts"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","SEED_DATA","name","tag","packageName","description","category","media","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EACT,iEALqB;AAMvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KANH;AAOvBC,EAAAA,MAAM,EAAE,EAPe;AAQvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEZ,gBAAgB,CAAC;AACxBO,MAAAA,WAAW,EAAE;AADW,KAAD,CADpB;AAILM,IAAAA,WAAW,EAAEZ,cAAc,CAAC;AAC1Ba,MAAAA,KAAK,EAAE,cADmB;AAE1BP,MAAAA,WAAW,EACT,8LAHwB;AAI1BQ,MAAAA,KAAK,EAAEb,MAAM,CAACc,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAD;AAJtB;AARgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createBoolProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Callout\",\n  tag: \"MapCallout\",\n  packageName: \"@draftbit/maps\",\n  description:\n    \"An info window to display on top of a marker when it is clicked\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    onPress: createActionProp({\n      description: \"Action to execute when the callout is pressed\",\n    }),\n    showTooltip: createBoolProp({\n      label: \"Show Tooltip\",\n      description:\n        'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["MapCallout.ts"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","Triggers","SEED_DATA","name","tag","packageName","description","category","media","triggers","OnPress","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,MAJF,EAKEC,QALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EACT,iEALqB;AAMvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KANH;AAOvBC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CAPa;AAQvBC,EAAAA,MAAM,EAAE,EARe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEf,gBAAgB,CAAC;AACxBQ,MAAAA,WAAW,EAAE;AADW,KAAD,CADpB;AAILQ,IAAAA,WAAW,EAAEf,cAAc,CAAC;AAC1BgB,MAAAA,KAAK,EAAE,cADmB;AAE1BT,MAAAA,WAAW,EACT,8LAHwB;AAI1BU,MAAAA,KAAK,EAAEhB,MAAM,CAACiB,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAD;AAJtB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createBoolProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Callout\",\n  tag: \"MapCallout\",\n  packageName: \"@draftbit/maps\",\n  description:\n    \"An info window to display on top of a marker when it is clicked\",\n  category: COMPONENT_TYPES.media,\n  triggers: [Triggers.OnPress],\n  layout: {},\n  props: {\n    onPress: createActionProp({\n      description: \"Action to execute when the callout is pressed\",\n    }),\n    showTooltip: createBoolProp({\n      label: \"Show Tooltip\",\n      description:\n        'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/Picker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   label: {
     group: GROUPS.data,
@@ -127,7 +127,9 @@ export const SEED_DATA = [{
       editable: true,
       required: true,
       group: GROUPS.basic
-    }
+    },
+    iconSize: createIconSizeProp(),
+    iconColor: createColorProp()
   },
   layout: {}
 }];