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

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

@@ -1 +1 @@
-{"version":3,"sources":["CircleImage.tsx"],"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","width","height","uri","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;AAEA;;;;;;;;;;AAcA,MAAMA,WAA4B,GAAG,CAAC;AACpCC,EAAAA,MAAM,GAAGC,gBAAOC,mBADoB;AAEpCC,EAAAA,IAAI,GAAG,EAF6B;AAGpCC,EAAAA,KAHoC;AAIpC,KAAGC;AAJiC,CAAD,KAK/B;AACJ,QAAMC,YAAY,GAAGH,IAAI,GAAG,CAA5B;AAEA,sBACE,oBAAC,kBAAD;AACE,IAAA,KAAK,EAAE,CAAC;AAAEI,MAAAA,KAAK,EAAEJ,IAAT;AAAeK,MAAAA,MAAM,EAAEL,IAAvB;AAA6BG,MAAAA;AAA7B,KAAD,EAA8CF,KAA9C,CADT;AAEE,IAAA,MAAM,EAAE,OAAOJ,MAAP,KAAkB,QAAlB,GAA6B;AAAES,MAAAA,GAAG,EAAET;AAAP,KAA7B,GAA+CA,MAFzD;AAGE,IAAA,UAAU,EAAC;AAHb,KAIMK,KAJN,EADF;AAQD,CAhBD;;eAkBeN,W;;AAER,MAAMW,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,aAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBX,EAAAA,KAAK,EAAE;AACLL,IAAAA,MAAM,EAAE,6BADH;AAELG,IAAAA,IAAI,EAAE;AACJc,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJP,MAAAA,WAAW,EAAE,2BAHT;AAIJQ,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,QAAQ,EAAEC,kBAAWC,MANjB;AAOJC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPjB;AAQJC,MAAAA,GAAG,EAAE,CARD;AASJC,MAAAA,GAAG,EAAE,GATD;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,IAAI,EAAE,CAXF;AAYJC,MAAAA,YAAY,EAAE;AAZV;AAFD;AALgB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport {\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  ImageStyle,\n} from \"react-native\";\nimport Config from \"./Config\";\n\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createImageProp,\n} from \"@draftbit/types\";\n\ninterface Props {\n  source?: string | ImageSourcePropType;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n}\n\nconst CircleImage: React.FC<Props> = ({\n  source = Config.placeholderImageURL,\n  size = 60,\n  style,\n  ...props\n}) => {\n  const borderRadius = size / 2;\n\n  return (\n    <Image\n      style={[{ width: size, height: size, borderRadius }, style]}\n      source={typeof source === \"string\" ? { uri: source } : source}\n      resizeMode=\"cover\"\n      {...props}\n    />\n  );\n};\n\nexport default CircleImage;\n\nexport const SEED_DATA = {\n  name: \"Circle Image\",\n  tag: \"CircleImage\",\n  description: \"A circle image\",\n  category: COMPONENT_TYPES.media,\n  props: {\n    source: createImageProp(),\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of your circle image\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 60,\n    },\n  },\n};\n"]}
+{"version":3,"sources":["CircleImage.js"],"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","React","createElement","Image","width","height","uri","resizeMode","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,WAAW,GAAG,CAAC;AAAEC,EAAAA,MAAM,GAAGC,gBAAOC,mBAAlB;AAAuCC,EAAAA,IAAI,GAAG,EAA9C;AAAkDC,EAAAA,KAAlD;AAAyD,KAAGC;AAA5D,CAAD,KAAyE;AACzF,QAAMC,YAAY,GAAGH,IAAI,GAAG,CAA5B;AACA,sBAAQI,KAAK,CAACC,aAAN,CAAoBC,kBAApB,EAA2B;AAAEL,IAAAA,KAAK,EAAE,CAAC;AAAEM,MAAAA,KAAK,EAAEP,IAAT;AAAeQ,MAAAA,MAAM,EAAER,IAAvB;AAA6BG,MAAAA;AAA7B,KAAD,EAA8CF,KAA9C,CAAT;AAA+DJ,IAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6B;AAAEY,MAAAA,GAAG,EAAEZ;AAAP,KAA7B,GAA+CA,MAAtH;AAA8Ha,IAAAA,UAAU,EAAE,OAA1I;AAAmJ,OAAGR;AAAtJ,GAA3B,CAAR;AACH,CAHD;;eAIeN,W;;AACR,MAAMe,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,cADe;AAErBC,EAAAA,GAAG,EAAE,aAFgB;AAGrBC,EAAAA,WAAW,EAAE,gBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBf,EAAAA,KAAK,EAAE;AACHL,IAAAA,MAAM,EAAE,6BADL;AAEHG,IAAAA,IAAI,EAAE;AACFkB,MAAAA,KAAK,EAAEC,cAAOC,KADZ;AAEFC,MAAAA,KAAK,EAAE,MAFL;AAGFP,MAAAA,WAAW,EAAE,2BAHX;AAIFQ,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,QAAQ,EAAE,KALR;AAMFC,MAAAA,QAAQ,EAAEC,kBAAWC,MANnB;AAOFC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPnB;AAQFC,MAAAA,GAAG,EAAE,CARH;AASFC,MAAAA,GAAG,EAAE,GATH;AAUFC,MAAAA,SAAS,EAAE,CAVT;AAWFC,MAAAA,IAAI,EAAE,CAXJ;AAYFC,MAAAA,YAAY,EAAE;AAZZ;AAFH;AALc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { Image, } from \"react-native\";\nimport Config from \"./Config\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createImageProp, } from \"@draftbit/types\";\nconst CircleImage = ({ source = Config.placeholderImageURL, size = 60, style, ...props }) => {\n    const borderRadius = size / 2;\n    return (React.createElement(Image, { style: [{ width: size, height: size, borderRadius }, style], source: typeof source === \"string\" ? { uri: source } : source, resizeMode: \"cover\", ...props }));\n};\nexport default CircleImage;\nexport const SEED_DATA = {\n    name: \"Circle Image\",\n    tag: \"CircleImage\",\n    description: \"A circle image\",\n    category: COMPONENT_TYPES.media,\n    props: {\n        source: createImageProp(),\n        size: {\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"Size of your circle image\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 0,\n            max: 300,\n            precision: 0,\n            step: 1,\n            defaultValue: 60,\n        },\n    },\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Config.ts"],"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"mappings":"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","sourcesContent":["import { Dimensions, Platform } from \"react-native\";\n\nconst getWindowDimensions = () => {\n  const { width, height } = Dimensions.get(\"window\");\n  return {\n    windowWidth: width,\n    windowHeight: height,\n  };\n};\n\nconst { windowWidth, windowHeight } = getWindowDimensions();\n\nconst getFilters = (options: { width: number; height: number }) => {\n  const { width, height } = options;\n  const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n\n  if (width) filters.push(`w_${width}`);\n  if (height) filters.push(`h_${height}`);\n\n  return filters.join(\",\");\n};\n\nconst buildImageUrl = (\n  options: { width: number; height: number },\n  name: string\n) => {\n  const filters = getFilters(options);\n  return [\n    \"https://res.cloudinary.com/altos/image/upload\",\n    filters,\n    `${name}.png`,\n  ].join(\"/\");\n};\n\nconst getExtension = () => {\n  return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\n\nexport default {\n  windowWidth,\n  windowHeight,\n  avatarImageUrl: buildImageUrl(\n    {\n      width: 60,\n      height: 60,\n    },\n    \"Avatar\"\n  ),\n  avatarImageSize: 60,\n  cardImageSize: 200,\n  cardImageUrl:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  cardIconSize: 16,\n  cardIconBackgroundOpacity: 0.24,\n  cardIconElevation: 1,\n  placeholderImageURL:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  getPlaceholderImageUrl: (size: { width: number; height: number }) =>\n    buildImageUrl(\n      { width: size.width, height: size.height },\n      \"image-placeholder_1\"\n    ),\n  squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n  FABSize: 40,\n  FABBorderRadius: 20,\n  FABFixedHeight: 64,\n  cardContainerShortImageAspectRatio: 1,\n  rowSingleLineImageSize: 24,\n  rowMultiLineImageSize: 48,\n  rowSingleLineIconSize: 24,\n  rowMultiLineIconSize: 16,\n  headerIconSize: 24,\n  buttonIconSize: 24,\n  swiperInactiveDotSize: 6,\n  swiperActiveDotSize: 10,\n  fieldSearchBarFullIconSize: 24,\n  stepperButtonSize: 40,\n  radioButtonSize: 24,\n  topSafeAreaViewHeight: 0,\n  // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"]}
+{"version":3,"sources":["Config.js"],"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"mappings":"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","sourcesContent":["import { Dimensions, Platform } from \"react-native\";\nconst getWindowDimensions = () => {\n    const { width, height } = Dimensions.get(\"window\");\n    return {\n        windowWidth: width,\n        windowHeight: height,\n    };\n};\nconst { windowWidth, windowHeight } = getWindowDimensions();\nconst getFilters = (options) => {\n    const { width, height } = options;\n    const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n    if (width)\n        filters.push(`w_${width}`);\n    if (height)\n        filters.push(`h_${height}`);\n    return filters.join(\",\");\n};\nconst buildImageUrl = (options, name) => {\n    const filters = getFilters(options);\n    return [\n        \"https://res.cloudinary.com/altos/image/upload\",\n        filters,\n        `${name}.png`,\n    ].join(\"/\");\n};\nconst getExtension = () => {\n    return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\nexport default {\n    windowWidth,\n    windowHeight,\n    avatarImageUrl: buildImageUrl({\n        width: 60,\n        height: 60,\n    }, \"Avatar\"),\n    avatarImageSize: 60,\n    cardImageSize: 200,\n    cardImageUrl: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n    cardIconSize: 16,\n    cardIconBackgroundOpacity: 0.24,\n    cardIconElevation: 1,\n    placeholderImageURL: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n    getPlaceholderImageUrl: (size) => buildImageUrl({ width: size.width, height: size.height }, \"image-placeholder_1\"),\n    squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n    FABSize: 40,\n    FABBorderRadius: 20,\n    FABFixedHeight: 64,\n    cardContainerShortImageAspectRatio: 1,\n    rowSingleLineImageSize: 24,\n    rowMultiLineImageSize: 48,\n    rowSingleLineIconSize: 24,\n    rowMultiLineIconSize: 16,\n    headerIconSize: 24,\n    buttonIconSize: 24,\n    swiperInactiveDotSize: 6,\n    swiperActiveDotSize: 10,\n    fieldSearchBarFullIconSize: 24,\n    stepperButtonSize: 40,\n    radioButtonSize: 24,\n    topSafeAreaViewHeight: 0,\n    // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"]}

