@draftbit/core 43.2.5-c566b0.3 → 43.2.5-cc755f.3

package/lib/commonjs/components/Accordion/AccordionGroup.js

@@ -69,15 +69,7 @@ const AccordionGroup = _ref => {
     name: expanded ? "MaterialIcons/keyboard-arrow-up" : "MaterialIcons/keyboard-arrow-down",
     color: caretColor,
     size: 24
-  })))), expandedInternal ? React.Children.map(children, child => {
-    if ( /*#__PURE__*/React.isValidElement(child) && !child.props.left && !child.props.right) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        style: child.props.style
-      });
-    }
-
-    return child;
-  }) : null);
+  })))), expandedInternal ? children : null);
 };
 
 const styles = _reactNative.StyleSheet.create({

package/lib/commonjs/components/Accordion/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AccordionGroup.tsx"],"names":["AccordionGroup","Icon","openColor","closedColor","caretColor","icon","iconSize","style","label","children","expanded","expandedProp","theme","setExpanded","React","useState","handlePressAction","undefined","expandedInternal","expandedColor","colors","primary","collapsedColor","labelColor","styles","row","item","content","color","Children","map","child","isValidElement","props","left","right","cloneElement","StyleSheet","create","flexDirection","alignItems","fontSize","margin","flex","justifyContent","marginLeft"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  openColor: string;\n  closedColor: string;\n  caretColor: string;\n  icon?: string;\n  iconSize: number;\n  style?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n  label: string;\n  expanded?: boolean;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n  Icon,\n  openColor,\n  closedColor,\n  caretColor,\n  icon,\n  iconSize = 24,\n  style,\n  label,\n  children,\n  expanded: expandedProp,\n  theme,\n}: Props) => {\n  const [expanded, setExpanded] = React.useState<boolean>(\n    expandedProp || false\n  );\n\n  const handlePressAction = () => {\n    if (expandedProp === undefined) {\n      setExpanded(!expanded);\n    }\n  };\n\n  const expandedInternal = expandedProp !== undefined ? expandedProp : expanded;\n\n  const expandedColor = openColor || theme.colors.primary;\n  const collapsedColor = closedColor || theme.colors.primary;\n\n  const labelColor = expanded ? expandedColor : collapsedColor;\n\n  return (\n    <>\n      <Pressable\n        style={[style]}\n        onPress={handlePressAction}\n        accessibilityRole=\"button\"\n      >\n        <View style={styles.row}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSize}\n              color={labelColor}\n              style={styles.icon}\n            />\n          ) : null}\n          <View style={[styles.item, styles.content]}>\n            <Text\n              selectable={false}\n              style={[\n                styles.label,\n                {\n                  color: labelColor,\n                },\n                style,\n              ]}\n            >\n              {label}\n            </Text>\n          </View>\n          <View style={[styles.item]}>\n            <Icon\n              name={\n                expanded\n                  ? \"MaterialIcons/keyboard-arrow-up\"\n                  : \"MaterialIcons/keyboard-arrow-down\"\n              }\n              color={caretColor}\n              size={24}\n            />\n          </View>\n        </View>\n      </Pressable>\n      {expandedInternal\n        ? React.Children.map(children, (child) => {\n            if (\n              React.isValidElement(child) &&\n              !child.props.left &&\n              !child.props.right\n            ) {\n              return React.cloneElement(child, {\n                style: child.props.style,\n              });\n            }\n\n            return child;\n          })\n        : null}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  label: {\n    fontSize: 16,\n  },\n  item: {\n    margin: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  icon: {\n    marginLeft: 8,\n  },\n});\n\nexport default withTheme(AccordionGroup);\n"]}
+{"version":3,"sources":["AccordionGroup.tsx"],"names":["AccordionGroup","Icon","openColor","closedColor","caretColor","icon","iconSize","style","label","children","expanded","expandedProp","theme","setExpanded","React","useState","handlePressAction","undefined","expandedInternal","expandedColor","colors","primary","collapsedColor","labelColor","styles","row","item","content","color","StyleSheet","create","flexDirection","alignItems","fontSize","margin","flex","justifyContent","marginLeft"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  openColor: string;\n  closedColor: string;\n  caretColor: string;\n  icon?: string;\n  iconSize: number;\n  style?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n  label: string;\n  expanded?: boolean;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n  Icon,\n  openColor,\n  closedColor,\n  caretColor,\n  icon,\n  iconSize = 24,\n  style,\n  label,\n  children,\n  expanded: expandedProp,\n  theme,\n}: Props) => {\n  const [expanded, setExpanded] = React.useState<boolean>(\n    expandedProp || false\n  );\n\n  const handlePressAction = () => {\n    if (expandedProp === undefined) {\n      setExpanded(!expanded);\n    }\n  };\n\n  const expandedInternal = expandedProp !== undefined ? expandedProp : expanded;\n\n  const expandedColor = openColor || theme.colors.primary;\n  const collapsedColor = closedColor || theme.colors.primary;\n\n  const labelColor = expanded ? expandedColor : collapsedColor;\n\n  return (\n    <>\n      <Pressable\n        style={[style]}\n        onPress={handlePressAction}\n        accessibilityRole=\"button\"\n      >\n        <View style={styles.row}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSize}\n              color={labelColor}\n              style={styles.icon}\n            />\n          ) : null}\n          <View style={[styles.item, styles.content]}>\n            <Text\n              selectable={false}\n              style={[\n                styles.label,\n                {\n                  color: labelColor,\n                },\n                style,\n              ]}\n            >\n              {label}\n            </Text>\n          </View>\n          <View style={[styles.item]}>\n            <Icon\n              name={\n                expanded\n                  ? \"MaterialIcons/keyboard-arrow-up\"\n                  : \"MaterialIcons/keyboard-arrow-down\"\n              }\n              color={caretColor}\n              size={24}\n            />\n          </View>\n        </View>\n      </Pressable>\n      {expandedInternal ? children : null}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  label: {\n    fontSize: 16,\n  },\n  item: {\n    margin: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  icon: {\n    marginLeft: 8,\n  },\n});\n\nexport default withTheme(AccordionGroup);\n"]}

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -13,8 +13,6 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
 
 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 getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -37,6 +35,20 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
