@draftbit/core 42.4.2-50ce38.2 → 42.4.2-717ab1.2

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioButton.tsx"],"names":["RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","Config","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","handlePress","isSelected","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","label","description","defaultValue","required","group","GROUPS","basic","min","max","step","precision"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { useRadioButtonGroupContext } from \"./context\";\n\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nexport type RadioButtonProps = {\n  selected?: boolean;\n  disabled?: boolean;\n  color?: string;\n  value?: string;\n  unselectedColor?: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  size?: number;\n  selectedIcon?: string;\n  unselectedIcon?: string;\n} & IconSlot;\n\nconst RadioButton: React.FC<RadioButtonProps> = ({\n  Icon,\n  disabled = false,\n  color,\n  value,\n  selected,\n  unselectedColor,\n  onPress = () => {},\n  size = Config.radioButtonSize,\n  selectedIcon = \"MaterialIcons/radio-button-checked\",\n  unselectedIcon = \"MaterialIcons/radio-button-unchecked\",\n  style,\n  ...rest\n}) => {\n  const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n\n  const handlePress = () => {\n    onPress && onPress();\n\n    if (onValueChange && value) {\n      onValueChange(value);\n    }\n  };\n\n  const isSelected =\n    selected || (contextValue != null && contextValue === value);\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={isSelected ? selectedIcon : unselectedIcon}\n      color={isSelected ? color : unselectedColor}\n      disabled={disabled}\n      onPress={handlePress}\n      size={size}\n      style={style}\n      {...rest}\n    />\n  );\n};\n\nexport default RadioButton;\n\nexport const SEED_DATA = {\n  name: \"Radio Button\",\n  tag: \"RadioButton\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress],\n  props: {\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    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether radio button is disabled\",\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Specifies the size of the button\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n    selectedIcon: createIconProp({\n      label: \"Selected Icon\",\n      description: \"Icon to show when the radio button is selected\",\n      defaultValue: \"MaterialIcons/radio-button-checked\",\n    }),\n    unselectedIcon: createIconProp({\n      label: \"Unselected Icon\",\n      description: \"Icon to show when the radio button is unselected\",\n      defaultValue: \"MaterialIcons/radio-button-unchecked\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["RadioButton.js"],"names":["RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","Config","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","handlePress","isSelected","React","createElement","IconButton","icon","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","label","description","defaultValue","required","group","GROUPS","basic","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,WAAW,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,QAAQ,GAAG,KAAnB;AAA0BC,EAAAA,KAA1B;AAAiCC,EAAAA,KAAjC;AAAwCC,EAAAA,QAAxC;AAAkDC,EAAAA,eAAlD;AAAmEC,EAAAA,OAAO,GAAG,MAAM,CAAG,CAAtF;AAAwFC,EAAAA,IAAI,GAAGC,gBAAOC,eAAtG;AAAuHC,EAAAA,YAAY,GAAG,oCAAtI;AAA4KC,EAAAA,cAAc,GAAG,sCAA7L;AAAqOC,EAAAA,KAArO;AAA4O,KAAGC;AAA/O,CAAD,KAA2P;AAC3Q,QAAM;AAAEV,IAAAA,KAAK,EAAEW,YAAT;AAAuBC,IAAAA;AAAvB,MAAyC,0CAA/C;;AACA,QAAMC,WAAW,GAAG,MAAM;AACtBV,IAAAA,OAAO,IAAIA,OAAO,EAAlB;;AACA,QAAIS,aAAa,IAAIZ,KAArB,EAA4B;AACxBY,MAAAA,aAAa,CAACZ,KAAD,CAAb;AACH;AACJ,GALD;;AAMA,QAAMc,UAAU,GAAGb,QAAQ,IAAKU,YAAY,IAAI,IAAhB,IAAwBA,YAAY,KAAKX,KAAzE;AACA,sBAAQe,KAAK,CAACC,aAAN,CAAoBC,mBAApB,EAAgC;AAAEpB,IAAAA,IAAI,EAAEA,IAAR;AAAcqB,IAAAA,IAAI,EAAEJ,UAAU,GAAGP,YAAH,GAAkBC,cAAhD;AAAgET,IAAAA,KAAK,EAAEe,UAAU,GAAGf,KAAH,GAAWG,eAA5F;AAA6GJ,IAAAA,QAAQ,EAAEA,QAAvH;AAAiIK,IAAAA,OAAO,EAAEU,WAA1I;AAAuJT,IAAAA,IAAI,EAAEA,IAA7J;AAAmKK,IAAAA,KAAK,EAAEA,KAA1K;AAAiL,OAAGC;AAApL,GAAhC,CAAR;AACH,CAVD;;eAWed,W;;AACR,MAAMuB,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,cADe;AAErBC,EAAAA,GAAG,EAAE,aAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CAJW;AAKrBC,EAAAA,KAAK,EAAE;AACH5B,IAAAA,KAAK,EAAE,2BAAe;AAClB6B,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBC,MAAAA,YAAY,EAAE,IAHI;AAIlBC,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CADJ;AAOHjC,IAAAA,KAAK,EAAE,4BAAgB;AACnBkC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBL,MAAAA,WAAW,EAAE,sBAFM;AAGnBC,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAPJ;AAYH7B,IAAAA,eAAe,EAAE,4BAAgB;AAC7B+B,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BN,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BC,MAAAA,YAAY,EAAE;AAJe,KAAhB,CAZd;AAkBHjC,IAAAA,QAAQ,EAAE,2BAAe;AACrB+B,MAAAA,KAAK,EAAE,UADc;AAErBC,MAAAA,WAAW,EAAE;AAFQ,KAAf,CAlBP;AAsBH1B,IAAAA,IAAI,EAAE,6BAAiB;AACnB6B,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBN,MAAAA,KAAK,EAAE,MAFY;AAGnBC,MAAAA,WAAW,EAAE,kCAHM;AAInBC,MAAAA,YAAY,EAAE,EAJK;AAKnBK,MAAAA,GAAG,EAAE,EALc;AAMnBC,MAAAA,GAAG,EAAE,GANc;AAOnBC,MAAAA,IAAI,EAAE,CAPa;AAQnBC,MAAAA,SAAS,EAAE;AARQ,KAAjB,CAtBH;AAgCHhC,IAAAA,YAAY,EAAE,2BAAe;AACzBsB,MAAAA,KAAK,EAAE,eADkB;AAEzBC,MAAAA,WAAW,EAAE,gDAFY;AAGzBC,MAAAA,YAAY,EAAE;AAHW,KAAf,CAhCX;AAqCHvB,IAAAA,cAAc,EAAE,2BAAe;AAC3BqB,MAAAA,KAAK,EAAE,iBADoB;AAE3BC,MAAAA,WAAW,EAAE,kDAFc;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAAf;AArCb;AALc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, } from \"@draftbit/types\";\nconst RadioButton = ({ Icon, disabled = false, color, value, selected, unselectedColor, onPress = () => { }, size = Config.radioButtonSize, selectedIcon = \"MaterialIcons/radio-button-checked\", unselectedIcon = \"MaterialIcons/radio-button-unchecked\", style, ...rest }) => {\n    const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n    const handlePress = () => {\n        onPress && onPress();\n        if (onValueChange && value) {\n            onValueChange(value);\n        }\n    };\n    const isSelected = selected || (contextValue != null && contextValue === value);\n    return (React.createElement(IconButton, { Icon: Icon, icon: isSelected ? selectedIcon : unselectedIcon, color: isSelected ? color : unselectedColor, disabled: disabled, onPress: handlePress, size: size, style: style, ...rest }));\n};\nexport default RadioButton;\nexport const SEED_DATA = {\n    name: \"Radio Button\",\n    tag: \"RadioButton\",\n    category: COMPONENT_TYPES.input,\n    triggers: [Triggers.OnPress],\n    props: {\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        disabled: createBoolProp({\n            label: \"Disabled\",\n            description: \"Whether radio button is disabled\",\n        }),\n        size: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"Specifies the size of the button\",\n            defaultValue: 24,\n            min: 16,\n            max: 128,\n            step: 1,\n            precision: 0,\n        }),\n        selectedIcon: createIconProp({\n            label: \"Selected Icon\",\n            description: \"Icon to show when the radio button is selected\",\n            defaultValue: \"MaterialIcons/radio-button-checked\",\n        }),\n        unselectedIcon: createIconProp({\n            label: \"Unselected Icon\",\n            description: \"Icon to show when the radio button is unselected\",\n            defaultValue: \"MaterialIcons/radio-button-unchecked\",\n        }),\n    },\n};\n"]}

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