package/lib/commonjs/components/Container.js

@@ -21,8 +21,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 Container = ({
   useThemeGutterPadding,
   borderColor,
@@ -87,9 +85,10 @@ const Container = ({
     containerStyle.elevation = elevation;
   }
 
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, {
+    style: [containerStyle, style],
+    ...rest
+  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -136,4 +135,14 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Container.js.mapgeProp)({
+      label: "Background Image",
+      description: "Apply a custom background image",
+      defaultValue: null
+    }),
+    backgroundImageResizeMode: (0, _types.createResizeModeProp)(),
+    elevation: (0, _types.createElevationType)(0)
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Container.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Container.tsx"],"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","uri","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","height","props","group","GROUPS","basic","label","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","editable","required"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  ImageBackground,\n  ImageSourcePropType,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createImageProp,\n  createResizeModeProp,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n  theme: Theme;\n  useThemeGutterPadding: boolean;\n  borderColor: string;\n  borderWidth: number;\n  backgroundColor: string;\n  backgroundImage?: string | ImageSourcePropType;\n  backgroundImageResizeMode?: ResizeModeType;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nconst Container: React.FC<Props> = ({\n  useThemeGutterPadding,\n  borderColor,\n  borderWidth,\n  backgroundColor,\n  backgroundImage,\n  backgroundImageResizeMode,\n  elevation,\n  style,\n  children,\n  theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n  ...rest\n}) => {\n  const {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal,\n    ...styleProp\n  } = StyleSheet.flatten(style) || {};\n\n  const containerStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    width: \"100%\",\n    ...styleProp,\n  };\n\n  const innerStyle: StyleProp<ViewStyle> = {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n  };\n\n  const Wrap = elevation ? Elevation : View;\n\n  if (elevation) {\n    containerStyle.elevation = elevation;\n  }\n\n  return (\n    <Wrap style={[containerStyle, style]} {...rest}>\n      {backgroundImage ? (\n        <ImageBackground\n          source={\n            typeof backgroundImage === \"string\"\n              ? { uri: backgroundImage }\n              : backgroundImage\n          }\n          resizeMode={backgroundImageResizeMode}\n          style={{\n            flex: 1,\n          }}\n        >\n          <View style={innerStyle}>{children}</View>\n        </ImageBackground>\n      ) : (\n        <View style={innerStyle}>{children}</View>\n      )}\n    </Wrap>\n  );\n};\n\nexport default withTheme(Container);\n\nexport const SEED_DATA = {\n  name: \"Container\",\n  tag: \"Container\",\n  description: \"A container component with gutter padding\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    height: 250,\n  },\n  props: {\n    useThemeGutterPadding: {\n      group: GROUPS.basic,\n      label: \"Use gutter padding\",\n      description:\n        \"When true, uses the theme gutter spacing as the container's horizontal padding\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: false,\n      editable: false,\n      required: true,\n    },\n    backgroundImage: createImageProp({\n      label: \"Background Image\",\n      description: \"Apply a custom background image\",\n      defaultValue: null,\n    }),\n    backgroundImageResizeMode: createResizeModeProp(),\n    elevation: createElevationType(0),\n  },\n};\n"]}
+{"version":3,"sources":["Container.js"],"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","React","createElement","ImageBackground","source","uri","resizeMode","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","height","props","group","GROUPS","basic","label","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","editable","required"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, ImageBackground, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Elevation from \"./Elevation\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp, } from \"@draftbit/types\";\nconst Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n...rest }) => {\n    const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};\n    const containerStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        width: \"100%\",\n        ...styleProp,\n    };\n    const innerStyle = {\n        flex,\n        flexGrow,\n        flexWrap,\n        flexBasis,\n        flexShrink,\n        flexDirection,\n        alignContent,\n        justifyContent,\n        alignItems,\n        padding,\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        paddingVertical,\n        paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n    };\n    const Wrap = elevation ? Elevation : View;\n    if (elevation) {\n        containerStyle.elevation = elevation;\n    }\n    return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === \"string\"\n            ? { uri: backgroundImage }\n            : backgroundImage, resizeMode: backgroundImageResizeMode, style: {\n            flex: 1,\n        } },\n        React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));\n};\nexport default withTheme(Container);\nexport const SEED_DATA = {\n    name: \"Container\",\n    tag: \"Container\",\n    description: \"A container component with gutter padding\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {\n        height: 250,\n    },\n    props: {\n        useThemeGutterPadding: {\n            group: GROUPS.basic,\n            label: \"Use gutter padding\",\n            description: \"When true, uses the theme gutter spacing as the container's horizontal padding\",\n            formType: FORM_TYPES.boolean,\n            propType: PROP_TYPES.BOOLEAN,\n            defaultValue: false,\n            editable: false,\n            required: true,\n        },\n        backgroundImage: createImageProp({\n            label: \"Background Image\",\n            description: \"Apply a custom background image\",\n            defaultValue: null,\n        }),\n        backgroundImageResizeMode: createResizeModeProp(),\n        elevation: createElevationType(0),\n    },\n};\n"]}