+  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }],
+    ...rest
+  }, children);
+};
+
+var _default = (0, _theming.withTheme)(Card);
+
+exports.default = _default;
+//# sourceMappingURL=DeprecatedCardWrapper.js.map);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

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

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedCardWrapper.tsx"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;AACvC,UAAQA,UAAR;AACE,SAAK,CAAL;AACE,aAAO,KAAP;;AACF,SAAK,CAAL;AACE,aAAO,KAAP;;AACF;AACE,aAAO,MAAP;AANJ;AAQD,CATD;;AAWA,MAAMC,IAAqB,GAAG,QAMxB;AAAA,MANyB;AAC7BD,IAAAA,UAAU,GAAG,CADgB;AAE7BE,IAAAA,QAF6B;AAG7BC,IAAAA,OAH6B;AAI7BC,IAAAA,KAJ6B;AAK7B,OAAGC;AAL0B,GAMzB;AACJ,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAE,CAACG,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR;AAHT,KAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  numColumns?: number;\n  children?: React.ReactNode;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n  switch (numColumns) {\n    case 1:\n      return \"33%\";\n    case 2:\n      return \"50%\";\n    default:\n      return \"100%\";\n  }\n};\n\nconst Card: React.FC<Props> = ({\n  numColumns = 3,\n  children,\n  onPress,\n  style,\n  ...rest\n}) => {\n  const width = getWidth(numColumns);\n  return (\n    <Touchable\n      disabled={!onPress}\n      onPress={onPress}\n      style={[style, { width }]}\n      {...rest}\n    >\n      {children}\n    </Touchable>\n  );\n};\n\nexport default withTheme(Card);\n"]}
+{"version":3,"sources":["DeprecatedCardWrapper.js"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","React","createElement","Touchable","disabled"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,QAAQ,GAAIC,UAAD,IAAgB;AAC7B,UAAQA,UAAR;AACI,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ;AACI,aAAO,MAAP;AANR;AAQH,CATD;;AAUA,MAAMC,IAAI,GAAG,QAA2D;AAAA,MAA1D;AAAED,IAAAA,UAAU,GAAG,CAAf;AAAkBE,IAAAA,QAAlB;AAA4BC,IAAAA,OAA5B;AAAqCC,IAAAA,KAArC;AAA4C,OAAGC;AAA/C,GAA0D;AACpE,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBAAQO,eAAMC,aAAN,CAAoBC,kBAApB,EAA+B;AAAEC,IAAAA,QAAQ,EAAE,CAACP,OAAb;AAAsBA,IAAAA,OAAO,EAAEA,OAA/B;AAAwCC,IAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR,CAA/C;AAAmE,OAAGD;AAAtE,GAA/B,EAA6GH,QAA7G,CAAR;AACH,CAHD;;eAIe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nconst getWidth = (numColumns) => {\n    switch (numColumns) {\n        case 1:\n            return \"33%\";\n        case 2:\n            return \"50%\";\n        default:\n            return \"100%\";\n    }\n};\nconst Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {\n    const width = getWidth(numColumns);\n    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));\n};\nexport default withTheme(Card);\n"]}

package/lib/commonjs/components/Divider.js

@@ -15,6 +15,8 @@ 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 Divider = _ref => {
   let {
     style,
@@ -24,19 +26,7 @@ const Divider = _ref => {
     },
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [{
-      backgroundColor: color || colors.divider,
-      height: _reactNative.StyleSheet.hairlineWidth
-    }, style],
-    ...rest
-  });
-};
-
-var _default = (0, _theming.withTheme)(Divider);
-
-exports.default = _default;
-//# sourceMappingURL=Divider.js.map /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       backgroundColor: color || colors.divider,
       height: _reactNative.StyleSheet.hairlineWidth

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

@@ -1 +1 @@
-{"version":3,"sources":["Divider.js"],"names":["Divider","style","color","theme","colors","rest","React","createElement","View","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,OAAO,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAAvB;AAAmC,OAAGC;AAAtC,GAAiD;AAC9D,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEP,IAAAA,KAAK,EAAE,CACnC;AACIQ,MAAAA,eAAe,EAAEP,KAAK,IAAIE,MAAM,CAACM,OADrC;AAEIC,MAAAA,MAAM,EAAEC,wBAAWC;AAFvB,KADmC,EAKnCZ,KALmC,CAAT;AAM3B,OAAGI;AANwB,GAA1B,CAAR;AAOH,CARD;;eASe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst Divider = ({ style, color, theme: { colors }, ...rest }) => {\n    return (React.createElement(View, { style: [\n            {\n                backgroundColor: color || colors.divider,\n                height: StyleSheet.hairlineWidth,\n            },\n            style,\n        ], ...rest }));\n};\nexport default withTheme(Divider);\n"]}
+{"version":3,"sources":["Divider.tsx"],"names":["Divider","style","color","theme","colors","rest","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AASA,MAAMA,OAAwB,GAAG,QAK3B;AAAA,MAL4B;AAChCC,IAAAA,KADgC;AAEhCC,IAAAA,KAFgC;AAGhCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAHyB;AAIhC,OAAGC;AAJ6B,GAK5B;AACJ,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;AAEEC,MAAAA,MAAM,EAAEC,wBAAWC;AAFrB,KADK,EAKLT,KALK;AADT,KAQMI,IARN,EADF;AAYD,CAlBD;;eAoBe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  color?: string;\n  theme: typeof theme;\n};\n\nconst Divider: React.FC<Props> = ({\n  style,\n  color,\n  theme: { colors },\n  ...rest\n}) => {\n  return (\n    <View\n      style={[\n        {\n          backgroundColor: color || colors.divider,\n          height: StyleSheet.hairlineWidth,\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nexport default withTheme(Divider);\n"]}

