@draftbit/core 42.4.2-24a0ec.2 → 42.4.2-717ab1.2

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

@@ -1 +1 @@
-{"version":3,"sources":["RowHeadlineImageCaption.tsx"],"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","layout","ASSET"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  caption?: string;\n  image: string | ImageSourcePropType;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<Props> = ({\n  title,\n  subtitle,\n  caption,\n  image,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      image={image}\n      right={() => (\n        <Text\n          style={{\n            ...typography.caption,\n            color: colors.strong,\n            marginLeft: 16,\n          }}\n        >\n          {caption}\n        </Text>\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n\nexport const SEED_DATA = [\n  {\n    name: \"Row Single Line Headline Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned headline text and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Single Line Headline Image Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned image and headline text and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url:\n      \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image to display\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Double Line Headline Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Double Line Headline Image Caption\",\n    tag: \"RowHeadlineImageCaption\",\n    description:\n      \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Headline text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      caption: {\n        group: GROUPS.data,\n        label: \"Caption\",\n        description: \"Caption text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n      },\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image to display\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["RowHeadlineImageCaption.js"],"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","React","createElement","Row","titleTypeStyle","headline6","titleColor","strong","subtitleTypeStyle","body2","subtitleColor","medium","right","Text","color","marginLeft","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","layout","ASSET"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nimport Row from \"./Row\";\nconst RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {\n                ...typography.caption,\n                color: colors.strong,\n                marginLeft: 16,\n            } }, caption)), style: style }));\n};\nexport default withTheme(RowHeadlineImageCaption);\nexport const SEED_DATA = [\n    {\n        name: \"Row Single Line Headline Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned headline text and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Single Line Headline Image Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned image and headline text and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n            image: {\n                group: GROUPS.data,\n                label: \"Image\",\n                description: \"Image to display\",\n                formType: FORM_TYPES.image,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Double Line Headline Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            subtitle: {\n                group: GROUPS.data,\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"San Diego\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Double Line Headline Image Caption\",\n        tag: \"RowHeadlineImageCaption\",\n        description: \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Headline text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            subtitle: {\n                group: GROUPS.data,\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"San Diego\",\n                editable: true,\n                required: false,\n            },\n            caption: {\n                group: GROUPS.data,\n                label: \"Caption\",\n                description: \"Caption text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"$100\",\n                editable: true,\n                required: false,\n            },\n            image: {\n                group: GROUPS.data,\n                label: \"Image\",\n                description: \"Image to display\",\n                formType: FORM_TYPES.image,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n];\n"]}

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

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

package/lib/commonjs/components/ScreenContainer.js

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

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

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

package/lib/commonjs/components/Slider.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.tsx"],"names":["Stepper","Icon","value","style","onChange","initialValue","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","React","useState","useEffect","previousInitialValue","handleMinus","handlePlus","flexDirection","body1","textAlign","alignSelf","color","medium","marginHorizontal","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnChange","props","fieldName","handlerPropName","valuePropName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n  value?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onChange?: (value: number) => void;\n  initialValue?: number; // deprecated\n  defaultValue?: number;\n  iconSize?: number;\n  iconColor?: string;\n  borderRadius?: number;\n  typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n  Icon,\n  value,\n  style,\n  onChange,\n  initialValue,\n  defaultValue,\n  theme: { colors, typography, roundness },\n  iconSize = 24,\n  iconColor = colors.strong,\n  borderRadius = roundness,\n  typeStyle,\n}) => {\n  const [stateValue, setStateValue] = React.useState(\n    value || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setStateValue(value);\n    }\n  }, [value]);\n\n  const previousInitialValue = usePrevious(initialValue);\n  React.useEffect(() => {\n    if (initialValue !== previousInitialValue) {\n      setStateValue(initialValue);\n      onChange && onChange(initialValue);\n    }\n  }, [initialValue, previousInitialValue, onChange, setStateValue]);\n\n  const handleMinus = () => {\n    if (value || value === 0) {\n      onChange && onChange(value - 1);\n    } else {\n      setStateValue(stateValue - 1);\n    }\n  };\n\n  const handlePlus = () => {\n    if (value || value === 0) {\n      onChange && onChange(value + 1);\n    } else {\n      setStateValue(stateValue + 1);\n    }\n  };\n\n  return (\n    <View\n      style={[\n        { flexDirection: \"row\" },\n        style,\n        borderRadius ? { borderRadius } : {},\n      ]}\n    >\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={handleMinus}\n        size={iconSize}\n        color={iconColor}\n        disabled={value ? value === 0 : stateValue === 0}\n      />\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value || stateValue}\n      </Text>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={handlePlus}\n        size={iconSize}\n        color={iconColor}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Stepper.js"],"names":["Stepper","Icon","value","style","onChange","initialValue","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","React","useState","useEffect","previousInitialValue","handleMinus","handlePlus","createElement","View","flexDirection","IconButton","icon","onPress","size","color","disabled","Text","body1","textAlign","alignSelf","medium","marginHorizontal","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnChange","props","fieldName","handlerPropName","valuePropName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA,KAAf;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA,YAAhC;AAA8CC,EAAAA,YAA9C;AAA4DC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,UAAV;AAAsBC,IAAAA;AAAtB,GAAnE;AAAsGC,EAAAA,QAAQ,GAAG,EAAjH;AAAqHC,EAAAA,SAAS,GAAGJ,MAAM,CAACK,MAAxI;AAAgJC,EAAAA,YAAY,GAAGJ,SAA/J;AAA0KK,EAAAA;AAA1K,CAAD,KAA4L;AACxM,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,KAAK,CAACC,QAAN,CAAejB,KAAK,IAAII,YAAT,IAAyB,CAAxC,CAApC;AACAY,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIlB,KAAK,IAAI,IAAb,EAAmB;AACfe,MAAAA,aAAa,CAACf,KAAD,CAAb;AACH;AACJ,GAJD,EAIG,CAACA,KAAD,CAJH;AAKA,QAAMmB,oBAAoB,GAAG,wBAAYhB,YAAZ,CAA7B;AACAa,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIf,YAAY,KAAKgB,oBAArB,EAA2C;AACvCJ,MAAAA,aAAa,CAACZ,YAAD,CAAb;AACAD,MAAAA,QAAQ,IAAIA,QAAQ,CAACC,YAAD,CAApB;AACH;AACJ,GALD,EAKG,CAACA,YAAD,EAAegB,oBAAf,EAAqCjB,QAArC,EAA+Ca,aAA/C,CALH;;AAMA,QAAMK,WAAW,GAAG,MAAM;AACtB,QAAIpB,KAAK,IAAIA,KAAK,KAAK,CAAvB,EAA0B;AACtBE,MAAAA,QAAQ,IAAIA,QAAQ,CAACF,KAAK,GAAG,CAAT,CAApB;AACH,KAFD,MAGK;AACDe,MAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACH;AACJ,GAPD;;AAQA,QAAMO,UAAU,GAAG,MAAM;AACrB,QAAIrB,KAAK,IAAIA,KAAK,KAAK,CAAvB,EAA0B;AACtBE,MAAAA,QAAQ,IAAIA,QAAQ,CAACF,KAAK,GAAG,CAAT,CAApB;AACH,KAFD,MAGK;AACDe,MAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACH;AACJ,GAPD;;AAQA,sBAAQE,KAAK,CAACM,aAAN,CAAoBC,iBAApB,EAA0B;AAAEtB,IAAAA,KAAK,EAAE,CACnC;AAAEuB,MAAAA,aAAa,EAAE;AAAjB,KADmC,EAEnCvB,KAFmC,EAGnCW,YAAY,GAAG;AAAEA,MAAAA;AAAF,KAAH,GAAsB,EAHC;AAAT,GAA1B,eAKJI,KAAK,CAACM,aAAN,CAAoBG,mBAApB,EAAgC;AAAE1B,IAAAA,IAAI,EAAEA,IAAR;AAAc2B,IAAAA,IAAI,EAAE,sBAApB;AAA4CC,IAAAA,OAAO,EAAEP,WAArD;AAAkEQ,IAAAA,IAAI,EAAEnB,QAAxE;AAAkFoB,IAAAA,KAAK,EAAEnB,SAAzF;AAAoGoB,IAAAA,QAAQ,EAAE9B,KAAK,GAAGA,KAAK,KAAK,CAAb,GAAiBc,UAAU,KAAK;AAAnJ,GAAhC,CALI,eAMJE,KAAK,CAACM,aAAN,CAAoBS,iBAApB,EAA0B;AAAE9B,IAAAA,KAAK,EAAE,CAC3BM,UAAU,CAACyB,KADgB,EAE3B;AACIC,MAAAA,SAAS,EAAE,QADf;AAEIC,MAAAA,SAAS,EAAE,QAFf;AAGIL,MAAAA,KAAK,EAAEvB,MAAM,CAAC6B,MAHlB;AAIIC,MAAAA,gBAAgB,EAAE;AAJtB,KAF2B,EAQ3BvB,SAR2B;AAAT,GAA1B,EASSb,KAAK,IAAIc,UATlB,CANI,eAgBJE,KAAK,CAACM,aAAN,CAAoBG,mBAApB,EAAgC;AAAE1B,IAAAA,IAAI,EAAEA,IAAR;AAAc2B,IAAAA,IAAI,EAAE,mBAApB;AAAyCC,IAAAA,OAAO,EAAEN,UAAlD;AAA8DO,IAAAA,IAAI,EAAEnB,QAApE;AAA8EoB,IAAAA,KAAK,EAAEnB;AAArF,GAAhC,CAhBI,CAAR;AAiBH,CA/CD;;eAgDe,wBAAUZ,OAAV,C;;;AACR,MAAMuC,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,SADV;AAEIC,EAAAA,GAAG,EAAE,SAFT;AAGIC,EAAAA,WAAW,EAAE,uDAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ9B;AAKIC,EAAAA,MAAM,EAAE,EALZ;AAMIC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,QAAV,CANd;AAOIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3B7C,MAAAA,YAAY,EAAE,cADa;AAE3B8C,MAAAA,eAAe,EAAE,UAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAApB,CADR;AAMH1C,IAAAA,QAAQ,EAAE,+BAAmB;AAAEL,MAAAA,YAAY,EAAE;AAAhB,KAAnB,CANP;AAOHM,IAAAA,SAAS,EAAE,4BAAgB;AAAEN,MAAAA,YAAY,EAAE;AAAhB,KAAhB;AAPR;AAPX,CADqB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { View, Text } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, Triggers, } from \"@draftbit/types\";\nimport IconButton from \"./IconButton\";\nimport { usePrevious } from \"../hooks\";\nconst Stepper = ({ Icon, value, style, onChange, initialValue, defaultValue, theme: { colors, typography, roundness }, iconSize = 24, iconColor = colors.strong, borderRadius = roundness, typeStyle, }) => {\n    const [stateValue, setStateValue] = React.useState(value || defaultValue || 0);\n    React.useEffect(() => {\n        if (value != null) {\n            setStateValue(value);\n        }\n    }, [value]);\n    const previousInitialValue = usePrevious(initialValue);\n    React.useEffect(() => {\n        if (initialValue !== previousInitialValue) {\n            setStateValue(initialValue);\n            onChange && onChange(initialValue);\n        }\n    }, [initialValue, previousInitialValue, onChange, setStateValue]);\n    const handleMinus = () => {\n        if (value || value === 0) {\n            onChange && onChange(value - 1);\n        }\n        else {\n            setStateValue(stateValue - 1);\n        }\n    };\n    const handlePlus = () => {\n        if (value || value === 0) {\n            onChange && onChange(value + 1);\n        }\n        else {\n            setStateValue(stateValue + 1);\n        }\n    };\n    return (React.createElement(View, { style: [\n            { flexDirection: \"row\" },\n            style,\n            borderRadius ? { borderRadius } : {},\n        ] },\n        React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/remove\", onPress: handleMinus, size: iconSize, color: iconColor, disabled: value ? value === 0 : stateValue === 0 }),\n        React.createElement(Text, { style: [\n                typography.body1,\n                {\n                    textAlign: \"center\",\n                    alignSelf: \"center\",\n                    color: colors.medium,\n                    marginHorizontal: 8,\n                },\n                typeStyle,\n            ] }, value || stateValue),\n        React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/add\", onPress: handlePlus, size: iconSize, color: iconColor })));\n};\nexport default withTheme(Stepper);\nexport const SEED_DATA = [\n    {\n        name: \"Stepper\",\n        tag: \"Stepper\",\n        description: \"A component used to control the quantity of something\",\n        category: COMPONENT_TYPES.input,\n        layout: {},\n        triggers: [Triggers.OnChange],\n        props: {\n            fieldName: createFieldNameProp({\n                defaultValue: \"stepperValue\",\n                handlerPropName: \"onChange\",\n                valuePropName: \"value\",\n            }),\n            iconSize: createIconSizeProp({ defaultValue: 24 }),\n            iconColor: createColorProp({ defaultValue: \"strong\" }),\n        },\n    },\n];\n"]}

package/lib/commonjs/components/Surface.js

@@ -23,8 +23,7 @@ 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); }
-
+/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 const Surface = ({
   elevation,
   style,
@@ -43,13 +42,13 @@ const Surface = ({
   } = theme;
   const borderRadius = radius;
   const ele = elevation || styleElevation;
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
     style: [{
       minHeight: 40,
       borderRadius,
       backgroundColor: isDarkTheme && mode === "adaptive" ? (0, _overlay.default)(ele, colors.surface) : colors.surface
     }, elevation ? (0, _shadow.default)(elevation) : null, style]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       overflow: "hidden",
       borderRadius
@@ -71,4 +70,12 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Surface.js.mapscription: "An elevated container",
+  category: _types.COMPONENT_TYPES.layout,
+  layout: {},
+  props: {
+    elevation: (0, _types.createElevationType)(0)
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Surface.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Surface.tsx"],"names":["Surface","elevation","style","theme","children","rest","styleElevation","borderRadius","radius","StyleSheet","flatten","dark","isDarkTheme","mode","colors","ele","minHeight","backgroundColor","surface","overflow","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AACA;;AACA;;AAEA;;;;;;;;;;AAQA,MAAMA,OAAwB,GAAG,CAAC;AAChCC,EAAAA,SADgC;AAEhCC,EAAAA,KAFgC;AAGhCC,EAAAA,KAHgC;AAIhCC,EAAAA,QAJgC;AAKhC,KAAGC;AAL6B,CAAD,KAM3B;AACJ,QAAM;AAAEJ,IAAAA,SAAS,EAAEK,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,YAAY,EAAEC,MAAM,GAAG;AAAxD,MACHC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EADhC;AAEA,QAAM;AAAES,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCX,KAA5C;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,QAAMO,GAAG,GAAGd,SAAS,IAAIK,cAAzB;AAEA,sBACE,oBAAC,qBAAD,CAAU,IAAV,eACMD,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEW,MAAAA,SAAS,EAAE,EADb;AAEET,MAAAA,YAFF;AAGEU,MAAAA,eAAe,EACbL,WAAW,IAAIC,IAAI,KAAK,UAAxB,GACI,sBAAQE,GAAR,EAAaD,MAAM,CAACI,OAApB,CADJ,GAEIJ,MAAM,CAACI;AANf,KADK,EASLjB,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IAT3B,EAULC,KAVK;AAFT,mBAeE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEiB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBZ,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAfF,CADF;AAmBD,CAhCD;;eAkCe,wBAAUJ,OAAV,C;;;AAER,MAAMoB,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,SADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,uBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBA,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACL1B,IAAAA,SAAS,EAAE,gCAAoB,CAApB;AADN;AANgB,CAAlB","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * 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 overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\n\ntype Props = {\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props> = ({\n  elevation,\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const { elevation: styleElevation = 3, borderRadius: radius = 0 } =\n    (StyleSheet.flatten(style) || {}) as ViewStyle;\n  const { dark: isDarkTheme, mode, colors } = theme;\n  const borderRadius = radius;\n  const ele = elevation || styleElevation;\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          minHeight: 40,\n          borderRadius,\n          backgroundColor:\n            isDarkTheme && mode === \"adaptive\"\n              ? overlay(ele, colors.surface)\n              : 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(Surface);\n\nexport const SEED_DATA = {\n  name: \"Surface\",\n  tag: \"Surface\",\n  description: \"An elevated container\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    elevation: createElevationType(0),\n  },\n};\n"]}
+{"version":3,"sources":["Surface.js"],"names":["Surface","elevation","style","theme","children","rest","styleElevation","borderRadius","radius","StyleSheet","flatten","dark","isDarkTheme","mode","colors","ele","React","createElement","Animated","View","minHeight","backgroundColor","surface","overflow","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AANA;AAOA,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,KAAb;AAAoBC,EAAAA,KAApB;AAA2BC,EAAAA,QAA3B;AAAqC,KAAGC;AAAxC,CAAD,KAAoD;AAChE,QAAM;AAAEJ,IAAAA,SAAS,EAAEK,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,YAAY,EAAEC,MAAM,GAAG;AAAxD,MAA+DC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAAlG;AACA,QAAM;AAAES,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCX,KAA5C;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,QAAMO,GAAG,GAAGd,SAAS,IAAIK,cAAzB;AACA,sBAAQU,KAAK,CAACC,aAAN,CAAoBC,sBAASC,IAA7B,EAAmC,EAAE,GAAGd,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIkB,MAAAA,SAAS,EAAE,EADf;AAEIb,MAAAA,YAFJ;AAGIc,MAAAA,eAAe,EAAET,WAAW,IAAIC,IAAI,KAAK,UAAxB,GACX,sBAAQE,GAAR,EAAaD,MAAM,CAACQ,OAApB,CADW,GAEXR,MAAM,CAACQ;AALjB,KADqD,EAQrDrB,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IARqB,EASrDC,KATqD;AAAlB,GAAnC,eAWJc,KAAK,CAACC,aAAN,CAAoBE,iBAApB,EAA0B;AAAEjB,IAAAA,KAAK,EAAE;AAAEqB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBhB,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CAXI,CAAR;AAYH,CAjBD;;eAkBe,wBAAUJ,OAAV,C;;;AACR,MAAMwB,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,SADe;AAErBC,EAAAA,GAAG,EAAE,SAFgB;AAGrBC,EAAAA,WAAW,EAAE,uBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBA,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACH9B,IAAAA,SAAS,EAAE,gCAAoB,CAApB;AADR;AANc,CAAlB","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport { Animated, StyleSheet, View, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\nconst Surface = ({ elevation, style, theme, children, ...rest }) => {\n    const { elevation: styleElevation = 3, borderRadius: radius = 0 } = (StyleSheet.flatten(style) || {});\n    const { dark: isDarkTheme, mode, colors } = theme;\n    const borderRadius = radius;\n    const ele = elevation || styleElevation;\n    return (React.createElement(Animated.View, { ...rest, style: [\n            {\n                minHeight: 40,\n                borderRadius,\n                backgroundColor: isDarkTheme && mode === \"adaptive\"\n                    ? overlay(ele, colors.surface)\n                    : colors.surface,\n            },\n            elevation ? shadow(elevation) : null,\n            style,\n        ] },\n        React.createElement(View, { style: { overflow: \"hidden\", borderRadius } }, children)));\n};\nexport default withTheme(Surface);\nexport const SEED_DATA = {\n    name: \"Surface\",\n    tag: \"Surface\",\n    description: \"An elevated container\",\n    category: COMPONENT_TYPES.layout,\n    layout: {},\n    props: {\n        elevation: createElevationType(0),\n    },\n};\n"]}

package/lib/commonjs/components/Swiper/SwiperItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SwiperItem.js"],"names":["styles","StyleSheet","create","wrapper","flex","SwiperItem","children","style","React","createElement","View","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC7BC,EAAAA,OAAO,EAAE;AACLC,IAAAA,IAAI,EAAE;AADD;AADoB,CAAlB,CAAf;;AAKA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAD,kBAA0BC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,EAAAA,KAAK,EAAE,CAACP,MAAM,CAACG,OAAR,EAAiBI,KAAjB;AAAT,CAA1B,EAA8DD,QAA9D,CAA7C;;eACeD,U;;AACR,MAAMM,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,aAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,KAAK,EAAE;AALc,CAAlB","sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\nimport React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nconst styles = StyleSheet.create({\n    wrapper: {\n        flex: 1,\n    },\n});\nconst SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));\nexport default SwiperItem;\nexport const SEED_DATA = {\n    name: \"Swiper Item\",\n    tag: \"SwiperItem\",\n    description: \"Swiper item\",\n    category: COMPONENT_TYPES.button,\n    props: {},\n};\n"]}
+{"version":3,"sources":["SwiperItem.tsx"],"names":["styles","StyleSheet","create","wrapper","flex","SwiperItem","children","style","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE;AADC;AADsB,CAAlB,CAAf;;AAWA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAD,kBACjB,6BAAC,iBAAD;AAAM,EAAA,KAAK,EAAE,CAACP,MAAM,CAACG,OAAR,EAAiBI,KAAjB;AAAb,GAAuCD,QAAvC,CADF;;eAIeD,U;;AAER,MAAMG,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,aAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,KAAK,EAAE;AALgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\nimport React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n  },\n});\n\nexport interface SwiperProps {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst SwiperItem = ({ children, style }: SwiperProps) => (\n  <View style={[styles.wrapper, style]}>{children}</View>\n);\n\nexport default SwiperItem;\n\nexport const SEED_DATA = {\n  name: \"Swiper Item\",\n  tag: \"SwiperItem\",\n  description: \"Swiper item\",\n  category: COMPONENT_TYPES.button,\n  props: {},\n};\n"]}

package/lib/commonjs/components/Swiper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as Swiper } from \"./Swiper\";\nexport { default as SwiperItem } from \"./SwiperItem\";\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as Swiper } from \"./Swiper\";\nexport { default as SwiperItem } from \"./SwiperItem\";\n"]}

package/lib/commonjs/components/Switch.js

@@ -23,6 +23,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); }
+
 function Switch({
   value,
   initialValue,
@@ -55,24 +57,23 @@ function Switch({
       onValueChange && onValueChange(booleanInitialValue);
     }
   }, [initialValue, booleanInitialValue, previousInitialValue, setChecked, onValueChange]);
-  return /*#__PURE__*/React.createElement(_reactNative.Switch, {
+  return /*#__PURE__*/React.createElement(_reactNative.Switch, _extends({
     value: checked,
     disabled: disabled,
     trackColor: {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
-    // @ts-ignore react-native-web only
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
+    ,
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
     style: style,
     onValueChange: bool => {
       setChecked(bool);
       onValueChange && onValueChange(bool);
-    },
-    ...rest
-  });
+    }
+  }, rest));
 }
 
 function Row({
@@ -95,7 +96,7 @@ function Row({
       setChecked(value);
     }
   }, [value, checked]);
-  return /*#__PURE__*/React.createElement(_FormRow.default, {
+  return /*#__PURE__*/React.createElement(_FormRow.default, _extends({
     disabled: disabled,
     onPress: () => {
       setChecked(!checked);
@@ -103,9 +104,8 @@ function Row({
     },
     label: label,
     direction: direction,
-    style: style,
-    ...rest
-  }, /*#__PURE__*/React.createElement(Switch, {
+    style: style
+  }, rest), /*#__PURE__*/React.createElement(Switch, {
     theme: theme,
     value: checked,
     disabled: disabled,
@@ -125,14 +125,5 @@ var _default = (0, _theming.withTheme)(Switch);
  * generated */
 
 
-exports.default = _default;
-//# sourceMappingURL=Switch.js.mapconst SwitchRow = (0, _theming.withTheme)(Row);
-exports.SwitchRow = SwitchRow;
-
-var _default = (0, _theming.withTheme)(Switch);
-/* README: SEED_DATA lives inside mappings/Switch.js since there were weird issues taking place with sourceMaps being
- * generated */
-
-
 exports.default = _default;
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Switch.js"],"names":["Switch","value","initialValue","defaultValue","disabled","onValueChange","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","theme","style","rest","activeTrackThemeColor","colors","primary","inactiveTrackThemeColor","activeThumbThemeColor","inactiveThumbThemeColor","checked","setChecked","React","useState","useEffect","booleanInitialValue","Boolean","previousInitialValue","createElement","NativeSwitch","trackColor","false","true","thumbColor","ios_backgroundColor","bool","Row","label","direction","RowDirection","FormRow","onPress","SwitchRow"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Switch as NativeSwitch, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport FormRow from \"./FormRow\";\nimport { RowDirection } from \"@draftbit/types\";\nimport { usePrevious } from \"../hooks\";\nfunction Switch({ value, initialValue, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, style, ...rest }) {\n    const activeTrackThemeColor = activeTrackColor || theme.colors.primary;\n    const inactiveTrackThemeColor = inactiveTrackColor || \"#EEE\";\n    const activeThumbThemeColor = activeThumbColor || \"#FFF\";\n    const inactiveThumbThemeColor = inactiveThumbColor || \"#FFF\";\n    const [checked, setChecked] = React.useState(value || defaultValue);\n    React.useEffect(() => {\n        if (value != null && value !== checked) {\n            setChecked(value);\n        }\n    }, [value, checked]);\n    const booleanInitialValue = Boolean(initialValue);\n    const previousInitialValue = usePrevious(booleanInitialValue);\n    React.useEffect(() => {\n        if (initialValue != null && booleanInitialValue !== previousInitialValue) {\n            setChecked(booleanInitialValue);\n            onValueChange && onValueChange(booleanInitialValue);\n        }\n    }, [\n        initialValue,\n        booleanInitialValue,\n        previousInitialValue,\n        setChecked,\n        onValueChange,\n    ]);\n    return (React.createElement(NativeSwitch, { value: checked, disabled: disabled, trackColor: {\n            false: inactiveTrackThemeColor,\n            true: activeTrackThemeColor,\n        }, thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor, \n        // @ts-ignore react-native-web only\n        activeThumbColor: activeThumbThemeColor, ios_backgroundColor: inactiveTrackThemeColor, style: style, onValueChange: (bool) => {\n            setChecked(bool);\n            onValueChange && onValueChange(bool);\n        }, ...rest }));\n}\nfunction Row({ label = \"Label\", direction = RowDirection.Row, style, value, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }) {\n    const [checked, setChecked] = React.useState(value);\n    React.useEffect(() => {\n        if (value !== checked) {\n            setChecked(value);\n        }\n    }, [value, checked]);\n    return (React.createElement(FormRow, { disabled: disabled, onPress: () => {\n            setChecked(!checked);\n            onValueChange && onValueChange(!checked);\n        }, label: label, direction: direction, style: style, ...rest },\n        React.createElement(Switch, { theme: theme, value: checked, disabled: disabled, onValueChange: onValueChange, activeTrackColor: activeTrackColor, inactiveTrackColor: inactiveTrackColor, activeThumbColor: activeThumbColor, inactiveThumbColor: inactiveThumbColor })));\n}\nconst SwitchRow = withTheme(Row);\nexport { SwitchRow };\nexport default withTheme(Switch);\n/* README: SEED_DATA lives inside mappings/Switch.js since there were weird issues taking place with sourceMaps being\n * generated */\n"]}
+{"version":3,"sources":["Switch.tsx"],"names":["Switch","value","initialValue","defaultValue","disabled","onValueChange","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","theme","style","rest","activeTrackThemeColor","colors","primary","inactiveTrackThemeColor","activeThumbThemeColor","inactiveThumbThemeColor","checked","setChecked","React","useState","useEffect","booleanInitialValue","Boolean","previousInitialValue","false","true","bool","Row","label","direction","RowDirection","SwitchRow"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Switch as NativeSwitch,\n  SwitchProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport FormRow from \"./FormRow\";\nimport { RowDirection } from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n  value?: boolean;\n  disabled?: boolean;\n  onValueChange?: (value: boolean) => void;\n  initialValue?: boolean; // deprecated\n  defaultValue?: boolean;\n  theme: Theme;\n  activeTrackColor: string;\n  inactiveTrackColor: string;\n  activeThumbColor: string;\n  inactiveThumbColor: string;\n} & SwitchProps;\n\nfunction Switch({\n  value,\n  initialValue,\n  defaultValue,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  style,\n  ...rest\n}: Props) {\n  const activeTrackThemeColor = activeTrackColor || theme.colors.primary;\n  const inactiveTrackThemeColor = inactiveTrackColor || \"#EEE\";\n\n  const activeThumbThemeColor = activeThumbColor || \"#FFF\";\n  const inactiveThumbThemeColor = inactiveThumbColor || \"#FFF\";\n\n  const [checked, setChecked] = React.useState(value || defaultValue);\n\n  React.useEffect(() => {\n    if (value != null && value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  const booleanInitialValue = Boolean(initialValue);\n  const previousInitialValue = usePrevious(booleanInitialValue);\n\n  React.useEffect(() => {\n    if (initialValue != null && booleanInitialValue !== previousInitialValue) {\n      setChecked(booleanInitialValue);\n      onValueChange && onValueChange(booleanInitialValue);\n    }\n  }, [\n    initialValue,\n    booleanInitialValue,\n    previousInitialValue,\n    setChecked,\n    onValueChange,\n  ]);\n\n  return (\n    <NativeSwitch\n      value={checked}\n      disabled={disabled}\n      trackColor={{\n        false: inactiveTrackThemeColor,\n        true: activeTrackThemeColor,\n      }}\n      thumbColor={value ? activeThumbThemeColor : inactiveThumbThemeColor}\n      // @ts-ignore react-native-web only\n      activeThumbColor={activeThumbThemeColor}\n      ios_backgroundColor={inactiveTrackThemeColor}\n      style={style}\n      onValueChange={(bool) => {\n        setChecked(bool);\n        onValueChange && onValueChange(bool);\n      }}\n      {...rest}\n    />\n  );\n}\n\ntype RowProps = {\n  label: string;\n  direction: RowDirection;\n  style?: StyleProp<ViewStyle>;\n};\n\nfunction Row({\n  label = \"Label\",\n  direction = RowDirection.Row,\n  style,\n  value,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  ...rest\n}: Props & RowProps) {\n  const [checked, setChecked] = React.useState(value);\n\n  React.useEffect(() => {\n    if (value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  return (\n    <FormRow\n      disabled={disabled}\n      onPress={() => {\n        setChecked(!checked);\n        onValueChange && onValueChange(!checked);\n      }}\n      label={label}\n      direction={direction}\n      style={style}\n      {...rest}\n    >\n      <Switch\n        theme={theme}\n        value={checked}\n        disabled={disabled}\n        onValueChange={onValueChange}\n        activeTrackColor={activeTrackColor}\n        inactiveTrackColor={inactiveTrackColor}\n        activeThumbColor={activeThumbColor}\n        inactiveThumbColor={inactiveThumbColor}\n      />\n    </FormRow>\n  );\n}\n\nconst SwitchRow = withTheme(Row);\nexport { SwitchRow };\nexport default withTheme(Switch);\n\n/* README: SEED_DATA lives inside mappings/Switch.js since there were weird issues taking place with sourceMaps being\n * generated */\n"]}

package/lib/commonjs/components/TextInput.js

@@ -13,8 +13,6 @@ var _hooks = require("../hooks");
 
 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 TextInput = ({
   initialValue,
   onChangeText,
@@ -28,6 +26,18 @@ const TextInput = ({
     }
   }, [initialValue, previousInitialValue, onChangeText]);
 
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    onChangeText: onChangeText,
+    ...props
+  });
+};
+
+var _default = TextInput;
+exports.default = _default;
+//# sourceMappingURL=TextInput.js.map   onChangeText(initialValue);
+    }
+  }, [initialValue, previousInitialValue, onChangeText]);
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
     onChangeText: onChangeText
   }, props));