package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePickerComponent.web.tsx"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","DateFnsUtils","d"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAMA;;AAEA;;AACA;;;;AAEA,MAAMA,mBAA8D,GAAG,CAAC;AACtEC,EAAAA,KADsE;AAEtEC,EAAAA,QAFsE;AAGtEC,EAAAA,IAHsE;AAItEC,EAAAA,gBAJsE;AAKtEC,EAAAA,SALsE;AAMtEC,EAAAA;AANsE,CAAD,KAOjE;AAAA;;AACJ,QAAMC,aAAa,GAAG,4BAAe;AACnCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,sBAAMD,MAAN,CAAaF;AADtC,OADF;AAIPI,MAAAA,SAAS,EAAE;AACTH,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,sBAAMD,MAAN,CAAaE;AADtC;AAJJ;AAD0B,GAAf,CAAtB;AAWA,QAAMC,MAAM,GACVX,IAAI,KAAK,MAAT,GACIY,mBADJ,GAEIZ,IAAI,KAAK,MAAT,GACAa,mBADA,GAEAC,uBALN;AAOA,sBACE,6BAAC,gCAAD;AAAyB,IAAA,KAAK,EAAEC;AAAhC,kBACE,6BAAC,qBAAD;AAAe,IAAA,KAAK,EAAEX;AAAtB,kBACE,6BAAC,MAAD;AACE,IAAA,KAAK,EAAEN,KADT;AAEE,IAAA,IAAI,EAAEI,SAFR;AAGE,IAAA,QAAQ,EAAGc,CAAD,IAAO;AACff,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOiB,CAAP,CAAR;AACD,KANH;AAOE,IAAA,OAAO,EAAE,MAAMf,gBAAgB,EAPjC;AAQE,IAAA,OAAO,EAAC,QARV;AASE,IAAA,kBAAkB,EAAE,MAAM;AAT5B,IADF,CADF,CADF;AAiBD,CA3CD;;eA6Ce,wBAAUJ,mBAAV,C","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme?.colors?.primary ?? Theme.colors.primary,\n      },\n      secondary: {\n        main: theme?.colors?.secondary ?? Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"]}
+{"version":3,"sources":["DatePickerComponent.web.js"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","React","createElement","MuiPickersUtilsProvider","utils","DateFnsUtils","ThemeProvider","open","d","onClose","variant","TextFieldComponent"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,mBAAmB,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,IAAnB;AAAyBC,EAAAA,gBAAzB;AAA2CC,EAAAA,SAA3C;AAAsDC,EAAAA;AAAtD,CAAD,KAAoE;AAAA;;AAC5F,QAAMC,aAAa,GAAG,4BAAe;AACjCC,IAAAA,OAAO,EAAE;AACLC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,sBAAMD,MAAN,CAAaF;AADxC,OADJ;AAILI,MAAAA,SAAS,EAAE;AACPH,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,sBAAMD,MAAN,CAAaE;AADxC;AAJN;AADwB,GAAf,CAAtB;AAUA,QAAMC,MAAM,GAAGX,IAAI,KAAK,MAAT,GACTY,mBADS,GAETZ,IAAI,KAAK,MAAT,GACIa,mBADJ,GAEIC,uBAJV;AAKA,sBAAQC,eAAMC,aAAN,CAAoBC,gCAApB,EAA6C;AAAEC,IAAAA,KAAK,EAAEC;AAAT,GAA7C,eACJJ,eAAMC,aAAN,CAAoBI,qBAApB,EAAmC;AAAEjB,IAAAA,KAAK,EAAEC;AAAT,GAAnC,eACIW,eAAMC,aAAN,CAAoBL,MAApB,EAA4B;AAAEb,IAAAA,KAAK,EAAEA,KAAT;AAAgBuB,IAAAA,IAAI,EAAEnB,SAAtB;AAAiCH,IAAAA,QAAQ,EAAGuB,CAAD,IAAO;AACtErB,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOuB,CAAP,CAAR;AACH,KAHuB;AAGrBC,IAAAA,OAAO,EAAE,MAAMtB,gBAAgB,EAHV;AAGcuB,IAAAA,OAAO,EAAE,QAHvB;AAGiCC,IAAAA,kBAAkB,EAAE,MAAM;AAH3D,GAA5B,CADJ,CADI,CAAR;AAMH,CAtBD;;eAuBe,wBAAU5B,mBAAV,C","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {\n    const internalTheme = createMuiTheme({\n        palette: {\n            primary: {\n                main: theme?.colors?.primary ?? Theme.colors.primary,\n            },\n            secondary: {\n                main: theme?.colors?.secondary ?? Theme.colors.secondary,\n            },\n        },\n    });\n    const Picker = mode === \"date\"\n        ? DatePicker\n        : mode === \"time\"\n            ? TimePicker\n            : DateTimePicker;\n    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },\n        React.createElement(ThemeProvider, { theme: internalTheme },\n            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {\n                    toggleVisibility();\n                    onChange(null, d);\n                }, onClose: () => toggleVisibility(), variant: \"dialog\", TextFieldComponent: () => null }))));\n};\nexport default withTheme(DatePickerComponent);\n"]}

package/lib/commonjs/components/DeprecatedButton.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 Button = ({
   Icon,
   icon,
@@ -129,7 +127,7 @@ const Button = ({
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -137,7 +135,7 @@ const Button = ({
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -274,4 +272,17 @@ const SEED_DATA = [{
   layout: {}
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=DeprecatedButton.js.mapuncategorized,
+      label: "Type",
+      description: "Button type",
+      editable: false,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "solid"
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=DeprecatedButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedButton.tsx"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","SEED_DATA_PROPS","group","GROUPS","basic","label","description","editable","required","formType","FORM_TYPES","propType","PROP_TYPES","STRING","defaultValue","data","THEME","boolean","BOOLEAN","SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","triggers","Triggers","OnPress","props","uncategorized","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  Text,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n *   <figure>\n *     <img src=\"screenshots/button-1.png\" />\n *     <figcaption>Text button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-2.png\" />\n *     <figcaption>Outlined button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-3.png\" />\n *     <figcaption>Contained button</figcaption>\n *   </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n *     Press me\n *   </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"outline\" | \"text\";\n  loading?: boolean;\n  icon?: string;\n  labelColor?: string;\n  color?: string;\n  children?: React.ReactNode;\n  onPress: () => void;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst Button: React.FC<Props> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  labelColor,\n  color: colorOverride,\n  children,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"solid\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n  };\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n    marginVertical: 16,\n    marginHorizontal: 16,\n  };\n\n  const iconStyle = [\n    styles.icon,\n    {\n      marginLeft: 16,\n      marginRight: -8,\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  const {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n    ...innerStyles\n  } = StyleSheet.flatten(style || {});\n\n  const margins = {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n  };\n\n  return (\n    <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={[styles.button, buttonStyle, innerStyles]}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          <Text numberOfLines={1} style={[textStyle, typography.button]}>\n            {children}\n          </Text>\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    minWidth: 64,\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    width: Config.buttonIconSize,\n  },\n});\n\nexport default withTheme(Button);\n\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon Name\",\n    description: \"Name of the icon\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  children: {\n    group: GROUPS.data,\n    label: \"Label\",\n    description: \"Button label\",\n    required: true,\n    editable: true,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Get Started\",\n  },\n  color: {\n    group: GROUPS.basic,\n    label: \"Color Override\",\n    description: \"Override the background color of the button\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  labelColor: {\n    group: GROUPS.basic,\n    label: \"Label Color Override\",\n    description: \"Override the label color of the button\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  loading: {\n    group: GROUPS.data,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"Button\",\n    category: COMPONENT_TYPES.deprecated,\n    triggers: [Triggers.OnPress],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        group: GROUPS.uncategorized,\n        label: \"Type\",\n        description: \"Button type\",\n        editable: false,\n        required: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"outline\",\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"Button\",\n    category: COMPONENT_TYPES.deprecated,\n    triggers: [Triggers.OnPress],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        group: GROUPS.uncategorized,\n        label: \"Type\",\n        description: \"Button type\",\n        editable: false,\n        required: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["DeprecatedButton.js"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","SEED_DATA_PROPS","group","GROUPS","basic","label","description","editable","required","formType","FORM_TYPES","propType","PROP_TYPES","STRING","defaultValue","data","THEME","boolean","BOOLEAN","SEED_DATA","tag","category","COMPONENT_TYPES","deprecated","triggers","Triggers","OnPress","props","uncategorized","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createActionProp, Triggers, } from \"@draftbit/types\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"solid\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n    };\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n        marginVertical: 16,\n        marginHorizontal: 16,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            marginLeft: 16,\n            marginRight: -8,\n            width: Config.buttonIconSize,\n        },\n    ];\n    const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n    const margins = {\n        margin,\n        marginEnd,\n        marginTop,\n        marginLeft,\n        marginRight,\n        marginBottom,\n        marginHorizontal,\n        marginVertical,\n    };\n    return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        minWidth: 64,\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        width: Config.buttonIconSize,\n    },\n});\nexport default withTheme(Button);\nconst SEED_DATA_PROPS = {\n    onPress: createActionProp(),\n    icon: {\n        group: GROUPS.basic,\n        label: \"Icon Name\",\n        description: \"Name of the icon\",\n        editable: true,\n        required: true,\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n    },\n    children: {\n        group: GROUPS.data,\n        label: \"Label\",\n        description: \"Button label\",\n        required: true,\n        editable: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Get Started\",\n    },\n    color: {\n        group: GROUPS.basic,\n        label: \"Color Override\",\n        description: \"Override the background color of the button\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n    },\n    labelColor: {\n        group: GROUPS.basic,\n        label: \"Label Color Override\",\n        description: \"Override the label color of the button\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n    },\n    disabled: {\n        group: GROUPS.basic,\n        label: \"Disabled\",\n        description: \"Whether the button should be disabled\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: null,\n    },\n    loading: {\n        group: GROUPS.data,\n        label: \"Loading\",\n        description: \"Whether to show a loading indicator\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: null,\n    },\n};\nexport const SEED_DATA = [\n    {\n        name: \"Button Outline\",\n        tag: \"Button\",\n        category: COMPONENT_TYPES.deprecated,\n        triggers: [Triggers.OnPress],\n        props: {\n            ...SEED_DATA_PROPS,\n            type: {\n                group: GROUPS.uncategorized,\n                label: \"Type\",\n                description: \"Button type\",\n                editable: false,\n                required: true,\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"outline\",\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Button Solid\",\n        tag: \"Button\",\n        category: COMPONENT_TYPES.deprecated,\n        triggers: [Triggers.OnPress],\n        props: {\n            ...SEED_DATA_PROPS,\n            type: {\n                group: GROUPS.uncategorized,\n                label: \"Type\",\n                description: \"Button type\",\n                editable: false,\n                required: true,\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"solid\",\n            },\n        },\n        layout: {},\n    },\n];\n"]}

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -13,6 +13,8 @@ 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:
@@ -34,20 +36,6 @@ const Card = ({
   ...rest
 }) => {
   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.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,CAAC;AAAED,EAAAA,UAAU,GAAG,CAAf;AAAkBE,EAAAA,QAAlB;AAA4BC,EAAAA,OAA5B;AAAqCC,EAAAA,KAArC;AAA4C,KAAGC;AAA/C,CAAD,KAA2D;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"]}
+{"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,CAAC;AAC7BD,EAAAA,UAAU,GAAG,CADgB;AAE7BE,EAAAA,QAF6B;AAG7BC,EAAAA,OAH6B;AAI7BC,EAAAA,KAJ6B;AAK7B,KAAGC;AAL0B,CAAD,KAMxB;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"]}

package/lib/commonjs/components/Elevation.js

@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 const Elevation = ({
   style,
@@ -36,11 +34,24 @@ const Elevation = ({
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
     style: [{
       borderRadius,
       backgroundColor: colors.surface
     }, elevation ? (0, _shadow.default)(elevation) : null, style]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      overflow: "hidden",
+      borderRadius
+    }
+  }, children));
+};
+
+var _default = (0, _theming.withTheme)(Elevation);
+
+exports.default = _default;
+//# sourceMappingURL=Elevation.js.mape
+    }, elevation ? (0, _shadow.default)(elevation) : null, style]
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       overflow: "hidden",

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