package/lib/commonjs/components/Picker/PickerComponent.android.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); }
-
 const Picker = _ref => {
   var _options$find$label, _options$find;
 
@@ -111,11 +109,27 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
     value: selectedLabel,
-    placeholder: placeholder // @ts-ignore
-    ,
-    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.android.js.map: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
     ,
     disabled: disabled // @ts-expect-error
     ,

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

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

package/lib/commonjs/mappings/Accordion.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = {
+  name: "Accordion",
+  tag: "AccordionGroup",
+  description: "An expandable container containing components",
+  category: _types.COMPONENT_TYPES.container,
+  props: {
+    openColor: (0, _types.createColorProp)({
+      label: "Open text color"
+    }),
+    closedColor: (0, _types.createColorProp)({
+      label: "Closed text Color"
+    }),
+    caretColor: (0, _types.createColorProp)({
+      label: "Caret color"
+    }),
+    iconSize: (0, _types.createNumberProp)({
+      label: "Icon size",
+      defaultValue: 24
+    }),
+    label: (0, _types.createTextProp)({
+      label: "Label"
+    }),
+    expanded: (0, _types.createStaticBoolProp)({
+      label: "Expanded",
+      description: "Whether the AccordionGroup should be expanded or not"
+    }),
+    icon: (0, _types.createIconProp)()
+  }
+};
+exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Accordion.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,4BAAgB;AACzBC,MAAAA,KAAK,EAAE;AADkB,KAAhB,CADN;AAILC,IAAAA,WAAW,EAAE,4BAAgB;AAC3BD,MAAAA,KAAK,EAAE;AADoB,KAAhB,CAJR;AAOLE,IAAAA,UAAU,EAAE,4BAAgB;AAC1BF,MAAAA,KAAK,EAAE;AADmB,KAAhB,CAPP;AAULG,IAAAA,QAAQ,EAAE,6BAAiB;AACzBH,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAjB,CAVL;AAcLJ,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAdF;AAiBLK,IAAAA,QAAQ,EAAE,iCAAqB;AAC7BL,MAAAA,KAAK,EAAE,UADsB;AAE7BN,MAAAA,WAAW,EAAE;AAFgB,KAArB,CAjBL;AAqBLY,IAAAA,IAAI,EAAE;AArBD;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}

package/lib/commonjs/mappings/AccordionGroup.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Accordion Group",
   tag: "AccordionGroup",
   description: "An expandable container containing components",