@@ -17,8 +17,6 @@ var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
 const RadioButtonFieldGroup = ({
   label,
   children,
@@ -34,6 +32,17 @@ const RadioButtonFieldGroup = ({
       fontSize: theme.typography.headline4.fontSize,
       color: theme.typography.headline4.color
     }, labelStyle]
+  }, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, {
+    theme: theme,
+    ...rest
+  }, children));
+};
+
+var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
+
+exports.default = _default;
+//# sourceMappingURL=RadioButtonFieldGroup.js.mapography.headline4.color
+    }, labelStyle]
   }, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, _extends({
     theme: theme
   }, rest), children));

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonFieldGroup.tsx"],"names":["RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAQA,MAAMA,qBAAsC,GAAG,CAAC;AAC9CC,EAAAA,KAD8C;AAE9CC,EAAAA,QAF8C;AAG9CC,EAAAA,KAH8C;AAI9CC,EAAAA,UAJ8C;AAK9CC,EAAAA,KAL8C;AAM9C,KAAGC;AAN2C,CAAD,KAOzC;AACJ,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAED;AAAb,kBACE,6BAAC,aAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;AAEEG,MAAAA,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;AAFpC,KADK,EAKLN,UALK;AADT,KASGH,KATH,CADF,eAYE,6BAAC,yBAAD;AAAkB,IAAA,KAAK,EAAEE;AAAzB,KAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;eA4Be,wBAAUF,qBAAV,C","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n  label?: string;\n  labelStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<Props> = ({\n  label,\n  children,\n  theme,\n  labelStyle,\n  style,\n  ...rest\n}) => {\n  return (\n    <View style={style}>\n      <Text\n        style={[\n          {\n            fontSize: theme.typography.headline4.fontSize,\n            color: theme.typography.headline4.color,\n          },\n          labelStyle,\n        ]}\n      >\n        {label}\n      </Text>\n      <RadioButtonGroup theme={theme} {...rest}>\n        {children}\n      </RadioButtonGroup>\n    </View>\n  );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"]}
+{"version":3,"sources":["RadioButtonFieldGroup.js"],"names":["RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","React","createElement","View","Text","fontSize","typography","headline4","color","RadioButtonGroup"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,qBAAqB,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,KAAnB;AAA0BC,EAAAA,UAA1B;AAAsCC,EAAAA,KAAtC;AAA6C,KAAGC;AAAhD,CAAD,KAA4D;AACtF,sBAAQC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEJ,IAAAA,KAAK,EAAEA;AAAT,GAA1B,eACJE,eAAMC,aAAN,CAAoBE,aAApB,EAA0B;AAAEL,IAAAA,KAAK,EAAE,CAC3B;AACIM,MAAAA,QAAQ,EAAER,KAAK,CAACS,UAAN,CAAiBC,SAAjB,CAA2BF,QADzC;AAEIG,MAAAA,KAAK,EAAEX,KAAK,CAACS,UAAN,CAAiBC,SAAjB,CAA2BC;AAFtC,KAD2B,EAK3BV,UAL2B;AAAT,GAA1B,EAMSH,KANT,CADI,eAQJM,eAAMC,aAAN,CAAoBO,yBAApB,EAAsC;AAAEZ,IAAAA,KAAK,EAAEA,KAAT;AAAgB,OAAGG;AAAnB,GAAtC,EAAiEJ,QAAjE,CARI,CAAR;AASH,CAVD;;eAWe,wBAAUF,qBAAV,C","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup from \"./RadioButtonGroup\";\nconst RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {\n    return (React.createElement(View, { style: style },\n        React.createElement(Text, { style: [\n                {\n                    fontSize: theme.typography.headline4.fontSize,\n                    color: theme.typography.headline4.color,\n                },\n                labelStyle,\n            ] }, label),\n        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));\n};\nexport default withTheme(RadioButtonFieldGroup);\n"]}

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

@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const {
   Provider
 } = _context.radioButtonGroupContext;
@@ -57,11 +55,12 @@ const RadioButtonGroup = ({
     });
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
       minHeight: 40
-    }, style]
-  }, rest), /*#__PURE__*/React.createElement(Provider, {
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
     value: {
       value: internalValue || "",
       onValueChange: setIntervalValue,
@@ -90,4 +89,15 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=RadioButtonGroup.js.mapChange],
+  props: {
+    direction: (0, _types.createDirectionProp)(),
+    fieldName: (0, _types.createFieldNameProp)({
+      handlerPropName: "onValueChange",
+      valuePropName: "value",
+      defaultValue: "radioButtonGroupValue"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=RadioButtonGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonGroup.tsx"],"names":["Provider","radioButtonGroupContext","RadioButtonGroup","direction","Direction","Vertical","value","onValueChange","initialValue","defaultValue","style","children","rest","internalValue","setIntervalValue","React","useState","useEffect","previousInitialValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","fieldName","handlerPropName","valuePropName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;AAYA,MAAM;AAAEA,EAAAA;AAAF,IAAeC,gCAArB;;AAEA,MAAMC,gBAAiD,GAAG,CAAC;AACzDC,EAAAA,SAAS,GAAGC,mBAAUC,QADmC;AAEzDC,EAAAA,KAFyD;AAGzDC,EAAAA,aAAa,GAAG,MAAM,CAAE,CAHiC;AAIzDC,EAAAA,YAJyD;AAKzDC,EAAAA,YALyD;AAMzDC,EAAAA,KANyD;AAOzDC,EAAAA,QAPyD;AAQzD,KAAGC;AARsD,CAAD,KASpD;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CACxCV,KAAK,IAAIG,YAD+B,CAA1C;AAIAM,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpB,QAAIX,KAAK,IAAI,IAAb,EAAmB;AACjBQ,MAAAA,gBAAgB,CAACR,KAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,KAAD,CAJH;AAMA,QAAMY,oBAAoB,GAAG,wBAAYV,YAAZ,CAA7B;AACAO,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpB,QAAIT,YAAY,KAAKU,oBAArB,EAA2C;AACzCX,MAAAA,aAAa,CAACC,YAAD,CAAb;AACD;AACF,GAJD,EAIG,CAACA,YAAD,EAAeU,oBAAf,EAAqCX,aAArC,CAJH;AAMA,QAAMY,eAAqC,GAAG,CAC5C;AACEC,IAAAA,aAAa,EAAEjB,SAAS,KAAKC,mBAAUiB,UAAxB,GAAqC,KAArC,GAA6C;AAD9D,GAD4C,CAA9C;;AAMA,MAAIlB,SAAS,KAAKC,mBAAUC,QAA5B,EAAsC;AACpCc,IAAAA,eAAe,CAACG,IAAhB,CAAqB;AACnBC,MAAAA,UAAU,EAAE;AADO,KAArB;AAGD;;AAED,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBd,KAApB;AAAb,KAA6CE,IAA7C,gBACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAE;AACLN,MAAAA,KAAK,EAAEO,aAAa,IAAI,EADnB;AAELN,MAAAA,aAAa,EAAEO,gBAFV;AAGLX,MAAAA;AAHK;AADT,kBAOE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEgB;AAAb,KAA+BR,QAA/B,CAPF,CADF,CADF;AAaD,CApDD;;eAsDeT,gB;;AAER,MAAMuB,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLhC,IAAAA,SAAS,EAAE,iCADN;AAELiC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7B7B,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nimport { usePrevious } from \"../../hooks\";\nexport interface RadioButtonGroupProps {\n  direction?: Direction;\n  style?: StyleProp<ViewStyle>;\n  value?: string;\n  onValueChange: (value: string) => void;\n  initialValue?: string; // deprecated\n  defaultValue?: string;\n  theme: Theme;\n  children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n  direction = Direction.Vertical,\n  value,\n  onValueChange = () => {},\n  initialValue,\n  defaultValue,\n  style,\n  children,\n  ...rest\n}) => {\n  const [internalValue, setIntervalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setIntervalValue(value);\n    }\n  }, [value]);\n\n  const previousInitialValue = usePrevious(initialValue);\n  React.useEffect(() => {\n    if (initialValue !== previousInitialValue) {\n      onValueChange(initialValue);\n    }\n  }, [initialValue, previousInitialValue, onValueChange]);\n\n  const _containerStyle: StyleProp<ViewStyle> = [\n    {\n      flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n    },\n  ];\n\n  if (direction !== Direction.Vertical) {\n    _containerStyle.push({\n      alignItems: \"center\",\n    });\n  }\n\n  return (\n    <View style={[{ minHeight: 40 }, style]} {...rest}>\n      <Provider\n        value={{\n          value: internalValue || \"\",\n          onValueChange: setIntervalValue,\n          direction,\n        }}\n      >\n        <View style={_containerStyle}>{children}</View>\n      </Provider>\n    </View>\n  );\n};\n\nexport default RadioButtonGroup;\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["RadioButtonGroup.js"],"names":["Provider","radioButtonGroupContext","RadioButtonGroup","direction","Direction","Vertical","value","onValueChange","initialValue","defaultValue","style","children","rest","internalValue","setIntervalValue","React","useState","useEffect","previousInitialValue","_containerStyle","flexDirection","Horizontal","push","alignItems","createElement","View","minHeight","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","fieldName","handlerPropName","valuePropName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AACA,MAAM;AAAEA,EAAAA;AAAF,IAAeC,gCAArB;;AACA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,SAAS,GAAGC,mBAAUC,QAAxB;AAAkCC,EAAAA,KAAlC;AAAyCC,EAAAA,aAAa,GAAG,MAAM,CAAG,CAAlE;AAAoEC,EAAAA,YAApE;AAAkFC,EAAAA,YAAlF;AAAgGC,EAAAA,KAAhG;AAAuGC,EAAAA,QAAvG;AAAiH,KAAGC;AAApH,CAAD,KAAgI;AACrJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CAAeV,KAAK,IAAIG,YAAxB,CAA1C;AACAM,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIX,KAAK,IAAI,IAAb,EAAmB;AACfQ,MAAAA,gBAAgB,CAACR,KAAD,CAAhB;AACH;AACJ,GAJD,EAIG,CAACA,KAAD,CAJH;AAKA,QAAMY,oBAAoB,GAAG,wBAAYV,YAAZ,CAA7B;AACAO,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIT,YAAY,KAAKU,oBAArB,EAA2C;AACvCX,MAAAA,aAAa,CAACC,YAAD,CAAb;AACH;AACJ,GAJD,EAIG,CAACA,YAAD,EAAeU,oBAAf,EAAqCX,aAArC,CAJH;AAKA,QAAMY,eAAe,GAAG,CACpB;AACIC,IAAAA,aAAa,EAAEjB,SAAS,KAAKC,mBAAUiB,UAAxB,GAAqC,KAArC,GAA6C;AADhE,GADoB,CAAxB;;AAKA,MAAIlB,SAAS,KAAKC,mBAAUC,QAA5B,EAAsC;AAClCc,IAAAA,eAAe,CAACG,IAAhB,CAAqB;AACjBC,MAAAA,UAAU,EAAE;AADK,KAArB;AAGH;;AACD,sBAAQR,KAAK,CAACS,aAAN,CAAoBC,iBAApB,EAA0B;AAAEf,IAAAA,KAAK,EAAE,CAAC;AAAEgB,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBhB,KAApB,CAAT;AAAqC,OAAGE;AAAxC,GAA1B,eACJG,KAAK,CAACS,aAAN,CAAoBxB,QAApB,EAA8B;AAAEM,IAAAA,KAAK,EAAE;AAC/BA,MAAAA,KAAK,EAAEO,aAAa,IAAI,EADO;AAE/BN,MAAAA,aAAa,EAAEO,gBAFgB;AAG/BX,MAAAA;AAH+B;AAAT,GAA9B,eAKIY,KAAK,CAACS,aAAN,CAAoBC,iBAApB,EAA0B;AAAEf,IAAAA,KAAK,EAAES;AAAT,GAA1B,EAAsDR,QAAtD,CALJ,CADI,CAAR;AAOH,CA9BD;;eA+BeT,gB;;AACR,MAAMyB,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHlC,IAAAA,SAAS,EAAE,iCADR;AAEHmC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3B/B,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nimport { usePrevious } from \"../../hooks\";\nconst { Provider } = radioButtonGroupContext;\nconst RadioButtonGroup = ({ direction = Direction.Vertical, value, onValueChange = () => { }, initialValue, defaultValue, style, children, ...rest }) => {\n    const [internalValue, setIntervalValue] = React.useState(value || defaultValue);\n    React.useEffect(() => {\n        if (value != null) {\n            setIntervalValue(value);\n        }\n    }, [value]);\n    const previousInitialValue = usePrevious(initialValue);\n    React.useEffect(() => {\n        if (initialValue !== previousInitialValue) {\n            onValueChange(initialValue);\n        }\n    }, [initialValue, previousInitialValue, onValueChange]);\n    const _containerStyle = [\n        {\n            flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n        },\n    ];\n    if (direction !== Direction.Vertical) {\n        _containerStyle.push({\n            alignItems: \"center\",\n        });\n    }\n    return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },\n        React.createElement(Provider, { value: {\n                value: internalValue || \"\",\n                onValueChange: setIntervalValue,\n                direction,\n            } },\n            React.createElement(View, { style: _containerStyle }, children))));\n};\nexport default RadioButtonGroup;\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/ResizeMode.js

@@ -1,5 +1,6 @@
 "use strict";
-//# sourceMappingURL=ResizeMode.js.mapodule", {
+
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 //# sourceMappingURL=ResizeMode.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Row.tsx"],"names":["Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","Config","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","StyleSheet","create","flexDirection","flex","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;AACA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,CAAC;AAC5BC,EAAAA,cAD4B;AAE5BC,EAAAA,UAF4B;AAG5BC,EAAAA,iBAH4B;AAI5BC,EAAAA,aAJ4B;AAK5BC,EAAAA,KAL4B;AAM5BC,EAAAA,QAN4B;AAO5BC,EAAAA,iBAP4B;AAQ5BC,EAAAA,KAR4B;AAS5BC,EAAAA,KAT4B;AAU5BC,EAAAA;AAV4B,CAAD,KAWvB;AACJ,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAnB,EAAoCH,KAApC;AAAb,kBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACG;AAApB,KACGN,KAAK,iBACJ,oBAAC,kBAAD;AACE,IAAA,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;AAAEO,MAAAA,GAAG,EAAEP;AAAP,KAA5B,GAA6CA,KADvD;AAEE,IAAA,KAAK,EAAE;AACLQ,MAAAA,WAAW,EAAE,EADR;AAELC,MAAAA,KAAK,EAAEX,QAAQ,GACXY,gBAAOC,qBADI,GAEXD,gBAAOE,sBAJN;AAKLC,MAAAA,MAAM,EAAEf,QAAQ,GACZY,gBAAOC,qBADK,GAEZD,gBAAOE;AAPN;AAFT,IAFJ,eAeE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAET,MAAM,CAACW;AAApB,kBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLrB,cADK,EAEL;AACEsB,MAAAA,KAAK,EAAErB;AADT,KAFK,CADT;AAOE,IAAA,aAAa,EAAE;AAPjB,KASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLH,iBADK,EAEL;AACEoB,MAAAA,KAAK,EAAEnB,aADT;AAEEoB,MAAAA,SAAS,EAAE;AAFb,KAFK,CADT;AAQE,IAAA,aAAa,EAAEjB,iBAAiB,GAAGkB,SAAH,GAAe;AARjD,KAUGnB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGe,wBAAWC,MAAX,CAAkB;AAC/Bb,EAAAA,aAAa,EAAE;AACbc,IAAAA,aAAa,EAAE,KADF;AAEbC,IAAAA,IAAI,EAAE;AAFO,GADgB;AAK/BjB,EAAAA,SAAS,EAAE;AACTgB,IAAAA,aAAa,EAAE,KADN;AAETE,IAAAA,cAAc,EAAE,eAFP;AAGTC,IAAAA,UAAU,EAAE;AAHH,GALoB;AAU/BT,EAAAA,aAAa,EAAE;AACbO,IAAAA,IAAI,EAAE,CADO;AAEbC,IAAAA,cAAc,EAAE;AAFH;AAVgB,CAAlB,CAAf;;eAgBe,wBAAU9B,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  Image,\n  ImageSourcePropType,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor?: string;\n  subtitleTypeStyle?: StyleProp<TextStyle>;\n  subtitleColor?: string;\n  title?: string;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  image?: string | ImageSourcePropType;\n  right?: () => React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst Row: React.FC<Props> = ({\n  titleTypeStyle,\n  titleColor,\n  subtitleTypeStyle,\n  subtitleColor,\n  title,\n  subtitle,\n  multilineSubtitle,\n  image,\n  right,\n  style,\n}) => {\n  return (\n    <View style={[styles.container, { padding: 16 }, style]}>\n      <View style={styles.leftContainer}>\n        {image && (\n          <Image\n            source={typeof image === \"string\" ? { uri: image } : image}\n            style={{\n              marginRight: 12,\n              width: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n              height: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n            }}\n          />\n        )}\n        <View style={styles.textContainer}>\n          <Text\n            style={[\n              titleTypeStyle,\n              {\n                color: titleColor,\n              },\n            ]}\n            numberOfLines={1}\n          >\n            {title}\n          </Text>\n          {subtitle ? (\n            <Text\n              style={[\n                subtitleTypeStyle,\n                {\n                  color: subtitleColor,\n                  marginTop: 4,\n                },\n              ]}\n              numberOfLines={multilineSubtitle ? undefined : 1}\n            >\n              {subtitle}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n      {right && right()}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  leftContainer: {\n    flexDirection: \"row\",\n    flex: 1,\n  },\n  container: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  textContainer: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(Row);\n"]}
+{"version":3,"sources":["Row.js"],"names":["Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","React","createElement","View","styles","container","padding","leftContainer","Image","source","uri","marginRight","width","Config","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","Text","color","numberOfLines","marginTop","undefined","StyleSheet","create","flexDirection","flex","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,GAAG,GAAG,CAAC;AAAEC,EAAAA,cAAF;AAAkBC,EAAAA,UAAlB;AAA8BC,EAAAA,iBAA9B;AAAiDC,EAAAA,aAAjD;AAAgEC,EAAAA,KAAhE;AAAuEC,EAAAA,QAAvE;AAAiFC,EAAAA,iBAAjF;AAAoGC,EAAAA,KAApG;AAA2GC,EAAAA,KAA3G;AAAkHC,EAAAA;AAAlH,CAAD,KAAgI;AACxI,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAE,CAACI,MAAM,CAACC,SAAR,EAAmB;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAnB,EAAoCN,KAApC;AAAT,GAA1B,eACJC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAEI,MAAM,CAACG;AAAhB,GAA1B,EACIT,KAAK,iBAAKG,KAAK,CAACC,aAAN,CAAoBM,kBAApB,EAA2B;AAAEC,IAAAA,MAAM,EAAE,OAAOX,KAAP,KAAiB,QAAjB,GAA4B;AAAEY,MAAAA,GAAG,EAAEZ;AAAP,KAA5B,GAA6CA,KAAvD;AAA8DE,IAAAA,KAAK,EAAE;AAClGW,MAAAA,WAAW,EAAE,EADqF;AAElGC,MAAAA,KAAK,EAAEhB,QAAQ,GACTiB,gBAAOC,qBADE,GAETD,gBAAOE,sBAJqF;AAKlGC,MAAAA,MAAM,EAAEpB,QAAQ,GACViB,gBAAOC,qBADG,GAEVD,gBAAOE;AAPqF;AAArE,GAA3B,CADd,eAUId,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAEI,MAAM,CAACa;AAAhB,GAA1B,eACIhB,KAAK,CAACC,aAAN,CAAoBgB,iBAApB,EAA0B;AAAElB,IAAAA,KAAK,EAAE,CAC3BT,cAD2B,EAE3B;AACI4B,MAAAA,KAAK,EAAE3B;AADX,KAF2B,CAAT;AAKnB4B,IAAAA,aAAa,EAAE;AALI,GAA1B,EAK2BzB,KAL3B,CADJ,EAOIC,QAAQ,gBAAIK,KAAK,CAACC,aAAN,CAAoBgB,iBAApB,EAA0B;AAAElB,IAAAA,KAAK,EAAE,CACvCP,iBADuC,EAEvC;AACI0B,MAAAA,KAAK,EAAEzB,aADX;AAEI2B,MAAAA,SAAS,EAAE;AAFf,KAFuC,CAAT;AAM/BD,IAAAA,aAAa,EAAEvB,iBAAiB,GAAGyB,SAAH,GAAe;AANhB,GAA1B,EAM+C1B,QAN/C,CAAJ,GAMgE,IAb5E,CAVJ,CADI,EAyBJG,KAAK,IAAIA,KAAK,EAzBV,CAAR;AA0BH,CA3BD;;AA4BA,MAAMK,MAAM,GAAGmB,wBAAWC,MAAX,CAAkB;AAC7BjB,EAAAA,aAAa,EAAE;AACXkB,IAAAA,aAAa,EAAE,KADJ;AAEXC,IAAAA,IAAI,EAAE;AAFK,GADc;AAK7BrB,EAAAA,SAAS,EAAE;AACPoB,IAAAA,aAAa,EAAE,KADR;AAEPE,IAAAA,cAAc,EAAE,eAFT;AAGPC,IAAAA,UAAU,EAAE;AAHL,GALkB;AAU7BX,EAAAA,aAAa,EAAE;AACXS,IAAAA,IAAI,EAAE,CADK;AAEXC,IAAAA,cAAc,EAAE;AAFL;AAVc,CAAlB,CAAf;;eAee,wBAAUrC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, Text, Image, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst Row = ({ titleTypeStyle, titleColor, subtitleTypeStyle, subtitleColor, title, subtitle, multilineSubtitle, image, right, style, }) => {\n    return (React.createElement(View, { style: [styles.container, { padding: 16 }, style] },\n        React.createElement(View, { style: styles.leftContainer },\n            image && (React.createElement(Image, { source: typeof image === \"string\" ? { uri: image } : image, style: {\n                    marginRight: 12,\n                    width: subtitle\n                        ? Config.rowMultiLineImageSize\n                        : Config.rowSingleLineImageSize,\n                    height: subtitle\n                        ? Config.rowMultiLineImageSize\n                        : Config.rowSingleLineImageSize,\n                } })),\n            React.createElement(View, { style: styles.textContainer },\n                React.createElement(Text, { style: [\n                        titleTypeStyle,\n                        {\n                            color: titleColor,\n                        },\n                    ], numberOfLines: 1 }, title),\n                subtitle ? (React.createElement(Text, { style: [\n                        subtitleTypeStyle,\n                        {\n                            color: subtitleColor,\n                            marginTop: 4,\n                        },\n                    ], numberOfLines: multilineSubtitle ? undefined : 1 }, subtitle)) : null)),\n        right && right()));\n};\nconst styles = StyleSheet.create({\n    leftContainer: {\n        flexDirection: \"row\",\n        flex: 1,\n    },\n    container: {\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    textContainer: {\n        flex: 1,\n        justifyContent: \"center\",\n    },\n});\nexport default withTheme(Row);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RowBodyIcon.tsx"],"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","Config","rowSingleLineIconSize","marginLeft","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","basic","ASSET","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n  Icon,\n  title,\n  subtitle,\n  icon,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.body1}\n      titleColor={colors.medium}\n      subtitleTypeStyle={typography.subtitle2}\n      subtitleColor={colors.light}\n      title={title}\n      subtitle={subtitle}\n      right={() => (\n        <Icon\n          name={icon}\n          size={Config.rowSingleLineIconSize}\n          color={colors.light}\n          style={{ marginLeft: 16 }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowBodyIcon);\n\nexport const SEED_DATA = [\n  {\n    name: \"Row Single Line Body Icon\",\n    tag: \"RowBodyIcon\",\n    description: \"A row with left aligned body text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Double Line Body Icon\",\n    tag: \"RowBodyIcon\",\n    description:\n      \"A row with left aligned body text and subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["RowBodyIcon.js"],"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","React","createElement","Row","titleTypeStyle","body1","titleColor","medium","subtitleTypeStyle","subtitle2","subtitleColor","light","right","name","size","Config","rowSingleLineIconSize","color","marginLeft","SEED_DATA","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","basic","ASSET","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nconst RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));\n};\nexport default withTheme(RowBodyIcon);\nexport const SEED_DATA = [\n    {\n        name: \"Row Single Line Body Icon\",\n        tag: \"RowBodyIcon\",\n        description: \"A row with left aligned body text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Double Line Body Icon\",\n        tag: \"RowBodyIcon\",\n        description: \"A row with left aligned body text and subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            subtitle: {\n                group: GROUPS.data,\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"San Diego\",\n                editable: true,\n                required: false,\n            },\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RowHeadlineImageCaption.tsx"],"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","layout","ASSET"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  caption?: string;\n  image: string | ImageSourcePropType;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<Props> = ({\n  title,\n  subtitle,\n  caption,\n  image,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      image={image}\n      right={() => (\n        <Text\n          style={{\n            ...typography.caption,\n            color: colors.strong,\n            marginLeft: 16,\n          }}\n        >\n          {caption}\n        </Text>\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n\nexport const SEED_DATA = [\n  {\n    name: \"Row Single Line Headline Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned headline text and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Single Line Headline Image Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned image and headline text and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url:\n      \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image to display\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Double Line Headline Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Double Line Headline Image Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image to display\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["RowHeadlineImageCaption.js"],"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","React","createElement","Row","titleTypeStyle","headline6","titleColor","strong","subtitleTypeStyle","body2","subtitleColor","medium","right","Text","color","marginLeft","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","layout","ASSET"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,uBAAuB,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,OAAnB;AAA4BC,EAAAA,KAA5B;AAAmCC,EAAAA,KAAnC;AAA0CC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAAjD,CAAD,KAAgF;AAC5G,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,YAApB,EAAyB;AAAEC,IAAAA,cAAc,EAAEJ,UAAU,CAACK,SAA7B;AAAwCC,IAAAA,UAAU,EAAEP,MAAM,CAACQ,MAA3D;AAAmEC,IAAAA,iBAAiB,EAAER,UAAU,CAACS,KAAjG;AAAwGC,IAAAA,aAAa,EAAEX,MAAM,CAACY,MAA9H;AAAsIlB,IAAAA,KAAK,EAAEA,KAA7I;AAAoJC,IAAAA,QAAQ,EAAEA,QAA9J;AAAwKE,IAAAA,KAAK,EAAEA,KAA/K;AAAsLgB,IAAAA,KAAK,EAAE,mBAAOX,KAAK,CAACC,aAAN,CAAoBW,iBAApB,EAA0B;AAAEhB,MAAAA,KAAK,EAAE,EAC5P,GAAGG,UAAU,CAACL,OAD8O;AAE5PmB,QAAAA,KAAK,EAAEf,MAAM,CAACQ,MAF8O;AAG5PQ,QAAAA,UAAU,EAAE;AAHgP;AAAT,KAA1B,EAIxNpB,OAJwN,CAApM;AAITE,IAAAA,KAAK,EAAEA;AAJE,GAAzB,CAAR;AAKH,CAND;;eAOe,wBAAUL,uBAAV,C;;;AACR,MAAMwB,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,kCADV;AAEIC,EAAAA,GAAG,EAAE,yBAFT;AAGIC,EAAAA,WAAW,EAAE,sEAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,qDALvB;AAMIC,EAAAA,oBAAoB,EAAE,IAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHhC,IAAAA,KAAK,EAAE;AACHiC,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,0BAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,4BANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWH3C,IAAAA,OAAO,EAAE;AACL+B,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,SAFF;AAGLV,MAAAA,WAAW,EAAE,yBAHR;AAILW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,MANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL;AAXN,GAPX;AA6BIC,EAAAA,MAAM,EAAE;AA7BZ,CADqB,EAgCrB;AACItB,EAAAA,IAAI,EAAE,wCADV;AAEIC,EAAAA,GAAG,EAAE,yBAFT;AAGIC,EAAAA,WAAW,EAAE,gFAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,0DALvB;AAMIC,EAAAA,oBAAoB,EAAE,IAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHhC,IAAAA,KAAK,EAAE;AACHiC,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,0BAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,4BANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWH3C,IAAAA,OAAO,EAAE;AACL+B,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,SAFF;AAGLV,MAAAA,WAAW,EAAE,yBAHR;AAILW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,MANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KAXN;AAqBH1C,IAAAA,KAAK,EAAE;AACH8B,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,kBAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWnC,KAJlB;AAKHqC,MAAAA,QAAQ,EAAEC,kBAAWM,KALlB;AAMHJ,MAAAA,YAAY,EAAE,IANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP;AArBJ,GAPX;AAuCIC,EAAAA,MAAM,EAAE;AAvCZ,CAhCqB,EAyErB;AACItB,EAAAA,IAAI,EAAE,kCADV;AAEIC,EAAAA,GAAG,EAAE,yBAFT;AAGIC,EAAAA,WAAW,EAAE,wFAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,qDALvB;AAMIC,EAAAA,oBAAoB,EAAE,IAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHhC,IAAAA,KAAK,EAAE;AACHiC,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,0BAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,4BANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWH5C,IAAAA,QAAQ,EAAE;AACNgC,MAAAA,KAAK,EAAEC,cAAOC,IADR;AAENC,MAAAA,KAAK,EAAE,UAFD;AAGNV,MAAAA,WAAW,EAAE,0BAHP;AAINW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJf;AAKNC,MAAAA,QAAQ,EAAEC,kBAAWC,MALf;AAMNC,MAAAA,YAAY,EAAE,WANR;AAONC,MAAAA,QAAQ,EAAE,IAPJ;AAQNC,MAAAA,QAAQ,EAAE;AARJ,KAXP;AAqBH3C,IAAAA,OAAO,EAAE;AACL+B,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,SAFF;AAGLV,MAAAA,WAAW,EAAE,yBAHR;AAILW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,MANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL;AArBN,GAPX;AAuCIC,EAAAA,MAAM,EAAE;AAvCZ,CAzEqB,EAkHrB;AACItB,EAAAA,IAAI,EAAE,wCADV;AAEIC,EAAAA,GAAG,EAAE,yBAFT;AAGIC,EAAAA,WAAW,EAAE,iGAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,qDALvB;AAMIC,EAAAA,oBAAoB,EAAE,IAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHhC,IAAAA,KAAK,EAAE;AACHiC,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,0BAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,4BANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWH5C,IAAAA,QAAQ,EAAE;AACNgC,MAAAA,KAAK,EAAEC,cAAOC,IADR;AAENC,MAAAA,KAAK,EAAE,UAFD;AAGNV,MAAAA,WAAW,EAAE,0BAHP;AAINW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJf;AAKNC,MAAAA,QAAQ,EAAEC,kBAAWC,MALf;AAMNC,MAAAA,YAAY,EAAE,WANR;AAONC,MAAAA,QAAQ,EAAE,IAPJ;AAQNC,MAAAA,QAAQ,EAAE;AARJ,KAXP;AAqBH3C,IAAAA,OAAO,EAAE;AACL+B,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,SAFF;AAGLV,MAAAA,WAAW,EAAE,yBAHR;AAILW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,MANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KArBN;AA+BH1C,IAAAA,KAAK,EAAE;AACH8B,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,kBAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWnC,KAJlB;AAKHqC,MAAAA,QAAQ,EAAEC,kBAAWM,KALlB;AAMHJ,MAAAA,YAAY,EAAE,IANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP;AA/BJ,GAPX;AAiDIC,EAAAA,MAAM,EAAE;AAjDZ,CAlHqB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { Text } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nimport Row from \"./Row\";\nconst RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {\n                ...typography.caption,\n                color: colors.strong,\n                marginLeft: 16,\n            } }, caption)), style: style }));\n};\nexport default withTheme(RowHeadlineImageCaption);\nexport const SEED_DATA = [\n    {\n        name: \"Row Single Line Headline Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned headline text and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Single Line Headline Image Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned image and headline text and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n            image: {\n                group: GROUPS.data,\n                label: \"Image\",\n                description: \"Image to display\",\n                formType: FORM_TYPES.image,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Double Line Headline Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            subtitle: {\n                group: GROUPS.data,\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"San Diego\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Double Line Headline Image Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            subtitle: {\n                group: GROUPS.data,\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"San Diego\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n            image: {\n                group: GROUPS.data,\n                label: \"Image\",\n                description: \"Image to display\",\n                formType: FORM_TYPES.image,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RowHeadlineImageIcon.tsx"],"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","Config","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop","SEED_DATA_PROPS","label","description","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","COMPONENT_TYPES","row","layout","props"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createImageProp,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  image: string | ImageSourcePropType;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<Props> = ({\n  Icon,\n  icon,\n  title,\n  image,\n  subtitle,\n  multilineSubtitle = false,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      multilineSubtitle={multilineSubtitle}\n      image={image}\n      right={() => (\n        <Icon\n          name={icon}\n          size={\n            multilineSubtitle\n              ? Config.rowMultiLineIconSize\n              : Config.rowSingleLineIconSize\n          }\n          color={colors.light}\n          style={{\n            marginLeft: 16,\n            alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n            marginTop: multilineSubtitle ? 4 : 0,\n          }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\nconst SEED_DATA_PROPS = {\n  title: createTextProp({\n    label: \"Title\",\n    description: \"Headline text to display\",\n  }),\n  icon: createIconProp({\n    defaultValue: null,\n  }),\n};\n\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n  defaultValue: true,\n  editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n  label: \"Subtitle\",\n  description: \"Subtitle text to display\",\n  defaultValue: \"San Diego\",\n});\n\nexport const SEED_DATA = [\n  {\n    name: \"Row Single Line Headline Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n    },\n  },\n  {\n    name: \"Row Single Line Headline Icon Image\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned image and headline text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      image: IMAGE_PROP,\n    },\n  },\n  {\n    name: \"Row Double Line Headline Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      subtitle: SUBTITLE_PROP,\n    },\n  },\n  {\n    name: \"Row Double Line Headline Image Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      image: IMAGE_PROP,\n      subtitle: SUBTITLE_PROP,\n    },\n  },\n  {\n    name: \"Row Multiline Headline Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      multilineSubtitle: MULTILINE_PROP,\n      subtitle: createTextProp({\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        defaultValue:\n          \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n      }),\n    },\n  },\n  {\n    name: \"Row Multiline Headline Image Icon\",\n    tag: \"RowHeadlineImageIcon\",\n    description:\n      \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    layout: {},\n    props: {\n      ...SEED_DATA_PROPS,\n      image: IMAGE_PROP,\n      multilineSubtitle: MULTILINE_PROP,\n      subtitle: createTextProp({\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        defaultValue:\n          \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","React","createElement","Row","titleTypeStyle","headline6","titleColor","strong","subtitleTypeStyle","body2","subtitleColor","medium","right","name","size","Config","rowMultiLineIconSize","rowSingleLineIconSize","color","light","marginLeft","alignSelf","marginTop","SEED_DATA_PROPS","label","description","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","tag","category","COMPONENT_TYPES","row","layout","props"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nconst RowHeadlineImageIcon = ({ Icon, icon, title, image, subtitle, multilineSubtitle = false, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle\n                ? Config.rowMultiLineIconSize\n                : Config.rowSingleLineIconSize, color: colors.light, style: {\n                marginLeft: 16,\n                alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n                marginTop: multilineSubtitle ? 4 : 0,\n            } })), style: style }));\n};\nexport default withTheme(RowHeadlineImageIcon);\nconst SEED_DATA_PROPS = {\n    title: createTextProp({\n        label: \"Title\",\n        description: \"Headline text to display\",\n    }),\n    icon: createIconProp({\n        defaultValue: null,\n    }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n    defaultValue: true,\n    editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n    label: \"Subtitle\",\n    description: \"Subtitle text to display\",\n    defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n    {\n        name: \"Row Single Line Headline Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n        },\n    },\n    {\n        name: \"Row Single Line Headline Icon Image\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned image and headline text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            image: IMAGE_PROP,\n        },\n    },\n    {\n        name: \"Row Double Line Headline Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            subtitle: SUBTITLE_PROP,\n        },\n    },\n    {\n        name: \"Row Double Line Headline Image Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            image: IMAGE_PROP,\n            subtitle: SUBTITLE_PROP,\n        },\n    },\n    {\n        name: \"Row Multiline Headline Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            multilineSubtitle: MULTILINE_PROP,\n            subtitle: createTextProp({\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n            }),\n        },\n    },\n    {\n        name: \"Row Multiline Headline Image Icon\",\n        tag: \"RowHeadlineImageIcon\",\n        description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        layout: {},\n        props: {\n            ...SEED_DATA_PROPS,\n            image: IMAGE_PROP,\n            multilineSubtitle: MULTILINE_PROP,\n            subtitle: createTextProp({\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n            }),\n        },\n    },\n];\n"]}

package/lib/commonjs/components/ScreenContainer.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 function ScrollView({
   children,
   style
@@ -51,12 +49,13 @@ function ScreenContainer({
     edges.push("bottom");
   }
 
-  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
     edges: edges,
     style: [styles.container, {
       backgroundColor
-    }]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    }],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor
     }, style]
@@ -73,5 +72,19 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(ScreenContainer);
 
+exports.default = _default;
+//# sourceMappingURL=ScreenContainer.js.mapscrollable ? /*#__PURE__*/React.createElement(ScrollView, {
+    style: style
+  }, children) : children));
+}
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+
+var _default = (0, _theming.withTheme)(ScreenContainer);
+
 exports.default = _default;
 //# sourceMappingURL=ScreenContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ScreenContainer.tsx"],"names":["ScrollView","children","style","flexGrow","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","rest","backgroundColor","colors","background","edges","push","styles","container","StyleSheet","create","flex"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AAEA;;;;;;;;AAGA,SAASA,UAAT,CAAoB;AAClBC,EAAAA,QADkB;AAElBC,EAAAA;AAFkB,CAApB,EAMG;AACD,sBACE,oBAAC,uBAAD;AACE,IAAA,qBAAqB,EAAE,CACrB;AACEC,MAAAA,QAAQ,EAAE;AADZ,KADqB,EAIrBD,KAJqB;AADzB,KAQGD,QARH,CADF;AAYD;;AAYD,SAASG,eAAT,CAAyB;AACvBC,EAAAA,WAAW,GAAG,KADS;AAEvBC,EAAAA,UAAU,GAAG,KAFU;AAGvBC,EAAAA,iBAHuB;AAIvBC,EAAAA,cAJuB;AAKvBC,EAAAA,KALuB;AAMvBP,EAAAA,KANuB;AAOvBD,EAAAA,QAPuB;AAQvB,KAAGS;AARoB,CAAzB,EASU;AACR,QAAMC,eAAe,GAAGF,KAAK,CAACG,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIT,WAAW,IAAIG,cAAnB,EAAmC;AACjCM,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIV,WAAW,IAAIE,iBAAnB,EAAsC;AACpCO,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,wCAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,gBAUE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCT,KAAxC;AAAb,KACGI,UAAU,gBACT,oBAAC,UAAD;AAAY,IAAA,KAAK,EAAEJ;AAAnB,KAA2BD,QAA3B,CADS,GAGTA,QAJJ,CAVF,CADF;AAoBD;;AAED,MAAMe,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf;;eAMe,wBAAUhB,eAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView as NativeScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nfunction ScrollView({\n  children,\n  style,\n}: {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <NativeScrollView\n      contentContainerStyle={[\n        {\n          flexGrow: 1,\n        },\n        style,\n      ]}\n    >\n      {children}\n    </NativeScrollView>\n  );\n}\n\ntype Props = {\n  hasSafeArea: boolean;\n  scrollable: boolean;\n  hasBottomSafeArea?: boolean;\n  hasTopSafeArea?: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  hasSafeArea = false,\n  scrollable = false,\n  hasBottomSafeArea,\n  hasTopSafeArea,\n  theme,\n  style,\n  children,\n  ...rest\n}: Props) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      <View style={[styles.container, { backgroundColor }, style]}>\n        {scrollable ? (\n          <ScrollView style={style}>{children}</ScrollView>\n        ) : (\n          children\n        )}\n      </View>\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
+{"version":3,"sources":["ScreenContainer.js"],"names":["ScrollView","children","style","React","createElement","NativeScrollView","contentContainerStyle","flexGrow","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","rest","backgroundColor","colors","background","edges","push","SafeAreaView","styles","container","View","StyleSheet","create","flex"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AACA,SAASA,UAAT,CAAoB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAApB,EAA0C;AACtC,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,uBAApB,EAAsC;AAAEC,IAAAA,qBAAqB,EAAE,CAC/D;AACIC,MAAAA,QAAQ,EAAE;AADd,KAD+D,EAI/DL,KAJ+D;AAAzB,GAAtC,EAKCD,QALD,CAAR;AAMH;;AACD,SAASO,eAAT,CAAyB;AAAEC,EAAAA,WAAW,GAAG,KAAhB;AAAuBC,EAAAA,UAAU,GAAG,KAApC;AAA2CC,EAAAA,iBAA3C;AAA8DC,EAAAA,cAA9D;AAA8EC,EAAAA,KAA9E;AAAqFX,EAAAA,KAArF;AAA4FD,EAAAA,QAA5F;AAAsG,KAAGa;AAAzG,CAAzB,EAA0I;AACtI,QAAMC,eAAe,GAAGF,KAAK,CAACG,MAAN,CAAaC,UAArC;AACA,QAAMC,KAAK,GAAG,CAAC,MAAD,EAAS,OAAT,CAAd;;AACA,MAAIT,WAAW,IAAIG,cAAnB,EAAmC;AAC/BM,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACH;;AACD,MAAIV,WAAW,IAAIE,iBAAnB,EAAsC;AAClCO,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACH;;AACD,sBAAQhB,KAAK,CAACC,aAAN,CAAoBgB,wCAApB,EAAkC;AAAEF,IAAAA,KAAK,EAAEA,KAAT;AAAgBhB,IAAAA,KAAK,EAAE,CACzDmB,MAAM,CAACC,SADkD,EAEzD;AACIP,MAAAA;AADJ,KAFyD,CAAvB;AAKnC,OAAGD;AALgC,GAAlC,eAMJX,KAAK,CAACC,aAAN,CAAoBmB,iBAApB,EAA0B;AAAErB,IAAAA,KAAK,EAAE,CAACmB,MAAM,CAACC,SAAR,EAAmB;AAAEP,MAAAA;AAAF,KAAnB,EAAwCb,KAAxC;AAAT,GAA1B,EAAqFQ,UAAU,gBAAIP,KAAK,CAACC,aAAN,CAAoBJ,UAApB,EAAgC;AAAEE,IAAAA,KAAK,EAAEA;AAAT,GAAhC,EAAkDD,QAAlD,CAAJ,GAAoEA,QAAnK,CANI,CAAR;AAOH;;AACD,MAAMoB,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC7BH,EAAAA,SAAS,EAAE;AACPI,IAAAA,IAAI,EAAE;AADC;AADkB,CAAlB,CAAf;;eAKe,wBAAUlB,eAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, ScrollView as NativeScrollView, View, } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nfunction ScrollView({ children, style, }) {\n    return (React.createElement(NativeScrollView, { contentContainerStyle: [\n            {\n                flexGrow: 1,\n            },\n            style,\n        ] }, children));\n}\nfunction ScreenContainer({ hasSafeArea = false, scrollable = false, hasBottomSafeArea, hasTopSafeArea, theme, style, children, ...rest }) {\n    const backgroundColor = theme.colors.background;\n    const edges = [\"left\", \"right\"];\n    if (hasSafeArea || hasTopSafeArea) {\n        edges.push(\"top\");\n    }\n    if (hasSafeArea || hasBottomSafeArea) {\n        edges.push(\"bottom\");\n    }\n    return (React.createElement(SafeAreaView, { edges: edges, style: [\n            styles.container,\n            {\n                backgroundColor,\n            },\n        ], ...rest },\n        React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, scrollable ? (React.createElement(ScrollView, { style: style }, children)) : (children))));\n}\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n});\nexport default withTheme(ScreenContainer);\n"]}

package/lib/commonjs/components/Slider.js

@@ -27,8 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 function maybeParseValue(value) {
   if (value === undefined) {
     return undefined;
@@ -96,9 +94,10 @@ function Slider({
     onValueChange(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [styles.container, style]
-  }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style],
+    ...rest
+  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
     color: leftIconThemeColor,
     name: leftIcon,
     size: 24
@@ -194,4 +193,17 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Slider.js.maplue: null
+    }),
+    maximumTrackTintColor: (0, _types.createColorProp)({
+      label: "Max Track Color",
+      defaultValue: null
+    }),
+    thumbTintColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: null
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Slider.tsx"],"names":["maybeParseValue","value","undefined","maybe","Slider","Icon","leftIcon","rightIcon","leftIconColor","rightIconColor","initialValue","defaultValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","minimumValue","maximumValue","tapToSeek","step","onValueChange","style","theme","rest","previousInitialValue","React","useEffect","internalValue","setIntervalValue","useState","minTrackColor","colors","primary","maxTrackColor","light","thumbColor","leftIconThemeColor","rightIconThemeColor","parsedValue","handleSlidingComplete","newValue","styles","container","slider","StyleSheet","create","height","flexDirection","alignItems","flex","marginHorizontal","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","marginLeft","marginRight","triggers","Triggers","OnValueChange","props","fieldName","handlerPropName","valuePropName","group","GROUPS","basic","label","min","max","precision"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\nimport NativeSlider from \"@react-native-community/slider\";\nimport isNumber from \"lodash.isnumber\";\nimport toNumber from \"lodash.tonumber\";\n\nimport {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  createIconProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { usePrevious } from \"../hooks\";\n\nexport type Props = {\n  style?: StyleProp<ViewStyle>;\n  value?: number;\n  initialValue?: number; // deprecated\n  defaultValue?: number;\n  minimumTrackTintColor: string;\n  maximumTrackTintColor: string;\n  leftIcon?: string;\n  rightIcon?: string;\n  leftIconColor?: string;\n  rightIconColor?: string;\n  thumbTintColor?: string;\n  tapToSeek?: boolean;\n  minimumValue: number;\n  maximumValue: number;\n  step: number;\n  onValueChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nfunction maybeParseValue(value: any) {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (isNumber(value)) {\n    return value;\n  }\n\n  try {\n    const maybe = toNumber(value);\n    if (isNumber(maybe)) {\n      return maybe;\n    }\n  } catch {\n    return undefined;\n  }\n\n  return undefined;\n}\n\nfunction Slider({\n  Icon,\n  leftIcon,\n  rightIcon,\n  leftIconColor,\n  rightIconColor,\n  value,\n  initialValue,\n  defaultValue,\n  minimumTrackTintColor,\n  maximumTrackTintColor,\n  thumbTintColor,\n  minimumValue = 0,\n  maximumValue = 100,\n  tapToSeek,\n  step = 1,\n  onValueChange = () => {},\n  style,\n  theme,\n  ...rest\n}: Props) {\n  const previousInitialValue = usePrevious(initialValue);\n  React.useEffect(() => {\n    if (initialValue !== previousInitialValue) {\n      onValueChange(initialValue);\n    }\n  }, [initialValue, previousInitialValue, onValueChange]);\n\n  const [internalValue, setIntervalValue] = React.useState<number | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setIntervalValue(value);\n    }\n  }, [value]);\n\n  const minTrackColor = minimumTrackTintColor || theme.colors.primary;\n  const maxTrackColor = maximumTrackTintColor || theme.colors.light;\n  const thumbColor = thumbTintColor || theme.colors.primary;\n\n  const leftIconThemeColor = leftIconColor || theme.colors.light;\n  const rightIconThemeColor = rightIconColor || theme.colors.light;\n\n  const parsedValue = maybeParseValue(internalValue);\n\n  const handleSlidingComplete = (newValue: number) => {\n    setIntervalValue(newValue);\n    onValueChange(newValue);\n  };\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {leftIcon ? (\n        <Icon color={leftIconThemeColor} name={leftIcon} size={24} />\n      ) : null}\n      <NativeSlider\n        value={parsedValue}\n        step={step}\n        minimumValue={minimumValue}\n        maximumValue={maximumValue}\n        tapToSeek={tapToSeek}\n        minimumTrackTintColor={minTrackColor}\n        maximumTrackTintColor={maxTrackColor}\n        thumbTintColor={thumbColor}\n        onSlidingComplete={handleSlidingComplete}\n        style={styles.slider}\n      />\n      {rightIcon ? (\n        <Icon color={rightIconThemeColor} name={rightIcon} size={24} />\n      ) : null}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 40,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  slider: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n});\n\nexport default withTheme(Slider);\n\nexport const SEED_DATA = {\n  name: \"Slider\",\n  tag: \"Slider\",\n  description: \"A component used to set a value in a range\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    marginLeft: 12,\n    marginRight: 12,\n  },\n  triggers: [Triggers.OnValueChange],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"sliderValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n    minimumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Min Value\",\n      min: 0,\n      max: 1000,\n    }),\n    maximumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Max Value\",\n      min: 1,\n      max: 10000,\n    }),\n    step: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Step\",\n      min: 0,\n      max: 100,\n      step: 0.01,\n      precision: 2,\n    }),\n    leftIcon: createIconProp({\n      label: \"Left Icon\",\n      defaultValue: null,\n    }),\n    rightIcon: createIconProp({\n      label: \"Right Icon\",\n      defaultValue: null,\n    }),\n    minimumTrackTintColor: createColorProp({\n      label: \"Min Track Color\",\n      defaultValue: null,\n    }),\n    maximumTrackTintColor: createColorProp({\n      label: \"Max Track Color\",\n      defaultValue: null,\n    }),\n    thumbTintColor: createColorProp({\n      label: \"Thumb Color\",\n      defaultValue: null,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Slider.js"],"names":["maybeParseValue","value","undefined","maybe","Slider","Icon","leftIcon","rightIcon","leftIconColor","rightIconColor","initialValue","defaultValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","minimumValue","maximumValue","tapToSeek","step","onValueChange","style","theme","rest","previousInitialValue","React","useEffect","internalValue","setIntervalValue","useState","minTrackColor","colors","primary","maxTrackColor","light","thumbColor","leftIconThemeColor","rightIconThemeColor","parsedValue","handleSlidingComplete","newValue","createElement","View","styles","container","color","name","size","NativeSlider","onSlidingComplete","slider","StyleSheet","create","height","flexDirection","alignItems","flex","marginHorizontal","SEED_DATA","tag","description","category","COMPONENT_TYPES","input","layout","marginLeft","marginRight","triggers","Triggers","OnValueChange","props","fieldName","handlerPropName","valuePropName","group","GROUPS","basic","label","min","max","precision"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport NativeSlider from \"@react-native-community/slider\";\nimport isNumber from \"lodash.isnumber\";\nimport toNumber from \"lodash.tonumber\";\nimport { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, } from \"@draftbit/types\";\nimport { withTheme } from \"../theming\";\nimport { usePrevious } from \"../hooks\";\nfunction maybeParseValue(value) {\n    if (value === undefined) {\n        return undefined;\n    }\n    if (isNumber(value)) {\n        return value;\n    }\n    try {\n        const maybe = toNumber(value);\n        if (isNumber(maybe)) {\n            return maybe;\n        }\n    }\n    catch {\n        return undefined;\n    }\n    return undefined;\n}\nfunction Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, initialValue, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue = 0, maximumValue = 100, tapToSeek, step = 1, onValueChange = () => { }, style, theme, ...rest }) {\n    const previousInitialValue = usePrevious(initialValue);\n    React.useEffect(() => {\n        if (initialValue !== previousInitialValue) {\n            onValueChange(initialValue);\n        }\n    }, [initialValue, previousInitialValue, onValueChange]);\n    const [internalValue, setIntervalValue] = React.useState(value || defaultValue);\n    React.useEffect(() => {\n        if (value != null) {\n            setIntervalValue(value);\n        }\n    }, [value]);\n    const minTrackColor = minimumTrackTintColor || theme.colors.primary;\n    const maxTrackColor = maximumTrackTintColor || theme.colors.light;\n    const thumbColor = thumbTintColor || theme.colors.primary;\n    const leftIconThemeColor = leftIconColor || theme.colors.light;\n    const rightIconThemeColor = rightIconColor || theme.colors.light;\n    const parsedValue = maybeParseValue(internalValue);\n    const handleSlidingComplete = (newValue) => {\n        setIntervalValue(newValue);\n        onValueChange(newValue);\n    };\n    return (React.createElement(View, { style: [styles.container, style], ...rest },\n        leftIcon ? (React.createElement(Icon, { color: leftIconThemeColor, name: leftIcon, size: 24 })) : null,\n        React.createElement(NativeSlider, { value: parsedValue, step: step, minimumValue: minimumValue, maximumValue: maximumValue, tapToSeek: tapToSeek, minimumTrackTintColor: minTrackColor, maximumTrackTintColor: maxTrackColor, thumbTintColor: thumbColor, onSlidingComplete: handleSlidingComplete, style: styles.slider }),\n        rightIcon ? (React.createElement(Icon, { color: rightIconThemeColor, name: rightIcon, size: 24 })) : null));\n}\nconst styles = StyleSheet.create({\n    container: {\n        height: 40,\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    slider: {\n        flex: 1,\n        marginHorizontal: 12,\n    },\n});\nexport default withTheme(Slider);\nexport const SEED_DATA = {\n    name: \"Slider\",\n    tag: \"Slider\",\n    description: \"A component used to set a value in a range\",\n    category: COMPONENT_TYPES.input,\n    layout: {\n        marginLeft: 12,\n        marginRight: 12,\n    },\n    triggers: [Triggers.OnValueChange],\n    props: {\n        fieldName: createFieldNameProp({\n            defaultValue: \"sliderValue\",\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n        }),\n        minimumValue: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Min Value\",\n            min: 0,\n            max: 1000,\n        }),\n        maximumValue: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Max Value\",\n            min: 1,\n            max: 10000,\n        }),\n        step: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Step\",\n            min: 0,\n            max: 100,\n            step: 0.01,\n            precision: 2,\n        }),\n        leftIcon: createIconProp({\n            label: \"Left Icon\",\n            defaultValue: null,\n        }),\n        rightIcon: createIconProp({\n            label: \"Right Icon\",\n            defaultValue: null,\n        }),\n        minimumTrackTintColor: createColorProp({\n            label: \"Min Track Color\",\n            defaultValue: null,\n        }),\n        maximumTrackTintColor: createColorProp({\n            label: \"Max Track Color\",\n            defaultValue: null,\n        }),\n        thumbTintColor: createColorProp({\n            label: \"Thumb Color\",\n            defaultValue: null,\n        }),\n    },\n};\n"]}