@draftbit/core 42.1.4 → 42.1.6

package/lib/commonjs/components/Picker/PickerComponent.android.js

@@ -38,6 +38,8 @@ const Picker = ({
   onValueChange: onValueChangeOverride = () => {},
   ...props
 }) => {
+  var _options$find$label, _options$find;
+
   const {
     viewStyles: {
       borderRadius,
@@ -84,6 +86,7 @@ const Picker = ({
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(opt => opt.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -107,7 +110,7 @@ const Picker = ({
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
-    value: selectedValue,
+    value: selectedLabel,
     placeholder: placeholder // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

package/lib/commonjs/components/Picker/PickerComponent.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.android.tsx"],"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","StyleSheet","flatten","styles","container","value","index","toString","opacity","position","top","left","right","bottom","map","o","label","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedValue}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["PickerComponent.android.tsx"],"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","StyleSheet","flatten","selectedLabel","find","opt","value","label","styles","container","index","toString","opacity","position","top","left","right","bottom","map","o","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((opt) => opt.value === selectedValue)?.label ??\n      selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}

package/lib/commonjs/components/Picker/PickerComponent.web.js

@@ -36,6 +36,8 @@ const Picker = ({
   onValueChange: onValueChangeOverride = () => {},
   ...props
 }) => {
+  var _options$find$label, _options$find;
+
   const {
     viewStyles: {
       borderRadius,
@@ -82,6 +84,7 @@ const Picker = ({
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(opt => opt.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -106,7 +109,7 @@ const Picker = ({
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
-    value: selectedValue,
+    value: selectedLabel,
     placeholder: placeholder // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

package/lib/commonjs/components/Picker/PickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.web.tsx"],"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","StyleSheet","flatten","styles","container","value","index","toString","flex","opacity","position","top","left","right","bottom","map","o","label","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Picker as NativePicker } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            flex: 1,\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedValue}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["PickerComponent.web.tsx"],"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","StyleSheet","flatten","selectedLabel","find","opt","value","label","styles","container","index","toString","flex","opacity","position","top","left","right","bottom","map","o","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Picker as NativePicker } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((opt) => opt.value === selectedValue)?.label ??\n      selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            flex: 1,\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}

package/lib/commonjs/components/RadioButton/RadioButtonRow.js

@@ -170,6 +170,7 @@ const SEED_DATA = {
       defaultValue: "primary"
     })
   }
-};
+}; // TODO comment testing
+
 exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=RadioButtonRow.js.map

package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonRow.tsx"],"names":["Direction","getRadioButtonAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","Platform","select","web","cursor","userSelect","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","description","required","defaultValue","options","group","GROUPS","basic"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;AACA;;AACA;;AASA;;AACA;;;;;;;;;;IAEYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAiBZ,MAAMC,uBAAuB,GAAG,CAC9BC,eAD8B,EAE9BC,SAF8B,KAG3B;AACH,MAAID,eAAe,KAAKE,mBAAeC,UAAvC,EAAmD;AACjD,WAAOF,SAAS,KAAKH,SAAS,CAACM,GAAxB,GAA8B,YAA9B,GAA6C,UAApD;AACD,GAFD,MAEO,IAAIH,SAAS,KAAKH,SAAS,CAACO,UAA5B,EAAwC;AAC7C,WAAO,YAAP;AACD,GAFM,MAEA;AACL,WAAO,UAAP;AACD;AACF,CAXD;;AAaA,MAAMC,WAAW,GAAG,CAClBC,KADkB,EAElBC,UAFkB,EAGlBC,SAHkB,KAIf;AACH,MAAI,OAAOF,KAAP,KAAiB,QAArB,EAA+B;AAC7B,wBAAO,oBAAC,aAAD;AAAM,MAAA,KAAK,EAAE,CAACC,UAAD,EAAaC,SAAb;AAAb,OAAuCF,KAAvC,CAAP;AACD,GAFD,MAEO;AACL,wBAAO,0CAAGA,KAAH,CAAP;AACD;AACF,CAVD;;AAYA,MAAMG,cAAwD,GAAG,CAAC;AAChEC,EAAAA,IADgE;AAEhEC,EAAAA,KAFgE;AAGhEL,EAAAA,KAHgE;AAIhEM,EAAAA,KAJgE;AAKhEC,EAAAA,eALgE;AAMhEC,EAAAA,OAAO,GAAG,MAAM,CAAE,CAN8C;AAOhEC,EAAAA,mBAPgE;AAQhER,EAAAA,UARgE;AAShES,EAAAA,gBATgE;AAUhEhB,EAAAA,SAAS,GAAGH,SAAS,CAACM,GAV0C;AAWhEc,EAAAA,QAXgE;AAYhEC,EAAAA,QAZgE;AAahEC,EAAAA,KAbgE;AAchE,KAAGC;AAd6D,CAAD,KAe3D;AACJ,QAAM;AACJd,IAAAA,KAAK,EAAEe,YADH;AAEJC,IAAAA,aAFI;AAGJtB,IAAAA,SAAS,EAAED;AAHP,MAIF,0CAJJ;;AAMA,QAAMwB,WAAW,GAAG,MAAM;AACxBT,IAAAA,OAAO,CAACR,KAAD,CAAP;AACAgB,IAAAA,aAAa,IAAIA,aAAa,CAAChB,KAAD,CAA9B;AACD,GAHD;;AAKA,QAAM;AAAEkB,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcN,KAAd,CAAnC;AAEA,sBACE,oBAAC,kBAAD;AACE,IAAA,OAAO,EAAEI,WADX;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,UAAR,EAAoB;AAAEC,MAAAA,aAAa,EAAE5B;AAAjB,KAApB,EAAkDyB,UAAlD,CAFT;AAGE,IAAA,QAAQ,EAAEP;AAHZ,KAIME,IAJN,gBAME,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLM,MAAM,CAACf,KADF,EAEL;AACEkB,MAAAA,UAAU,EAAE7B,SAAS,KAAKH,SAAS,CAACM,GAAxB,GAA8B,YAA9B,GAA6C;AAD3D,KAFK,EAKLY,mBALK;AADT,KASGV,WAAW,CAACM,KAAD,EAAQJ,UAAR,EAAoBiB,UAApB,CATd,CANF,eAiBE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE,CADD;AAELD,MAAAA,UAAU,EAAE/B,uBAAuB,CAACC,eAAD,EAAkBC,SAAlB;AAF9B;AADT,kBAME,oBAAC,oBAAD;AACE,IAAA,IAAI,EAAEU,IADR;AAEE,IAAA,QAAQ,EACNO,QAAQ,IAAKI,YAAY,IAAI,IAAhB,IAAwBA,YAAY,KAAKf,KAH1D;AAKE,IAAA,KAAK,EAAEM,KALT;AAME,IAAA,eAAe,EAAEC,eANnB;AAOE,IAAA,OAAO,EAAEU,WAPX;AAQE,IAAA,KAAK,EAAEP;AART,IANF,CAjBF,CADF;AAqCD,CAlED;;AAoEA,MAAMU,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,UAAU,EAAE;AACVE,IAAAA,UAAU,EAAE,QADF;AAEVI,IAAAA,cAAc,EAAE,cAFN;AAGVC,IAAAA,YAAY,EAAE,EAHJ;AAIVC,IAAAA,SAAS,EAAE,EAJD;AAKVC,IAAAA,UAAU,EAAE,EALF;AAMVN,IAAAA,IAAI,EAAE,CANI;AAOV,OAAGO,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAPO,GADmB;AAe/B9B,EAAAA,KAAK,EAAE;AACLmB,IAAAA,IAAI,EAAE;AADD;AAfwB,CAAlB,CAAf;;eAoBerB,c;;AAER,MAAMiC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLtC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBuC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLpD,IAAAA,SAAS,EAAE,+BAAmB;AAC5BW,MAAAA,KAAK,EAAE,WADqB;AAE5BuC,MAAAA,WAAW,EACT,8DAH0B;AAI5BG,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaL/C,IAAAA,KAAK,EAAE,2BAAe;AACpBK,MAAAA,KAAK,EAAE,OADa;AAEpBuC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLvC,IAAAA,KAAK,EAAE,4BAAgB;AACrB0C,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBN,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLvC,IAAAA,eAAe,EAAE,4BAAgB;AAC/ByC,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/B7C,MAAAA,KAAK,EAAE,kBAFwB;AAG/BuC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string;\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value,\n  color,\n  unselectedColor,\n  onPress = () => {},\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const handlePress = () => {\n    onPress(value);\n    onValueChange && onValueChange(value);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={\n            selected || (contextValue != null && contextValue === value)\n          }\n          color={color}\n          unselectedColor={unselectedColor}\n          onPress={handlePress}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    flex: 1,\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["RadioButtonRow.tsx"],"names":["Direction","getRadioButtonAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","Platform","select","web","cursor","userSelect","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","description","required","defaultValue","options","group","GROUPS","basic"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;AACA;;AACA;;AASA;;AACA;;;;;;;;;;IAEYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAiBZ,MAAMC,uBAAuB,GAAG,CAC9BC,eAD8B,EAE9BC,SAF8B,KAG3B;AACH,MAAID,eAAe,KAAKE,mBAAeC,UAAvC,EAAmD;AACjD,WAAOF,SAAS,KAAKH,SAAS,CAACM,GAAxB,GAA8B,YAA9B,GAA6C,UAApD;AACD,GAFD,MAEO,IAAIH,SAAS,KAAKH,SAAS,CAACO,UAA5B,EAAwC;AAC7C,WAAO,YAAP;AACD,GAFM,MAEA;AACL,WAAO,UAAP;AACD;AACF,CAXD;;AAaA,MAAMC,WAAW,GAAG,CAClBC,KADkB,EAElBC,UAFkB,EAGlBC,SAHkB,KAIf;AACH,MAAI,OAAOF,KAAP,KAAiB,QAArB,EAA+B;AAC7B,wBAAO,oBAAC,aAAD;AAAM,MAAA,KAAK,EAAE,CAACC,UAAD,EAAaC,SAAb;AAAb,OAAuCF,KAAvC,CAAP;AACD,GAFD,MAEO;AACL,wBAAO,0CAAGA,KAAH,CAAP;AACD;AACF,CAVD;;AAYA,MAAMG,cAAwD,GAAG,CAAC;AAChEC,EAAAA,IADgE;AAEhEC,EAAAA,KAFgE;AAGhEL,EAAAA,KAHgE;AAIhEM,EAAAA,KAJgE;AAKhEC,EAAAA,eALgE;AAMhEC,EAAAA,OAAO,GAAG,MAAM,CAAE,CAN8C;AAOhEC,EAAAA,mBAPgE;AAQhER,EAAAA,UARgE;AAShES,EAAAA,gBATgE;AAUhEhB,EAAAA,SAAS,GAAGH,SAAS,CAACM,GAV0C;AAWhEc,EAAAA,QAXgE;AAYhEC,EAAAA,QAZgE;AAahEC,EAAAA,KAbgE;AAchE,KAAGC;AAd6D,CAAD,KAe3D;AACJ,QAAM;AACJd,IAAAA,KAAK,EAAEe,YADH;AAEJC,IAAAA,aAFI;AAGJtB,IAAAA,SAAS,EAAED;AAHP,MAIF,0CAJJ;;AAMA,QAAMwB,WAAW,GAAG,MAAM;AACxBT,IAAAA,OAAO,CAACR,KAAD,CAAP;AACAgB,IAAAA,aAAa,IAAIA,aAAa,CAAChB,KAAD,CAA9B;AACD,GAHD;;AAKA,QAAM;AAAEkB,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcN,KAAd,CAAnC;AAEA,sBACE,oBAAC,kBAAD;AACE,IAAA,OAAO,EAAEI,WADX;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,UAAR,EAAoB;AAAEC,MAAAA,aAAa,EAAE5B;AAAjB,KAApB,EAAkDyB,UAAlD,CAFT;AAGE,IAAA,QAAQ,EAAEP;AAHZ,KAIME,IAJN,gBAME,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLM,MAAM,CAACf,KADF,EAEL;AACEkB,MAAAA,UAAU,EAAE7B,SAAS,KAAKH,SAAS,CAACM,GAAxB,GAA8B,YAA9B,GAA6C;AAD3D,KAFK,EAKLY,mBALK;AADT,KASGV,WAAW,CAACM,KAAD,EAAQJ,UAAR,EAAoBiB,UAApB,CATd,CANF,eAiBE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE,CADD;AAELD,MAAAA,UAAU,EAAE/B,uBAAuB,CAACC,eAAD,EAAkBC,SAAlB;AAF9B;AADT,kBAME,oBAAC,oBAAD;AACE,IAAA,IAAI,EAAEU,IADR;AAEE,IAAA,QAAQ,EACNO,QAAQ,IAAKI,YAAY,IAAI,IAAhB,IAAwBA,YAAY,KAAKf,KAH1D;AAKE,IAAA,KAAK,EAAEM,KALT;AAME,IAAA,eAAe,EAAEC,eANnB;AAOE,IAAA,OAAO,EAAEU,WAPX;AAQE,IAAA,KAAK,EAAEP;AART,IANF,CAjBF,CADF;AAqCD,CAlED;;AAoEA,MAAMU,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,UAAU,EAAE;AACVE,IAAAA,UAAU,EAAE,QADF;AAEVI,IAAAA,cAAc,EAAE,cAFN;AAGVC,IAAAA,YAAY,EAAE,EAHJ;AAIVC,IAAAA,SAAS,EAAE,EAJD;AAKVC,IAAAA,UAAU,EAAE,EALF;AAMVN,IAAAA,IAAI,EAAE,CANI;AAOV,OAAGO,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAPO,GADmB;AAe/B9B,EAAAA,KAAK,EAAE;AACLmB,IAAAA,IAAI,EAAE;AADD;AAfwB,CAAlB,CAAf;;eAoBerB,c;;AAER,MAAMiC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLtC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBuC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLpD,IAAAA,SAAS,EAAE,+BAAmB;AAC5BW,MAAAA,KAAK,EAAE,WADqB;AAE5BuC,MAAAA,WAAW,EACT,8DAH0B;AAI5BG,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaL/C,IAAAA,KAAK,EAAE,2BAAe;AACpBK,MAAAA,KAAK,EAAE,OADa;AAEpBuC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLvC,IAAAA,KAAK,EAAE,4BAAgB;AACrB0C,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBN,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLvC,IAAAA,eAAe,EAAE,4BAAgB;AAC/ByC,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/B7C,MAAAA,KAAK,EAAE,kBAFwB;AAG/BuC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB,C,CAqCP","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string;\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value,\n  color,\n  unselectedColor,\n  onPress = () => {},\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const handlePress = () => {\n    onPress(value);\n    onValueChange && onValueChange(value);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={\n            selected || (contextValue != null && contextValue === value)\n          }\n          color={color}\n          unselectedColor={unselectedColor}\n          onPress={handlePress}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    flex: 1,\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n// TODO comment testing\n"]}

package/lib/module/components/Button.js

@@ -1,5 +1,3 @@
-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 { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
 import { withTheme } from "../theming";
@@ -57,7 +55,7 @@ function Base({
     buttonStyles.justifyContent = "flex-end";
   }
 
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: ({
@@ -66,8 +64,9 @@ function Base({
       return [styles.base, {
         opacity: pressed || disabled ? 0.75 : 1
       }, buttonStyles];
-    }
-  }, props), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    },
+    ...props
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -86,13 +85,14 @@ const Solid = ({
   theme,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
       backgroundColor: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonSolid = withTheme(Solid);
@@ -103,13 +103,14 @@ const Outline = ({
   theme,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,
       color: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonOutline = withTheme(Outline);
@@ -119,12 +120,13 @@ export const BaseLink = ({
   theme,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [styles.bare, {
       color: theme.colors.primary
     }, style],
-    hitSlop: 8
-  }, props));
+    hitSlop: 8,
+    ...props
+  });
 };
 const Link = withTheme(BaseLink);
 export { Link };

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["React","Text","Pressable","Platform","StyleSheet","ActivityIndicator","withTheme","COMPONENT_TYPES","createIconProp","createBoolProp","createTextProp","GROUPS","createActionProp","Triggers","CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","BaseLink","bare","Link","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","select","web","cursor","userSelect","borderWidth","undefined","marginRight","marginTop","alignSelf","default","marginBottom","SEED_DATA_TRIGGERS","OnPress","SEED_DATA_PROPS","defaultValue","required","label","description","group","basic","LAYOUT","SEED_DATA","name","tag","category","button","layout","triggers"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Text,\n  Pressable,\n  Platform,\n  StyleSheet,\n  TextStyle,\n  PressableProps,\n  ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n  baseHeight: 42,\n  borderRadius: 4,\n  padding: 8,\n  icon: 24,\n};\n\ntype BaseProps = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n} & PressableProps &\n  IconSlot;\n\ntype Props = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n  theme: Theme;\n} & PressableProps &\n  IconSlot;\n\nfunction Base({\n  Icon,\n  icon,\n  title,\n  onPress,\n  loading,\n  disabled,\n  style,\n  ...props\n}: BaseProps): JSX.Element {\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    ...buttonStyles\n  } = StyleSheet.flatten(style || ({} as TextStyle));\n\n  const titleStyles: 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  if (textAlign === \"left\") {\n    buttonStyles.justifyContent = \"flex-start\";\n  }\n\n  if (textAlign === \"right\") {\n    buttonStyles.justifyContent = \"flex-end\";\n  }\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.base,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          buttonStyles,\n        ];\n      }}\n      {...props}\n    >\n      {loading ? (\n        <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n      ) : null}\n      {icon && !loading ? (\n        <Icon\n          name={icon}\n          color={color as string}\n          style={styles.icon}\n          size={CONSTANTS.icon}\n        />\n      ) : null}\n      <Text style={titleStyles}>{title}</Text>\n    </Pressable>\n  );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        {\n          color: \"#FFF\",\n          borderRadius: theme.roundness,\n          backgroundColor: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        styles.outline,\n        {\n          borderRadius: theme.roundness,\n          borderColor: theme.colors.primary,\n          color: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nexport const BaseLink = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[styles.bare, { color: theme.colors.primary }, style]}\n      hitSlop={8}\n      {...props}\n    />\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nconst styles = StyleSheet.create({\n  base: {\n    position: \"relative\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    minHeight: CONSTANTS.baseHeight,\n    paddingHorizontal: 12,\n    fontFamily: \"System\",\n    fontWeight: \"700\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  outline: {\n    backgroundColor: \"transparent\",\n    borderWidth: 1,\n  },\n  bare: {\n    backgroundColor: \"transparent\",\n    padding: 0,\n    minHeight: undefined,\n  },\n  loading: {\n    marginRight: 6,\n  },\n  icon: {\n    ...Platform.select({\n      web: {\n        marginTop: 1,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n      default: {\n        marginBottom: 2,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n    }),\n  },\n});\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Link\",\n    tag: \"Link\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      color: \"primary\",\n      padding: 0,\n      minHeight: undefined,\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"]}
+{"version":3,"sources":["Button.js"],"names":["React","Text","Pressable","Platform","StyleSheet","ActivityIndicator","withTheme","COMPONENT_TYPES","createIconProp","createBoolProp","createTextProp","GROUPS","createActionProp","Triggers","CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","flatten","titleStyles","justifyContent","createElement","pressed","styles","base","opacity","size","name","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","BaseLink","bare","hitSlop","Link","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","select","web","cursor","userSelect","borderWidth","undefined","marginRight","marginTop","alignSelf","default","marginBottom","SEED_DATA_TRIGGERS","OnPress","SEED_DATA_PROPS","defaultValue","required","label","description","group","basic","LAYOUT","SEED_DATA","tag","category","button","layout","triggers"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text, Pressable, Platform, StyleSheet, ActivityIndicator, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, } from \"@draftbit/types\";\nconst CONSTANTS = {\n    baseHeight: 42,\n    borderRadius: 4,\n    padding: 8,\n    icon: 24,\n};\nfunction Base({ Icon, icon, title, onPress, loading, disabled, style, ...props }) {\n    const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});\n    const titleStyles = {\n        color,\n        fontFamily,\n        fontWeight,\n        fontSize,\n        lineHeight,\n        letterSpacing,\n        textTransform,\n        textAlign,\n        textDecorationLine,\n        textDecorationColor,\n        textDecorationStyle,\n    };\n    if (textAlign === \"left\") {\n        buttonStyles.justifyContent = \"flex-start\";\n    }\n    if (textAlign === \"right\") {\n        buttonStyles.justifyContent = \"flex-end\";\n    }\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {\n            return [\n                styles.base,\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                buttonStyles,\n            ];\n        }, ...props },\n        loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: color, style: styles.loading })) : null,\n        icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: CONSTANTS.icon })) : null,\n        React.createElement(Text, { style: titleStyles }, title)));\n}\nconst Solid = ({ style, theme, ...props }) => {\n    return (React.createElement(Base, { style: [\n            {\n                color: \"#FFF\",\n                borderRadius: theme.roundness,\n                backgroundColor: theme.colors.primary,\n            },\n            style,\n        ], ...props }));\n};\nconst ButtonSolid = withTheme(Solid);\nexport { ButtonSolid };\nconst Outline = ({ style, theme, ...props }) => {\n    return (React.createElement(Base, { style: [\n            styles.outline,\n            {\n                borderRadius: theme.roundness,\n                borderColor: theme.colors.primary,\n                color: theme.colors.primary,\n            },\n            style,\n        ], ...props }));\n};\nconst ButtonOutline = withTheme(Outline);\nexport { ButtonOutline };\nexport const BaseLink = ({ style, theme, ...props }) => {\n    return (React.createElement(Base, { style: [styles.bare, { color: theme.colors.primary }, style], hitSlop: 8, ...props }));\n};\nconst Link = withTheme(BaseLink);\nexport { Link };\nconst styles = StyleSheet.create({\n    base: {\n        position: \"relative\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        minHeight: CONSTANTS.baseHeight,\n        paddingHorizontal: 12,\n        fontFamily: \"System\",\n        fontWeight: \"700\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n    outline: {\n        backgroundColor: \"transparent\",\n        borderWidth: 1,\n    },\n    bare: {\n        backgroundColor: \"transparent\",\n        padding: 0,\n        minHeight: undefined,\n    },\n    loading: {\n        marginRight: 6,\n    },\n    icon: {\n        ...Platform.select({\n            web: {\n                marginTop: 1,\n                marginRight: 4,\n                alignSelf: \"center\",\n            },\n            default: {\n                marginBottom: 2,\n                marginRight: 4,\n                alignSelf: \"center\",\n            },\n        }),\n    },\n});\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n    onPress: createActionProp(),\n    icon: createIconProp({\n        defaultValue: null,\n        required: false,\n    }),\n    title: createTextProp({\n        label: \"Label\",\n        description: \"Button Label\",\n        defaultValue: \"Get Started\",\n    }),\n    disabled: createBoolProp({\n        group: GROUPS.basic,\n        label: \"Disabled\",\n        description: \"Whether the button should be disabled\",\n    }),\n    loading: createBoolProp({\n        group: GROUPS.basic,\n        label: \"Loading\",\n        description: \"Whether to show a loading indicator\",\n    }),\n};\nconst LAYOUT = {\n    backgroundColor: \"transparent\",\n    borderRadius: 8,\n    fontFamily: \"system-700\",\n};\nexport const SEED_DATA = [\n    {\n        name: \"Button Outline\",\n        tag: \"ButtonOutline\",\n        category: COMPONENT_TYPES.button,\n        layout: {\n            ...LAYOUT,\n            backgroundColor: \"transparent\",\n            borderWidth: 1,\n            textAlign: \"center\",\n        },\n        triggers: SEED_DATA_TRIGGERS,\n        props: SEED_DATA_PROPS,\n    },\n    {\n        name: \"Button Solid\",\n        tag: \"ButtonSolid\",\n        category: COMPONENT_TYPES.button,\n        layout: {\n            ...LAYOUT,\n            backgroundColor: \"primary\",\n            textAlign: \"center\",\n        },\n        triggers: SEED_DATA_TRIGGERS,\n        props: SEED_DATA_PROPS,\n    },\n    {\n        name: \"Link\",\n        tag: \"Link\",\n        category: COMPONENT_TYPES.button,\n        layout: {\n            ...LAYOUT,\n            backgroundColor: \"transparent\",\n            color: \"primary\",\n            padding: 0,\n            minHeight: undefined,\n        },\n        triggers: SEED_DATA_TRIGGERS,\n        props: SEED_DATA_PROPS,\n    },\n];\n"]}

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

@@ -18,6 +18,8 @@ const Picker = ({
   onValueChange: onValueChangeOverride = () => {},
   ...props
 }) => {
+  var _options$find$label, _options$find;
+
   const {
     viewStyles: {
       borderRadius,
@@ -64,6 +66,7 @@ const Picker = ({
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(opt => opt.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -87,7 +90,7 @@ const Picker = ({
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
-    value: selectedValue,
+    value: selectedLabel,
     placeholder: placeholder // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

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

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.android.tsx"],"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","styles","container","value","index","toString","opacity","position","top","left","right","bottom","map","o","label","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedValue}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["PickerComponent.android.tsx"],"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","opt","value","label","styles","container","index","toString","opacity","position","top","left","right","bottom","map","o","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((opt) => opt.value === selectedValue)?.label ??\n      selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}

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

@@ -17,6 +17,8 @@ const Picker = ({
   onValueChange: onValueChangeOverride = () => {},
   ...props
 }) => {
+  var _options$find$label, _options$find;
+
   const {
     viewStyles: {
       borderRadius,
@@ -63,6 +65,7 @@ const Picker = ({
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(opt => opt.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -87,7 +90,7 @@ const Picker = ({
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
-    value: selectedValue,
+    value: selectedLabel,
     placeholder: placeholder // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

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

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.web.tsx"],"names":["React","View","StyleSheet","Picker","NativePicker","omit","withTheme","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","styles","container","value","index","toString","flex","opacity","position","top","left","right","bottom","map","o","label","create","alignSelf"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,MAAM,IAAIC,YAArC,QAAyD,cAAzD;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AAEA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAGA,MAAMN,MAAsC,GAAG,CAAC;AAC9CO,EAAAA,KAD8C;AAE9CC,EAAAA,OAF8C;AAG9CC,EAAAA,WAH8C;AAI9CC,EAAAA,aAJ8C;AAK9CC,EAAAA,QAAQ,GAAG,KALmC;AAM9CC,EAAAA,aAAa,EAAEC,qBAAqB,GAAG,MAAM,CAAE,CAND;AAO9C,KAAGC;AAP2C,CAAD,KAQzC;AACJ,QAAM;AACJC,IAAAA,UAAU,EAAE;AACVC,MAAAA,YADU;AACI;AACdC,MAAAA,WAFU;AAEG;AACbC,MAAAA,cAHU;AAGM;AAChBC,MAAAA,gBAJU;AAIQ;AAClBC,MAAAA,iBALU;AAKS;AACnBC,MAAAA,eANU;AAMO;AACjBC,MAAAA,WAPU;AAOG;AACbC,MAAAA,eARU;AAQO;AACjBC,MAAAA,OATU;AASD;AACTC,MAAAA,UAVU;AAUE;AACZC,MAAAA,YAXU;AAWI;AACdC,MAAAA,aAZU;AAYK;AACfC,MAAAA,WAbU;AAaG;AACb,SAAGb;AAdO;AADR,MAiBFX,aAAa,CAACG,KAAD,CAjBjB;AAmBA,QAAMsB,SAAS,GAAGhC,KAAK,CAACiC,MAAN,CAA2CC,SAA3C,CAAlB;;AAEA,QAAMnB,aAAa,GAAG,CAACoB,SAAD,EAAoBC,SAApB,KAA0C;AAC9DC,IAAAA,WAAW;AACXrB,IAAAA,qBAAqB,CAACmB,SAAD,EAAYC,SAAZ,CAArB;AACD,GAHD;;AAKA,QAAMC,WAAW,GAAG,MAAM;AACxB,QAAI,CAACvB,QAAL,EAAe;AACb;AACAkB,MAAAA,SAAS,CAACM,OAAV,CAAkBD,WAAlB,GAFa,CAEoB;AAClC;AACF,GALD;;AAOA,QAAME,mBAAmB,GACvB7B,KAAK,IACLL,IAAI,CAACH,UAAU,CAACsC,OAAX,CAAmB9B,KAAnB,CAAD,EAA4B,CAC9B,QAD8B,EAE9B,WAF8B,EAG9B,aAH8B,EAI9B,cAJ8B,EAK9B,YAL8B,CAA5B,CAFN;AAUA,sBACE,oBAAC,SAAD;AACE,IAAA,QAAQ,EAAEI,QADZ;AAEE,IAAA,OAAO,EAAEuB,WAFX;AAGE,IAAA,KAAK,EAAE,CAACI,MAAM,CAACC,SAAR,EAAmBxB,UAAnB;AAHT,kBAKE,oBAAC,IAAD,qBACE,oBAAC,YAAD;AACE,IAAA,OAAO,EAAE,CAACJ,QADZ;AAEE,IAAA,aAAa,EAAED,aAFjB;AAGE,IAAA,aAAa,EAAE,CAAC8B,KAAD,EAAQC,KAAR,KACb7B,aAAa,CAAC4B,KAAK,CAACE,QAAN,EAAD,EAAmBD,KAAnB,CAJjB;AAME,IAAA,KAAK,EAAE;AACLE,MAAAA,IAAI,EAAE,CADD;AAELC,MAAAA,OAAO,EAAE,CAFJ;AAGLC,MAAAA,QAAQ,EAAE,UAHL;AAILC,MAAAA,GAAG,EAAE,CAJA;AAKLC,MAAAA,IAAI,EAAE,CALD;AAMLC,MAAAA,KAAK,EAAE,CANF;AAOLC,MAAAA,MAAM,EAAE;AAPH;AANT,KAgBGzC,OAAO,CAAC0C,GAAR,CAAaC,CAAD,iBACX,oBAAC,YAAD,CAAc,IAAd;AAAmB,IAAA,KAAK,EAAEA,CAAC,CAACC,KAA5B;AAAmC,IAAA,KAAK,EAAED,CAAC,CAACX,KAA5C;AAAmD,IAAA,GAAG,EAAEW,CAAC,CAACX;AAA1D,IADD,CAhBH,CADF,eAqBE,oBAAC,IAAD;AAAM,IAAA,aAAa,EAAC;AAApB,kBACE,oBAAC,SAAD,eACM1B,KADN;AAEE,IAAA,KAAK,EAAEJ,aAFT;AAGE,IAAA,WAAW,EAAED,WAHf,CAIE;AAJF;AAKE,IAAA,GAAG,EAAEoB,SALP,CAKkB;AALlB;AAME,IAAA,QAAQ,EAAElB,QANZ,CAOE;AAPF;AAQE,IAAA,KAAK,EAAEyB;AART,KADF,CArBF,CALF,CADF;AA0CD,CA9FD;;AAgGA,MAAME,MAAM,GAAGvC,UAAU,CAACsD,MAAX,CAAkB;AAC/Bd,EAAAA,SAAS,EAAE;AACTe,IAAAA,SAAS,EAAE;AADF;AADoB,CAAlB,CAAf;AAMA,eAAenD,SAAS,CAACH,MAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Picker as NativePicker } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            flex: 1,\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedValue}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["PickerComponent.web.tsx"],"names":["React","View","StyleSheet","Picker","NativePicker","omit","withTheme","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","opt","value","label","styles","container","index","toString","flex","opacity","position","top","left","right","bottom","map","o","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Picker as NativePicker } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((opt) => opt.value === selectedValue)?.label ??\n      selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={(value, index) =>\n            onValueChange(value.toString(), index)\n          }\n          style={{\n            flex: 1,\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}

package/lib/module/components/RadioButton/RadioButtonRow.js

@@ -1,3 +1,5 @@
+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 { StyleSheet, View, Platform } from "react-native";
 import RadioButton from "./RadioButton";
@@ -7,7 +9,7 @@ import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, G
 import { Direction as GroupDirection } from "./context";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
-export var Direction;
+export let Direction;
 
 (function (Direction) {
   Direction["Row"] = "row";
@@ -65,14 +67,13 @@ const RadioButtonRow = ({
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(Touchable, _extends({
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -146,17 +147,5 @@ export const SEED_DATA = {
       defaultValue: "primary"
     })
   }
-};
-//# sourceMappingURL=RadioButtonRow.js.map,
-      description: "Color for the button",
-      defaultValue: "primary"
-    }),
-    unselectedColor: createColorProp({
-      group: GROUPS.basic,
-      label: "Unselected Color",
-      description: "Unselected Color for the button",
-      defaultValue: "primary"
-    })
-  }
-};
+}; // TODO comment testing
 //# sourceMappingURL=RadioButtonRow.js.map

package/lib/module/components/RadioButton/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonRow.js"],"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","createTextProp","createTextEnumProp","COMPONENT_TYPES","createColorProp","GROUPS","Direction","GroupDirection","Touchable","extractStyles","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","rest","contextValue","onValueChange","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","select","web","cursor","userSelect","SEED_DATA","name","tag","category","input","layout","props","description","required","defaultValue","options","group","basic"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport RadioButton from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Row\"] = \"row\";\n    Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getRadioButtonAlignment = (parentDirection, direction) => {\n    if (parentDirection === GroupDirection.Horizontal) {\n        return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n    }\n    else if (direction === Direction.RowReverse) {\n        return \"flex-start\";\n    }\n    else {\n        return \"flex-end\";\n    }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n    if (typeof value === \"string\") {\n        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n    }\n    else {\n        return React.createElement(React.Fragment, null, value);\n    }\n};\nconst RadioButtonRow = ({ Icon, label, value, color, unselectedColor, onPress = () => { }, labelContainerStyle, labelStyle, radioButtonStyle, direction = Direction.Row, selected, disabled, style, ...rest }) => {\n    const { value: contextValue, onValueChange, direction: parentDirection, } = useRadioButtonGroupContext();\n    const handlePress = () => {\n        onPress(value);\n        onValueChange && onValueChange(value);\n    };\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n        React.createElement(View, { style: [\n                styles.label,\n                {\n                    alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n                },\n                labelContainerStyle,\n            ] }, renderLabel(label, labelStyle, textStyles)),\n        React.createElement(View, { style: {\n                flex: 1,\n                alignItems: getRadioButtonAlignment(parentDirection, direction),\n            } },\n            React.createElement(RadioButton, { Icon: Icon, selected: selected || (contextValue != null && contextValue === value), color: color, unselectedColor: unselectedColor, onPress: handlePress, style: radioButtonStyle }))));\n};\nconst styles = StyleSheet.create({\n    mainParent: {\n        alignItems: \"center\",\n        justifyContent: \"space-around\",\n        paddingStart: 20,\n        minHeight: 50,\n        paddingEnd: 20,\n        flex: 1,\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n    label: {\n        flex: 3,\n    },\n});\nexport default RadioButtonRow;\nexport const SEED_DATA = {\n    name: \"Radio Button Row\",\n    tag: \"RadioButtonRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    props: {\n        label: createTextProp({\n            label: \"Label\",\n            description: \"Label to show with the radio button\",\n            required: true,\n            defaultValue: \"First Option\",\n        }),\n        direction: createTextEnumProp({\n            label: \"Direction\",\n            description: \"Whether the checkbox will appear on the left or on the right\",\n            options: [\"row\", \"row-reverse\"],\n        }),\n        value: createTextProp({\n            label: \"Value\",\n            description: \"Value of the radio button\",\n            defaultValue: null,\n            required: true,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            description: \"Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        unselectedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Unselected Color for the button\",\n            defaultValue: \"primary\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["RadioButtonRow.tsx"],"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","createTextProp","createTextEnumProp","COMPONENT_TYPES","createColorProp","GROUPS","Direction","GroupDirection","Touchable","extractStyles","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","select","web","cursor","userSelect","SEED_DATA","name","tag","category","input","layout","props","description","required","defaultValue","options","group","basic"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string;\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value,\n  color,\n  unselectedColor,\n  onPress = () => {},\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const handlePress = () => {\n    onPress(value);\n    onValueChange && onValueChange(value);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={\n            selected || (contextValue != null && contextValue === value)\n          }\n          color={color}\n          unselectedColor={unselectedColor}\n          onPress={handlePress}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    flex: 1,\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n// TODO comment testing\n"]}

package/lib/module/components/ResizeMode.js

@@ -1,2 +1,2 @@
-
-//# sourceMappingURL=ResizeMode.js.mapode.js.map
+export {};
+//# sourceMappingURL=ResizeMode.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"sources":["ResizeMode.js"],"names":[],"mappings":"AAAA","sourcesContent":["export {};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "42.1.4",
+  "version": "42.1.6",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -93,5 +93,5 @@
       ]
     ]
   },
-  "gitHead": "2860fc64ec4972ac97854cc555423035e45ea53b"
+  "gitHead": "9611e4cf53dab158a4ca26b8a048b747e35e8657"
 }

package/src/components/Picker/PickerComponent.android.js

@@ -40,6 +40,9 @@ const Picker = ({ style, options, placeholder, selectedValue, disabled = false,
             "marginBottom",
             "marginLeft",
         ]);
+    const selectedLabel = selectedValue &&
+        (options.find((opt) => opt.value === selectedValue)?.label ??
+            selectedValue);
     return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },
         React.createElement(View, null,
             React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: (value, index) => onValueChange(value.toString(), index), style: {
@@ -51,7 +54,7 @@ const Picker = ({ style, options, placeholder, selectedValue, disabled = false,
                     bottom: 0,
                 } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),
             React.createElement(View, { pointerEvents: "none" },
-                React.createElement(TextField, { ...props, value: selectedValue, placeholder: placeholder, 
+                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, 
                     // @ts-ignore
                     ref: textField, disabled: disabled, 
                     // @ts-expect-error

package/src/components/Picker/PickerComponent.android.tsx

@@ -61,6 +61,11 @@ const Picker: React.FC<PickerComponentProps> = ({
       "marginLeft",
     ]);
 
+  const selectedLabel =
+    selectedValue &&
+    (options.find((opt) => opt.value === selectedValue)?.label ??
+      selectedValue);
+
   return (
     <Touchable
       disabled={disabled}
@@ -90,7 +95,7 @@ const Picker: React.FC<PickerComponentProps> = ({
         <View pointerEvents="none">
           <TextField
             {...props}
-            value={selectedValue}
+            value={selectedLabel}
             placeholder={placeholder}
             // @ts-ignore
             ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

package/src/components/Picker/PickerComponent.web.js

@@ -39,6 +39,9 @@ const Picker = ({ style, options, placeholder, selectedValue, disabled = false,
             "marginBottom",
             "marginLeft",
         ]);
+    const selectedLabel = selectedValue &&
+        (options.find((opt) => opt.value === selectedValue)?.label ??
+            selectedValue);
     return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },
         React.createElement(View, null,
             React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: (value, index) => onValueChange(value.toString(), index), style: {
@@ -51,7 +54,7 @@ const Picker = ({ style, options, placeholder, selectedValue, disabled = false,
                     bottom: 0,
                 } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),
             React.createElement(View, { pointerEvents: "none" },
-                React.createElement(TextField, { ...props, value: selectedValue, placeholder: placeholder, 
+                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, 
                     // @ts-ignore
                     ref: textField, disabled: disabled, 
                     // @ts-expect-error

package/src/components/Picker/PickerComponent.web.tsx

@@ -60,6 +60,11 @@ const Picker: React.FC<PickerComponentProps> = ({
       "marginLeft",
     ]);
 
+  const selectedLabel =
+    selectedValue &&
+    (options.find((opt) => opt.value === selectedValue)?.label ??
+      selectedValue);
+
   return (
     <Touchable
       disabled={disabled}
@@ -90,7 +95,7 @@ const Picker: React.FC<PickerComponentProps> = ({
         <View pointerEvents="none">
           <TextField
             {...props}
-            value={selectedValue}
+            value={selectedLabel}
             placeholder={placeholder}
             // @ts-ignore
             ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

package/src/components/RadioButton/RadioButtonRow.js

@@ -108,3 +108,4 @@ export const SEED_DATA = {
         }),
     },
 };
+// TODO comment testing

package/src/components/RadioButton/RadioButtonRow.tsx

@@ -191,3 +191,4 @@ export const SEED_DATA = {
     }),
   },
 };
+// TODO comment testing