-  category: _types.COMPONENT_TYPES.container,
+  category: _types.COMPONENT_TYPES.deprecated,
   props: {
     openColor: (0, _types.createColorProp)({
       label: "Open text color"

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

@@ -1 +1 @@
-{"version":3,"sources":["AccordionGroup.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,4BAAgB;AACzBC,MAAAA,KAAK,EAAE;AADkB,KAAhB,CADN;AAILC,IAAAA,WAAW,EAAE,4BAAgB;AAC3BD,MAAAA,KAAK,EAAE;AADoB,KAAhB,CAJR;AAOLE,IAAAA,UAAU,EAAE,4BAAgB;AAC1BF,MAAAA,KAAK,EAAE;AADmB,KAAhB,CAPP;AAULG,IAAAA,QAAQ,EAAE,6BAAiB;AACzBH,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAjB,CAVL;AAcLJ,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAdF;AAiBLK,IAAAA,QAAQ,EAAE,iCAAqB;AAC7BL,MAAAA,KAAK,EAAE,UADsB;AAE7BN,MAAAA,WAAW,EAAE;AAFgB,KAArB,CAjBL;AAqBLY,IAAAA,IAAI,EAAE;AArBD;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Group\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}
+{"version":3,"sources":["AccordionGroup.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,4BAAgB;AACzBC,MAAAA,KAAK,EAAE;AADkB,KAAhB,CADN;AAILC,IAAAA,WAAW,EAAE,4BAAgB;AAC3BD,MAAAA,KAAK,EAAE;AADoB,KAAhB,CAJR;AAOLE,IAAAA,UAAU,EAAE,4BAAgB;AAC1BF,MAAAA,KAAK,EAAE;AADmB,KAAhB,CAPP;AAULG,IAAAA,QAAQ,EAAE,6BAAiB;AACzBH,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAjB,CAVL;AAcLJ,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAdF;AAiBLK,IAAAA,QAAQ,EAAE,iCAAqB;AAC7BL,MAAAA,KAAK,EAAE,UADsB;AAE7BN,MAAAA,WAAW,EAAE;AAFgB,KAArB,CAjBL;AAqBLY,IAAAA,IAAI,EAAE;AArBD;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Group\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}

package/lib/commonjs/mappings/AccordionItem.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Accordion Item",
   tag: "AccordionItem",
   description: "Item to be used in Accordion",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.deprecated,
   props: {
     icon: (0, _types.createIconProp)(),
     label: (0, _types.createTextProp)({

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

@@ -1 +1 @@
-{"version":3,"sources":["AccordionItem.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","props","icon","label","iconColor"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,4BADD;AAELC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAFF;AAKLC,IAAAA,SAAS,EAAE,4BAAgB;AACzBD,MAAAA,KAAK,EAAE;AADkB,KAAhB;AALN;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.button,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["AccordionItem.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","icon","label","iconColor"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,4BADD;AAELC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAFF;AAKLC,IAAAA,SAAS,EAAE,4BAAgB;AACzBD,MAAAA,KAAK,EAAE;AADkB,KAAhB;AALN;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioButton.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","label","description","defaultValue","required","color","group","GROUPS","basic","unselectedColor","disabled","size","min","max","step","precision","selectedIcon","unselectedIcon"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,aAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,2BAAe;AACpBC,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,2BAFO;AAGpBC,MAAAA,YAAY,EAAE,IAHM;AAIpBC,MAAAA,QAAQ,EAAE;AAJU,KAAf,CADF;AAOLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBN,MAAAA,WAAW,EAAE,sBAFQ;AAGrBC,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAPF;AAYLM,IAAAA,eAAe,EAAE,4BAAgB;AAC/BH,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BP,MAAAA,KAAK,EAAE,kBAFwB;AAG/BC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BC,MAAAA,YAAY,EAAE;AAJiB,KAAhB,CAZZ;AAkBLO,IAAAA,QAAQ,EAAE,2BAAe;AACvBT,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAf,CAlBL;AAsBLS,IAAAA,IAAI,EAAE,6BAAiB;AACrBL,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBP,MAAAA,KAAK,EAAE,MAFc;AAGrBC,MAAAA,WAAW,EAAE,kCAHQ;AAIrBC,MAAAA,YAAY,EAAE,EAJO;AAKrBS,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAjB,CAtBD;AAgCLC,IAAAA,YAAY,EAAE,2BAAe;AAC3Bf,MAAAA,KAAK,EAAE,eADoB;AAE3BC,MAAAA,WAAW,EAAE,gDAFc;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAAf,CAhCT;AAqCLc,IAAAA,cAAc,EAAE,2BAAe;AAC7BhB,MAAAA,KAAK,EAAE,iBADsB;AAE7BC,MAAAA,WAAW,EAAE,kDAFgB;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAAf;AArCX;AALgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n} from \"@draftbit/types\";\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":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","label","description","defaultValue","required","color","group","GROUPS","basic","unselectedColor","disabled","size","min","max","step","precision","selectedIcon","unselectedIcon"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,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;AACHC,IAAAA,KAAK,EAAE,2BAAe;AAClBC,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBC,MAAAA,YAAY,EAAE,IAHI;AAIlBC,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CADJ;AAOHC,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBN,MAAAA,WAAW,EAAE,sBAFM;AAGnBC,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAPJ;AAYHM,IAAAA,eAAe,EAAE,4BAAgB;AAC7BH,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BP,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BC,MAAAA,YAAY,EAAE;AAJe,KAAhB,CAZd;AAkBHO,IAAAA,QAAQ,EAAE,2BAAe;AACrBT,MAAAA,KAAK,EAAE,UADc;AAErBC,MAAAA,WAAW,EAAE;AAFQ,KAAf,CAlBP;AAsBHS,IAAAA,IAAI,EAAE,6BAAiB;AACnBL,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBP,MAAAA,KAAK,EAAE,MAFY;AAGnBC,MAAAA,WAAW,EAAE,kCAHM;AAInBC,MAAAA,YAAY,EAAE,EAJK;AAKnBS,MAAAA,GAAG,EAAE,EALc;AAMnBC,MAAAA,GAAG,EAAE,GANc;AAOnBC,MAAAA,IAAI,EAAE,CAPa;AAQnBC,MAAAA,SAAS,EAAE;AARQ,KAAjB,CAtBH;AAgCHC,IAAAA,YAAY,EAAE,2BAAe;AACzBf,MAAAA,KAAK,EAAE,eADkB;AAEzBC,MAAAA,WAAW,EAAE,gDAFY;AAGzBC,MAAAA,YAAY,EAAE;AAHW,KAAf,CAhCX;AAqCHc,IAAAA,cAAc,EAAE,2BAAe;AAC3BhB,MAAAA,KAAK,EAAE,iBADoB;AAE3BC,MAAAA,WAAW,EAAE,kDAFc;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAAf;AArCb;AALc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, } from \"@draftbit/types\";\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/mappings/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonRow.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,kBADe;AAErBC,EAAAA,GAAG,EAAE,gBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,2BAAe;AAClBA,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,qCAFK;AAGlBC,MAAAA,QAAQ,EAAE,IAHQ;AAIlBC,MAAAA,YAAY,EAAE;AAJI,KAAf,CADJ;AAOHC,IAAAA,SAAS,EAAE,+BAAmB;AAC1BJ,MAAAA,KAAK,EAAE,WADmB;AAE1BC,MAAAA,WAAW,EAAE,8DAFa;AAG1BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAHiB,KAAnB,CAPR;AAYHC,IAAAA,KAAK,EAAE,2BAAe;AAClBN,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBE,MAAAA,YAAY,EAAE,IAHI;AAIlBD,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CAZJ;AAkBHK,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBT,MAAAA,WAAW,EAAE,sBAFM;AAGnBE,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAlBJ;AAuBHQ,IAAAA,eAAe,EAAE,4BAAgB;AAC7BH,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BV,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BE,MAAAA,YAAY,EAAE;AAJe,KAAhB;AAvBd;AALc,CAAlB","sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Row\",\n    tag: \"RadioButtonRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    props: {\n        label: createTextProp({\n            label: \"Label\",\n            description: \"Label to show with the radio button\",\n            required: true,\n            defaultValue: \"First Option\",\n        }),\n        direction: createTextEnumProp({\n            label: \"Direction\",\n            description: \"Whether the checkbox will appear on the left or on the right\",\n            options: [\"row\", \"row-reverse\"],\n        }),\n        value: createTextProp({\n            label: \"Value\",\n            description: \"Value of the radio button\",\n            defaultValue: null,\n            required: true,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            description: \"Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        unselectedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Unselected Color for the button\",\n            defaultValue: \"primary\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["RadioButtonRow.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLC,IAAAA,SAAS,EAAE,+BAAmB;AAC5BJ,MAAAA,KAAK,EAAE,WADqB;AAE5BC,MAAAA,WAAW,EACT,8DAH0B;AAI5BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaLC,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLK,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBT,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLQ,IAAAA,eAAe,EAAE,4BAAgB;AAC/BH,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BV,MAAAA,KAAK,EAAE,kBAFwB;AAG/BC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB","sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/TextArea.js

@@ -13,18 +13,7 @@ const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: _types.COMPONENT_TYPES.input,
   layout: {
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    borderColor: "divider",
-    paddingLeft: 8,
-    paddingRight: 8,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 8,
-    textAlignVertical: "top",
-    minHeight: 100
+    flex: 1
   },
   triggers: [_types.Triggers.OnChangeText],
   props: { ..._types.TEXT_INPUT_PROPS,

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

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","textAlignVertical","minHeight","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE,CAVR;AAWNC,IAAAA,iBAAiB,EAAE,KAXb;AAYNC,IAAAA,SAAS,EAAE;AAZL,GALe;AAmBvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CAnBa;AAoBvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETzB,MAAAA,WAAW,EAAE,WAFJ;AAGT0B,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbzB,MAAAA,WAAW,EAAE,iBAFA;AAGb0B,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AApBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    borderLeftWidth: 1,\n    borderRightWidth: 1,\n    borderTopWidth: 1,\n    borderBottomWidth: 1,\n    borderColor: \"divider\",\n    paddingLeft: 8,\n    paddingRight: 8,\n    paddingTop: 8,\n    paddingBottom: 8,\n    borderRadius: 8,\n    textAlignVertical: \"top\",\n    minHeight: 100,\n  },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","flex","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETd,MAAAA,WAAW,EAAE,WAFJ;AAGTe,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbd,MAAAA,WAAW,EAAE,iBAFA;AAGbe,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

package/lib/module/components/Accordion/AccordionGroup.js

@@ -53,15 +53,7 @@ const AccordionGroup = _ref => {
     name: expanded ? "MaterialIcons/keyboard-arrow-up" : "MaterialIcons/keyboard-arrow-down",
     color: caretColor,
     size: 24
-  })))), expandedInternal ? React.Children.map(children, child => {
-    if ( /*#__PURE__*/React.isValidElement(child) && !child.props.left && !child.props.right) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        style: child.props.style
-      });
-    }
-
-    return child;
-  }) : null);
+  })))), expandedInternal ? children : null);
 };
 
 const styles = StyleSheet.create({

package/lib/module/components/Accordion/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AccordionGroup.tsx"],"names":["React","View","StyleSheet","Pressable","Text","withTheme","AccordionGroup","Icon","openColor","closedColor","caretColor","icon","iconSize","style","label","children","expanded","expandedProp","theme","setExpanded","useState","handlePressAction","undefined","expandedInternal","expandedColor","colors","primary","collapsedColor","labelColor","styles","row","item","content","color","Children","map","child","isValidElement","props","left","right","cloneElement","create","flexDirection","alignItems","fontSize","margin","flex","justifyContent","marginLeft"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  openColor: string;\n  closedColor: string;\n  caretColor: string;\n  icon?: string;\n  iconSize: number;\n  style?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n  label: string;\n  expanded?: boolean;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n  Icon,\n  openColor,\n  closedColor,\n  caretColor,\n  icon,\n  iconSize = 24,\n  style,\n  label,\n  children,\n  expanded: expandedProp,\n  theme,\n}: Props) => {\n  const [expanded, setExpanded] = React.useState<boolean>(\n    expandedProp || false\n  );\n\n  const handlePressAction = () => {\n    if (expandedProp === undefined) {\n      setExpanded(!expanded);\n    }\n  };\n\n  const expandedInternal = expandedProp !== undefined ? expandedProp : expanded;\n\n  const expandedColor = openColor || theme.colors.primary;\n  const collapsedColor = closedColor || theme.colors.primary;\n\n  const labelColor = expanded ? expandedColor : collapsedColor;\n\n  return (\n    <>\n      <Pressable\n        style={[style]}\n        onPress={handlePressAction}\n        accessibilityRole=\"button\"\n      >\n        <View style={styles.row}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSize}\n              color={labelColor}\n              style={styles.icon}\n            />\n          ) : null}\n          <View style={[styles.item, styles.content]}>\n            <Text\n              selectable={false}\n              style={[\n                styles.label,\n                {\n                  color: labelColor,\n                },\n                style,\n              ]}\n            >\n              {label}\n            </Text>\n          </View>\n          <View style={[styles.item]}>\n            <Icon\n              name={\n                expanded\n                  ? \"MaterialIcons/keyboard-arrow-up\"\n                  : \"MaterialIcons/keyboard-arrow-down\"\n              }\n              color={caretColor}\n              size={24}\n            />\n          </View>\n        </View>\n      </Pressable>\n      {expandedInternal\n        ? React.Children.map(children, (child) => {\n            if (\n              React.isValidElement(child) &&\n              !child.props.left &&\n              !child.props.right\n            ) {\n              return React.cloneElement(child, {\n                style: child.props.style,\n              });\n            }\n\n            return child;\n          })\n        : null}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  label: {\n    fontSize: 16,\n  },\n  item: {\n    margin: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  icon: {\n    marginLeft: 8,\n  },\n});\n\nexport default withTheme(AccordionGroup);\n"]}
+{"version":3,"sources":["AccordionGroup.tsx"],"names":["React","View","StyleSheet","Pressable","Text","withTheme","AccordionGroup","Icon","openColor","closedColor","caretColor","icon","iconSize","style","label","children","expanded","expandedProp","theme","setExpanded","useState","handlePressAction","undefined","expandedInternal","expandedColor","colors","primary","collapsedColor","labelColor","styles","row","item","content","color","create","flexDirection","alignItems","fontSize","margin","flex","justifyContent","marginLeft"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAKEC,SALF,QAMO,cANP;AAOA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;;AAiBA,MAAMC,cAAc,GAAG,QAYV;AAAA,MAZW;AACtBC,IAAAA,IADsB;AAEtBC,IAAAA,SAFsB;AAGtBC,IAAAA,WAHsB;AAItBC,IAAAA,UAJsB;AAKtBC,IAAAA,IALsB;AAMtBC,IAAAA,QAAQ,GAAG,EANW;AAOtBC,IAAAA,KAPsB;AAQtBC,IAAAA,KARsB;AAStBC,IAAAA,QATsB;AAUtBC,IAAAA,QAAQ,EAAEC,YAVY;AAWtBC,IAAAA;AAXsB,GAYX;AACX,QAAM,CAACF,QAAD,EAAWG,WAAX,IAA0BnB,KAAK,CAACoB,QAAN,CAC9BH,YAAY,IAAI,KADc,CAAhC;;AAIA,QAAMI,iBAAiB,GAAG,MAAM;AAC9B,QAAIJ,YAAY,KAAKK,SAArB,EAAgC;AAC9BH,MAAAA,WAAW,CAAC,CAACH,QAAF,CAAX;AACD;AACF,GAJD;;AAMA,QAAMO,gBAAgB,GAAGN,YAAY,KAAKK,SAAjB,GAA6BL,YAA7B,GAA4CD,QAArE;AAEA,QAAMQ,aAAa,GAAGhB,SAAS,IAAIU,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,cAAc,GAAGlB,WAAW,IAAIS,KAAK,CAACO,MAAN,CAAaC,OAAnD;AAEA,QAAME,UAAU,GAAGZ,QAAQ,GAAGQ,aAAH,GAAmBG,cAA9C;AAEA,sBACE,uDACE,oBAAC,SAAD;AACE,IAAA,KAAK,EAAE,CAACd,KAAD,CADT;AAEE,IAAA,OAAO,EAAEQ,iBAFX;AAGE,IAAA,iBAAiB,EAAC;AAHpB,kBAKE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEQ,MAAM,CAACC;AAApB,KACGnB,IAAI,gBACH,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAEC,QAFR;AAGE,IAAA,KAAK,EAAEgB,UAHT;AAIE,IAAA,KAAK,EAAEC,MAAM,CAAClB;AAJhB,IADG,GAOD,IARN,eASE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACkB,MAAM,CAACE,IAAR,EAAcF,MAAM,CAACG,OAArB;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,UAAU,EAAE,KADd;AAEE,IAAA,KAAK,EAAE,CACLH,MAAM,CAACf,KADF,EAEL;AACEmB,MAAAA,KAAK,EAAEL;AADT,KAFK,EAKLf,KALK;AAFT,KAUGC,KAVH,CADF,CATF,eAuBE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACe,MAAM,CAACE,IAAR;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EACFf,QAAQ,GACJ,iCADI,GAEJ,mCAJR;AAME,IAAA,KAAK,EAAEN,UANT;AAOE,IAAA,IAAI,EAAE;AAPR,IADF,CAvBF,CALF,CADF,EA0CGa,gBAAgB,GAAGR,QAAH,GAAc,IA1CjC,CADF;AA8CD,CA5ED;;AA8EA,MAAMc,MAAM,GAAG3B,UAAU,CAACgC,MAAX,CAAkB;AAC/BJ,EAAAA,GAAG,EAAE;AACHK,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,UAAU,EAAE;AAFT,GAD0B;AAK/BtB,EAAAA,KAAK,EAAE;AACLuB,IAAAA,QAAQ,EAAE;AADL,GALwB;AAQ/BN,EAAAA,IAAI,EAAE;AACJO,IAAAA,MAAM,EAAE;AADJ,GARyB;AAW/BN,EAAAA,OAAO,EAAE;AACPO,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,cAAc,EAAE;AAFT,GAXsB;AAe/B7B,EAAAA,IAAI,EAAE;AACJ8B,IAAAA,UAAU,EAAE;AADR;AAfyB,CAAlB,CAAf;AAoBA,eAAepC,SAAS,CAACC,cAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  openColor: string;\n  closedColor: string;\n  caretColor: string;\n  icon?: string;\n  iconSize: number;\n  style?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n  label: string;\n  expanded?: boolean;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n  Icon,\n  openColor,\n  closedColor,\n  caretColor,\n  icon,\n  iconSize = 24,\n  style,\n  label,\n  children,\n  expanded: expandedProp,\n  theme,\n}: Props) => {\n  const [expanded, setExpanded] = React.useState<boolean>(\n    expandedProp || false\n  );\n\n  const handlePressAction = () => {\n    if (expandedProp === undefined) {\n      setExpanded(!expanded);\n    }\n  };\n\n  const expandedInternal = expandedProp !== undefined ? expandedProp : expanded;\n\n  const expandedColor = openColor || theme.colors.primary;\n  const collapsedColor = closedColor || theme.colors.primary;\n\n  const labelColor = expanded ? expandedColor : collapsedColor;\n\n  return (\n    <>\n      <Pressable\n        style={[style]}\n        onPress={handlePressAction}\n        accessibilityRole=\"button\"\n      >\n        <View style={styles.row}>\n          {icon ? (\n            <Icon\n              name={icon}\n              size={iconSize}\n              color={labelColor}\n              style={styles.icon}\n            />\n          ) : null}\n          <View style={[styles.item, styles.content]}>\n            <Text\n              selectable={false}\n              style={[\n                styles.label,\n                {\n                  color: labelColor,\n                },\n                style,\n              ]}\n            >\n              {label}\n            </Text>\n          </View>\n          <View style={[styles.item]}>\n            <Icon\n              name={\n                expanded\n                  ? \"MaterialIcons/keyboard-arrow-up\"\n                  : \"MaterialIcons/keyboard-arrow-down\"\n              }\n              color={caretColor}\n              size={24}\n            />\n          </View>\n        </View>\n      </Pressable>\n      {expandedInternal ? children : null}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  label: {\n    fontSize: 16,\n  },\n  item: {\n    margin: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  icon: {\n    marginLeft: 8,\n  },\n});\n\nexport default withTheme(AccordionGroup);\n"]}