@@ -1 +1 @@
-{"version":3,"sources":["Elevation.tsx"],"names":["Elevation","style","theme","children","rest","elevation","borderRadius","radius","StyleSheet","flatten","colors","backgroundColor","surface","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;;;;;;;;;AAQA;AACA,MAAMA,SAA0B,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,QAAhB;AAA0B,KAAGC;AAA7B,CAAD,KAAyC;AAC1E,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MACJC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAD/B;AAEA,QAAM;AAAES,IAAAA;AAAF,MAAaR,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AAEA,sBACE,oBAAC,qBAAD,CAAU,IAAV,eACMH,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,YADF;AAEEK,MAAAA,eAAe,EAAED,MAAM,CAACE;AAF1B,KADK,EAKLP,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IAL3B,EAMLJ,KANK;AAFT,mBAWE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE,QAAZ;AAAsBP,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAXF,CADF;AAeD,CArBD;;eAuBe,wBAAUH,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<Props> = ({ style, theme, children, ...rest }) => {\n  const { elevation = 4, borderRadius: radius } =\n    StyleSheet.flatten(style) || {};\n  const { colors } = theme;\n  const borderRadius = radius;\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          borderRadius,\n          backgroundColor: colors.surface,\n        },\n        elevation ? shadow(elevation) : null,\n        style,\n      ]}\n    >\n      <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Elevation);\n"]}
+{"version":3,"sources":["Elevation.js"],"names":["Elevation","style","theme","children","rest","elevation","borderRadius","radius","StyleSheet","flatten","colors","React","createElement","Animated","View","backgroundColor","surface","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA;AACA,MAAMA,SAAS,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,QAAhB;AAA0B,KAAGC;AAA7B,CAAD,KAAyC;AACvD,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MAA0CC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAA7E;AACA,QAAM;AAAES,IAAAA;AAAF,MAAaR,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,sBAAQI,KAAK,CAACC,aAAN,CAAoBC,sBAASC,IAA7B,EAAmC,EAAE,GAAGV,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIK,MAAAA,YADJ;AAEIS,MAAAA,eAAe,EAAEL,MAAM,CAACM;AAF5B,KADqD,EAKrDX,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IALqB,EAMrDJ,KANqD;AAAlB,GAAnC,eAQJU,KAAK,CAACC,aAAN,CAAoBE,iBAApB,EAA0B;AAAEb,IAAAA,KAAK,EAAE;AAAEgB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBX,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CARI,CAAR;AASH,CAbD;;eAce,wBAAUH,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport { Animated, StyleSheet, View, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation = ({ style, theme, children, ...rest }) => {\n    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};\n    const { colors } = theme;\n    const borderRadius = radius;\n    return (React.createElement(Animated.View, { ...rest, style: [\n            {\n                borderRadius,\n                backgroundColor: colors.surface,\n            },\n            elevation ? shadow(elevation) : null,\n            style,\n        ] },\n        React.createElement(View, { style: { overflow: \"hidden\", borderRadius } }, children)));\n};\nexport default withTheme(Elevation);\n"]}