package/lib/module/components/Checkbox/Checkbox.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
 import { useTheme } from "../../theming";
@@ -45,7 +43,7 @@ const Checkbox = _ref => {
     onPress(!internalValue);
   };
 
-  return /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Touchable, { ...rest,
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -57,7 +55,7 @@ const Checkbox = _ref => {
       width: size,
       height: size
     }]
-  }), /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     style: styles.icon,
     name: internalValue ? checkedIcon : uncheckedIcon,
     size: size,
@@ -92,4 +90,23 @@ const styles = StyleSheet.create({
   }
 });
 export default Checkbox;
+//# sourceMappingURL=Checkbox.js.mapeSheet.create({
+  container: {
+    borderRadius: 18
+  },
+  fillContainer: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    alignSelf: "center"
+  },
+  fill: {
+    borderRadius: 5,
+    width: 30,
+    height: 30,
+    alignSelf: "center"
+  }
+});
+export default Checkbox;
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["React","View","StyleSheet","useTheme","Touchable","usePrevious","Checkbox","Icon","status","disabled","onPress","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","colors","checkboxColor","primary","handlePress","styles","container","width","height","icon","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =\n  ({\n    Icon,\n    status,\n    disabled = false,\n    onPress = () => {},\n    color,\n    uncheckedColor,\n    defaultValue,\n    checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n    uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n    size = 24,\n    style,\n    ...rest\n  }) => {\n    const [internalValue, setInternalValue] = React.useState<boolean>(\n      status || defaultValue || false\n    );\n\n    React.useEffect(() => {\n      if (status != null) {\n        setInternalValue(status);\n      }\n    }, [status]);\n\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue) as\n      | boolean\n      | undefined;\n    React.useEffect(() => {\n      if (defaultValue !== previousDefaultValue) {\n        setInternalValue(Boolean(defaultValue));\n      }\n    }, [defaultValue, previousDefaultValue]);\n\n    const { colors } = useTheme();\n\n    const checkboxColor = internalValue\n      ? color || colors.primary\n      : uncheckedColor || colors.primary;\n\n    const handlePress = () => {\n      setInternalValue(!internalValue);\n      onPress(!internalValue);\n    };\n\n    return (\n      <Touchable\n        {...rest}\n        onPress={handlePress}\n        disabled={disabled}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        accessibilityLiveRegion=\"polite\"\n        style={[styles.container, style, { width: size, height: size }]}\n      >\n        <Icon\n          style={styles.icon}\n          name={internalValue ? checkedIcon : uncheckedIcon}\n          size={size}\n          color={checkboxColor}\n        />\n        <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n          <View\n            style={[\n              styles.fill,\n              { opacity: disabled ? 0.5 : 1 },\n              { borderColor: checkboxColor },\n            ]}\n          />\n        </View>\n      </Touchable>\n    );\n  };\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"]}
+{"version":3,"sources":["Checkbox.js"],"names":["React","View","StyleSheet","useTheme","Touchable","usePrevious","Checkbox","Icon","status","disabled","onPress","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","colors","checkboxColor","primary","handlePress","createElement","accessibilityState","accessibilityRole","accessibilityLiveRegion","styles","container","width","height","icon","name","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, } from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\nconst Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, color, uncheckedColor, defaultValue, checkedIcon = \"MaterialCommunityIcons/checkbox-marked\", uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\", size = 24, style, ...rest }) => {\n    const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);\n    React.useEffect(() => {\n        if (status != null) {\n            setInternalValue(status);\n        }\n    }, [status]);\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue);\n    React.useEffect(() => {\n        if (defaultValue !== previousDefaultValue) {\n            setInternalValue(Boolean(defaultValue));\n        }\n    }, [defaultValue, previousDefaultValue]);\n    const { colors } = useTheme();\n    const checkboxColor = internalValue\n        ? color || colors.primary\n        : uncheckedColor || colors.primary;\n    const handlePress = () => {\n        setInternalValue(!internalValue);\n        onPress(!internalValue);\n    };\n    return (React.createElement(Touchable, { ...rest, onPress: handlePress, disabled: disabled, accessibilityState: { disabled }, accessibilityRole: \"button\", accessibilityLiveRegion: \"polite\", style: [styles.container, style, { width: size, height: size }] },\n        React.createElement(Icon, { style: styles.icon, name: internalValue ? checkedIcon : uncheckedIcon, size: size, color: checkboxColor }),\n        React.createElement(View, { style: [StyleSheet.absoluteFill, styles.fillContainer] },\n            React.createElement(View, { style: [\n                    styles.fill,\n                    { opacity: disabled ? 0.5 : 1 },\n                    { borderColor: checkboxColor },\n                ] }))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        borderRadius: 18,\n    },\n    fillContainer: {\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        alignSelf: \"center\",\n    },\n    fill: {\n        borderRadius: 5,\n        width: 30,\n        height: 30,\n        alignSelf: \"center\",\n    },\n});\nexport default Checkbox;\n"]}

package/lib/module/mappings/Accordion.js

@@ -0,0 +1,31 @@
+import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Accordion",
+  tag: "AccordionGroup",
+  description: "An expandable container containing components",
+  category: COMPONENT_TYPES.container,
+  props: {
+    openColor: createColorProp({
+      label: "Open text color"
+    }),
+    closedColor: createColorProp({
+      label: "Closed text Color"
+    }),
+    caretColor: createColorProp({
+      label: "Caret color"
+    }),
+    iconSize: createNumberProp({
+      label: "Icon size",
+      defaultValue: 24
+    }),
+    label: createTextProp({
+      label: "Label"
+    }),
+    expanded: createStaticBoolProp({
+      label: "Expanded",
+      description: "Whether the AccordionGroup should be expanded or not"
+    }),
+    icon: createIconProp()
+  }
+};
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Accordion.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}

package/lib/module/mappings/AccordionGroup.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Accordion Group",
   tag: "AccordionGroup",
   description: "An expandable container containing components",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     openColor: createColorProp({
       label: "Open text color"

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

@@ -1 +1 @@
-{"version":3,"sources":["AccordionGroup.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Group\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}
+{"version":3,"sources":["AccordionGroup.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Group\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}

package/lib/module/mappings/AccordionItem.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Accordion Item",
   tag: "AccordionItem",
   description: "Item to be used in Accordion",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     icon: createIconProp(),
     label: createTextProp({

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

@@ -1 +1 @@
-{"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","button","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,MAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.button,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}

package/lib/module/mappings/TextArea.js

@@ -5,18 +5,7 @@ export const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
   layout: {
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    borderColor: "divider",
-    paddingLeft: 8,
-    paddingRight: 8,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 8,
-    textAlignVertical: "top",
-    minHeight: 100
+    flex: 1
   },
   triggers: [Triggers.OnChangeText],
   props: { ...TEXT_INPUT_PROPS,

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

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","textAlignVertical","minHeight","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE,CAVR;AAWNC,IAAAA,iBAAiB,EAAE,KAXb;AAYNC,IAAAA,SAAS,EAAE;AAZL,GALe;AAmBvBC,EAAAA,QAAQ,EAAE,CAACpB,QAAQ,CAACqB,YAAV,CAnBa;AAoBvBC,EAAAA,KAAK,EAAE,EACL,GAAGvB,gBADE;AAELwB,IAAAA,WAAW,EAAE,EACX,GAAGxB,gBAAgB,CAACwB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETtB,MAAAA,WAAW,EAAE,WAFJ;AAGTuB,MAAAA,KAAK,EAAEjC,MAAM,CAACkC,aAHL;AAITC,MAAAA,QAAQ,EAAEjC,UAAU,CAACkC,OAJZ;AAKTC,MAAAA,QAAQ,EAAElC,UAAU,CAACmC,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbtB,MAAAA,WAAW,EAAE,iBAFA;AAGbuB,MAAAA,KAAK,EAAEjC,MAAM,CAAC0C,KAHD;AAIbP,MAAAA,QAAQ,EAAEjC,UAAU,CAACyC,MAJR;AAKbN,MAAAA,QAAQ,EAAElC,UAAU,CAACyC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGzC,UADM;AAET0B,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AApBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    borderLeftWidth: 1,\n    borderRightWidth: 1,\n    borderTopWidth: 1,\n    borderBottomWidth: 1,\n    borderColor: \"divider\",\n    paddingLeft: 8,\n    paddingRight: 8,\n    paddingTop: 8,\n    paddingBottom: 8,\n    borderRadius: 8,\n    textAlignVertical: \"top\",\n    minHeight: 100,\n  },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","flex","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,WAAW,EAAE,EACX,GAAGb,gBAAgB,CAACa,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETX,MAAAA,WAAW,EAAE,WAFJ;AAGTY,MAAAA,KAAK,EAAEtB,MAAM,CAACuB,aAHL;AAITC,MAAAA,QAAQ,EAAEtB,UAAU,CAACuB,OAJZ;AAKTC,MAAAA,QAAQ,EAAEvB,UAAU,CAACwB,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbX,MAAAA,WAAW,EAAE,iBAFA;AAGbY,MAAAA,KAAK,EAAEtB,MAAM,CAAC+B,KAHD;AAIbP,MAAAA,QAAQ,EAAEtB,UAAU,CAAC8B,MAJR;AAKbN,MAAAA,QAAQ,EAAEvB,UAAU,CAAC8B,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAG9B,UADM;AAETe,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

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

@@ -0,0 +1,70 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    props: {
+        openColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        closedColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        caretColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        iconSize: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        label: any;
+        expanded: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        icon: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            required: boolean;
+            editable: boolean;
+            group: string;
+        };
+    };
+};

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

@@ -4,18 +4,7 @@ export declare const SEED_DATA: {
     description: string;
     category: string;
     layout: {
-        borderLeftWidth: number;
-        borderRightWidth: number;
-        borderTopWidth: number;
-        borderBottomWidth: number;
-        borderColor: string;
-        paddingLeft: number;
-        paddingRight: number;
-        paddingTop: number;
-        paddingBottom: number;
-        borderRadius: number;
-        textAlignVertical: string;
-        minHeight: number;
+        flex: number;
     };
     triggers: string[];
     props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.2.5-c566b0.3+c566b081",
+  "version": "43.2.5-cc755f.3+cc755f65",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^43.2.5-c566b0.3+c566b081",
+    "@draftbit/types": "^43.2.4",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "c566b081829f524d7c4d93c6b9be30af04cda5df"
+  "gitHead": "cc755f653573e534efa0a16eb087132ddbb53454"
 }

package/src/components/Accordion/AccordionGroup.js

@@ -29,18 +29,7 @@ const AccordionGroup = ({ Icon, openColor, closedColor, caretColor, icon, iconSi
                     React.createElement(Icon, { name: expanded
                             ? "MaterialIcons/keyboard-arrow-up"
                             : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: 24 })))),
-        expandedInternal
-            ? React.Children.map(children, (child) => {
-                if (React.isValidElement(child) &&
-                    !child.props.left &&
-                    !child.props.right) {
-                    return React.cloneElement(child, {
-                        style: child.props.style,
-                    });
-                }
-                return child;
-            })
-            : null));
+        expandedInternal ? children : null));
 };
 const styles = StyleSheet.create({
     row: {

package/src/components/Accordion/AccordionGroup.tsx

@@ -97,21 +97,7 @@ const AccordionGroup = ({
           </View>
         </View>
       </Pressable>
-      {expandedInternal
-        ? React.Children.map(children, (child) => {
-            if (
-              React.isValidElement(child) &&
-              !child.props.left &&
-              !child.props.right
-            ) {
-              return React.cloneElement(child, {
-                style: child.props.style,
-              });
-            }
-
-            return child;
-          })
-        : null}
+      {expandedInternal ? children : null}
     </>
   );
 };

package/src/mappings/Accordion.js

@@ -0,0 +1,30 @@
+import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Accordion",
+    tag: "AccordionGroup",
+    description: "An expandable container containing components",
+    category: COMPONENT_TYPES.container,
+    props: {
+        openColor: createColorProp({
+            label: "Open text color",
+        }),
+        closedColor: createColorProp({
+            label: "Closed text Color",
+        }),
+        caretColor: createColorProp({
+            label: "Caret color",
+        }),
+        iconSize: createNumberProp({
+            label: "Icon size",
+            defaultValue: 24,
+        }),
+        label: createTextProp({
+            label: "Label",
+        }),
+        expanded: createStaticBoolProp({
+            label: "Expanded",
+            description: "Whether the AccordionGroup should be expanded or not",
+        }),
+        icon: createIconProp(),
+    },
+};

package/src/mappings/Accordion.ts

@@ -0,0 +1,38 @@
+import {
+  COMPONENT_TYPES,
+  createNumberProp,
+  createIconProp,
+  createTextProp,
+  createStaticBoolProp,
+  createColorProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Accordion",
+  tag: "AccordionGroup",
+  description: "An expandable container containing components",
+  category: COMPONENT_TYPES.container,
+  props: {
+    openColor: createColorProp({
+      label: "Open text color",
+    }),
+    closedColor: createColorProp({
+      label: "Closed text Color",
+    }),
+    caretColor: createColorProp({
+      label: "Caret color",
+    }),
+    iconSize: createNumberProp({
+      label: "Icon size",
+      defaultValue: 24,
+    }),
+    label: createTextProp({
+      label: "Label",
+    }),
+    expanded: createStaticBoolProp({
+      label: "Expanded",
+      description: "Whether the AccordionGroup should be expanded or not",
+    }),
+    icon: createIconProp(),
+  },
+};

package/src/mappings/AccordionGroup.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Accordion Group",
     tag: "AccordionGroup",
     description: "An expandable container containing components",
-    category: COMPONENT_TYPES.container,
+    category: COMPONENT_TYPES.deprecated,
     props: {
         openColor: createColorProp({
             label: "Open text color",

package/src/mappings/AccordionGroup.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Accordion Group",
   tag: "AccordionGroup",
   description: "An expandable container containing components",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     openColor: createColorProp({
       label: "Open text color",

package/src/mappings/AccordionItem.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Accordion Item",
     tag: "AccordionItem",
     description: "Item to be used in Accordion",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.deprecated,
     props: {
         icon: createIconProp(),
         label: createTextProp({

package/src/mappings/AccordionItem.ts

@@ -9,7 +9,7 @@ export const SEED_DATA = {
   name: "Accordion Item",
   tag: "AccordionItem",
   description: "Item to be used in Accordion",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     icon: createIconProp(),
     label: createTextProp({

package/src/mappings/TextArea.js

@@ -4,20 +4,7 @@ export const SEED_DATA = {
     tag: "TextInput",
     description: "An input field that allows for multiple lines.",
     category: COMPONENT_TYPES.input,
-    layout: {
-        borderLeftWidth: 1,
-        borderRightWidth: 1,
-        borderTopWidth: 1,
-        borderBottomWidth: 1,
-        borderColor: "divider",
-        paddingLeft: 8,
-        paddingRight: 8,
-        paddingTop: 8,
-        paddingBottom: 8,
-        borderRadius: 8,
-        textAlignVertical: "top",
-        minHeight: 100,
-    },
+    layout: { flex: 1 },
     triggers: [Triggers.OnChangeText],
     props: {
         ...TEXT_INPUT_PROPS,

package/src/mappings/TextArea.ts

@@ -13,20 +13,7 @@ export const SEED_DATA = {
   tag: "TextInput",
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
-  layout: {
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    borderColor: "divider",
-    paddingLeft: 8,
-    paddingRight: 8,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 8,
-    textAlignVertical: "top",
-    minHeight: 100,
-  },
+  layout: { flex: 1 },
   triggers: [Triggers.OnChangeText],
   props: {
     ...TEXT_INPUT_PROPS,