package/lib/commonjs/components/FAB.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const FAB = ({
   onPress,
   disabled,
@@ -41,7 +39,7 @@ const FAB = ({
       borderRadius: size / 2,
       overflow: "hidden"
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: onPress,
     disabled: loading || disabled,
     android_ripple: {
@@ -58,8 +56,9 @@ const FAB = ({
         borderRadius: size / 2,
         backgroundColor
       }];
-    }
-  }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     size: "small",
     color: color
   }) : /*#__PURE__*/React.createElement(Icon, {
@@ -122,4 +121,16 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=FAB.js.map  defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    bgColor: (0, _types.createColorProp)({
+      label: "Background color",
+      defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    iconSize: (0, _types.createIconSizeProp)()
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=FAB.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect","SEED_DATA","name","tag","category","COMPONENT_TYPES","description","layout","triggers","Triggers","OnPress","label","group","GROUPS","basic","defaultValue","iconSize"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport {\n  COMPONENT_TYPES,\n  createIconProp,\n  createColorProp,\n  GROUPS,\n  createBoolProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator size=\"small\" color={color} />\n          ) : (\n            <Icon name={iconName} size={28} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n\nexport const SEED_DATA = {\n  name: \"FAB\",\n  tag: \"FAB\",\n  category: COMPONENT_TYPES.button,\n  description: \"A mini round icon FAB\",\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    loading: createBoolProp({\n      label: \"Loading\",\n      group: GROUPS.basic,\n    }),\n    iconName: createIconProp({\n      label: \"Icon\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    bgColor: createColorProp({\n      label: \"Background color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    iconSize: createIconSizeProp(),\n  },\n};\n"]}
+{"version":3,"sources":["FAB.js"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","React","createElement","View","width","height","borderRadius","overflow","Pressable","android_ripple","radius","pressed","styles","button","opacity","ActivityIndicator","name","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect","SEED_DATA","tag","category","COMPONENT_TYPES","description","layout","triggers","Triggers","OnPress","label","group","GROUPS","basic","defaultValue","iconSize"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Pressable, ActivityIndicator, Platform, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolProp, createIconSizeProp, createActionProp, Triggers, } from \"@draftbit/types\";\nconst FAB = ({ onPress, disabled, loading, iconName = \"MaterialIcons/add\", style, theme, iconColor, bgColor, size = 50, Icon, ...props }) => {\n    const backgroundColor = bgColor || theme.colors.primary;\n    const color = iconColor || \"#FFF\";\n    return (React.createElement(View, { style: [\n            {\n                width: size,\n                height: size,\n                borderRadius: size / 2,\n                overflow: \"hidden\",\n            },\n            style,\n        ] },\n        React.createElement(Pressable, { onPress: onPress, disabled: loading || disabled, android_ripple: {\n                color: \"#333\",\n                radius: size / 4,\n            }, style: ({ pressed }) => {\n                return [\n                    styles.button,\n                    {\n                        opacity: pressed || disabled ? 0.75 : 1,\n                        width: size,\n                        height: size,\n                        borderRadius: size / 2,\n                        backgroundColor,\n                    },\n                ];\n            }, ...props },\n            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: color })) : (React.createElement(Icon, { name: iconName, size: 28, color: color }))))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        backgroundColor: \"#5a45ff\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n});\nexport default withTheme(FAB);\nexport const SEED_DATA = {\n    name: \"FAB\",\n    tag: \"FAB\",\n    category: COMPONENT_TYPES.button,\n    description: \"A mini round icon FAB\",\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n        onPress: createActionProp(),\n        disabled: createBoolProp({\n            label: \"Disabled\",\n            group: GROUPS.basic,\n        }),\n        loading: createBoolProp({\n            label: \"Loading\",\n            group: GROUPS.basic,\n        }),\n        iconName: createIconProp({\n            label: \"Icon\",\n            defaultValue: null,\n            group: GROUPS.basic,\n        }),\n        iconColor: createColorProp({\n            label: \"Icon color\",\n            defaultValue: null,\n            group: GROUPS.basic,\n        }),\n        bgColor: createColorProp({\n            label: \"Background color\",\n            defaultValue: null,\n            group: GROUPS.basic,\n        }),\n        iconSize: createIconSizeProp(),\n    },\n};\n"]}

package/lib/commonjs/components/FieldSearchBarFull.js

@@ -125,7 +125,6 @@ const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [_types.Triggers.OnChange],
-  // TODO Triggers.OnSubmit for multiple triggers
   props: {
     icon: {
       group: _types.GROUPS.basic,
@@ -164,4 +163,5 @@ const SEED_DATA = [{
   layout: {}
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=FieldSearchBarFull.js.mapTA;
 //# sourceMappingURL=FieldSearchBarFull.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["FieldSearchBarFull.tsx"],"names":["FieldSearchBarFull","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","initialValue","defaultValue","focused","setIsFocused","React","useState","onBlur","internalValue","setIntervalValue","useEffect","useCallback","text","previousInitialValue","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","padding","styles","container","Config","fieldSearchBarFullIconSize","primary","light","marginLeft","flex","color","medium","StyleSheet","create","flexDirection","alignItems","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","Triggers","OnChange","props","group","GROUPS","basic","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","editable","required","string","STRING","action","fieldName","FIELD_NAME","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  TextInput,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  NativeSyntheticEvent,\n  TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n  icon?: string;\n  placeholder?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n  onChange?: (text: string) => void;\n  onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n  value?: string;\n  initialValue?: string; // deprecated\n  defaultValue?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<Props> = ({\n  Icon,\n  icon = \"search\",\n  placeholder = \"\",\n  style,\n  theme: { colors, typography },\n  onChange: changeOverride,\n  onSubmit: submitOverride,\n  value,\n  initialValue,\n  defaultValue,\n}) => {\n  const [focused, setIsFocused] = React.useState(false);\n\n  const onBlur = () => {\n    setIsFocused(false);\n  };\n\n  const [internalValue, setIntervalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    setIntervalValue(value);\n  }, [value]);\n\n  const onChange = React.useCallback(\n    (text: string) => {\n      changeOverride && changeOverride(text);\n    },\n    [changeOverride]\n  );\n\n  const previousInitialValue = usePrevious(initialValue);\n  React.useEffect(() => {\n    if (initialValue !== previousInitialValue) {\n      onChange(initialValue);\n    }\n  }, [initialValue, previousInitialValue, onChange]);\n\n  const onFocus = () => {\n    setIsFocused(true);\n  };\n\n  const onSubmit = (\n    e: NativeSyntheticEvent<TextInputSubmitEditingEventData>\n  ) => {\n    submitOverride && submitOverride(e);\n  };\n\n  const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n  const handleChangeText = (newValue: string) => {\n    setIntervalValue(newValue);\n    if (onChange) {\n      onChange(newValue);\n    }\n  };\n\n  return (\n    <View style={[{ padding: 16 }, styles.container, style]}>\n      <Icon\n        name={icon}\n        size={Config.fieldSearchBarFullIconSize}\n        color={focused ? colors.primary : colors.light}\n      />\n      <View style={{ marginLeft: 12, flex: 1 }}>\n        <TextInput\n          clearButtonMode=\"while-editing\"\n          placeholder={placeholder}\n          value={internalValue}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          onChangeText={handleChangeText}\n          onSubmitEditing={onSubmit}\n          placeholderTextColor={colors.light}\n          style={[\n            {\n              color: colors.medium,\n            },\n            typeStyles,\n          ]}\n        />\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n});\n\nexport default withTheme(FieldSearchBarFull);\n\nexport const SEED_DATA = [\n  {\n    name: \"Search Bar\",\n    tag: \"FieldSearchBarFull\",\n    description: \"A search bar with accompanying search icon and clear button.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n    supports_list_render: false,\n    triggers: [Triggers.OnChange], // TODO Triggers.OnSubmit for multiple triggers\n    props: {\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Left icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      placeholder: {\n        group: GROUPS.basic,\n        label: \"Placeholder\",\n        description: \"Input placeholder text\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Search for...\",\n        editable: true,\n        required: false,\n      },\n      onSubmit: {\n        group: GROUPS.basic,\n        label: \"Submit action\",\n        description: \"Action to execute on submission\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n      fieldName: {\n        ...FIELD_NAME,\n        defaultValue: \"searchBarValue\",\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["FieldSearchBarFull.js"],"names":["FieldSearchBarFull","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","initialValue","defaultValue","focused","setIsFocused","React","useState","onBlur","internalValue","setIntervalValue","useEffect","useCallback","text","previousInitialValue","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","createElement","View","padding","styles","container","name","size","Config","fieldSearchBarFullIconSize","color","primary","light","marginLeft","flex","TextInput","clearButtonMode","onChangeText","onSubmitEditing","placeholderTextColor","medium","StyleSheet","create","flexDirection","alignItems","SEED_DATA","tag","description","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","Triggers","OnChange","props","group","GROUPS","basic","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","editable","required","string","STRING","action","fieldName","FIELD_NAME","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, TextInput, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, } from \"@draftbit/types\";\nimport Config from \"./Config\";\nimport { usePrevious } from \"../hooks\";\nconst FieldSearchBarFull = ({ Icon, icon = \"search\", placeholder = \"\", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, initialValue, defaultValue, }) => {\n    const [focused, setIsFocused] = React.useState(false);\n    const onBlur = () => {\n        setIsFocused(false);\n    };\n    const [internalValue, setIntervalValue] = React.useState(value || defaultValue);\n    React.useEffect(() => {\n        setIntervalValue(value);\n    }, [value]);\n    const onChange = React.useCallback((text) => {\n        changeOverride && changeOverride(text);\n    }, [changeOverride]);\n    const previousInitialValue = usePrevious(initialValue);\n    React.useEffect(() => {\n        if (initialValue !== previousInitialValue) {\n            onChange(initialValue);\n        }\n    }, [initialValue, previousInitialValue, onChange]);\n    const onFocus = () => {\n        setIsFocused(true);\n    };\n    const onSubmit = (e) => {\n        submitOverride && submitOverride(e);\n    };\n    const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const handleChangeText = (newValue) => {\n        setIntervalValue(newValue);\n        if (onChange) {\n            onChange(newValue);\n        }\n    };\n    return (React.createElement(View, { style: [{ padding: 16 }, styles.container, style] },\n        React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light }),\n        React.createElement(View, { style: { marginLeft: 12, flex: 1 } },\n            React.createElement(TextInput, { clearButtonMode: \"while-editing\", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [\n                    {\n                        color: colors.medium,\n                    },\n                    typeStyles,\n                ] }))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n});\nexport default withTheme(FieldSearchBarFull);\nexport const SEED_DATA = [\n    {\n        name: \"Search Bar\",\n        tag: \"FieldSearchBarFull\",\n        description: \"A search bar with accompanying search icon and clear button.\",\n        category: COMPONENT_TYPES.input,\n        preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n        supports_list_render: false,\n        triggers: [Triggers.OnChange],\n        props: {\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Left icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n            placeholder: {\n                group: GROUPS.basic,\n                label: \"Placeholder\",\n                description: \"Input placeholder text\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Search for...\",\n                editable: true,\n                required: false,\n            },\n            onSubmit: {\n                group: GROUPS.basic,\n                label: \"Submit action\",\n                description: \"Action to execute on submission\",\n                editable: true,\n                required: false,\n                formType: FORM_TYPES.action,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n            },\n            fieldName: {\n                ...FIELD_NAME,\n                defaultValue: \"searchBarValue\",\n            },\n        },\n        layout: {},\n    },\n];\n"]}