@draftbit/core 46.4.4-fe82de.2 → 47.0.0-0362d7.2

package/lib/commonjs/mappings/RowBodyIcon.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = [{
-  name: "Row Single Line Body Icon",
-  tag: "RowBodyIcon",
-  description: "A row with left aligned body text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    icon: {
-      group: _types.GROUPS.basic,
-      label: "Icon",
-      description: "Icon to display",
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Double Line Body Icon",
-  tag: "RowBodyIcon",
-  description: "A row with left aligned body text and subtitle text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    subtitle: {
-      group: _types.GROUPS.data,
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "San Diego",
-      editable: true,
-      required: false
-    },
-    icon: {
-      group: _types.GROUPS.basic,
-      label: "Icon",
-      description: "Icon to display",
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RowHeadlineImageCaption.js

@@ -1,169 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = [{
-  name: "Row Single Line Headline Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned headline text and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Single Line Headline Image Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned image and headline text and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    },
-    image: {
-      group: _types.GROUPS.data,
-      label: "Image",
-      description: "Image to display",
-      formType: _types.FORM_TYPES.image,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Double Line Headline Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned headline text and subtitle text and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    subtitle: {
-      group: _types.GROUPS.data,
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "San Diego",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Double Line Headline Image Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned image, headline text, and subtitle text, and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    subtitle: {
-      group: _types.GROUPS.data,
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "San Diego",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    },
-    image: {
-      group: _types.GROUPS.data,
-      label: "Image",
-      description: "Image to display",
-      formType: _types.FORM_TYPES.image,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RowHeadlineImageIcon.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA_PROPS = {
-  title: (0, _types.createTextProp)({
-    label: "Title",
-    description: "Headline text to display"
-  }),
-  icon: (0, _types.createIconProp)({
-    defaultValue: null
-  })
-};
-const IMAGE_PROP = (0, _types.createImageProp)();
-const MULTILINE_PROP = (0, _types.createStaticBoolProp)({
-  defaultValue: true,
-  editable: false
-});
-const SUBTITLE_PROP = (0, _types.createTextProp)({
-  label: "Subtitle",
-  description: "Subtitle text to display",
-  defaultValue: "San Diego"
-});
-const SEED_DATA = [{
-  name: "Row Single Line Headline Icon",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned headline text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS
-  }
-}, {
-  name: "Row Single Line Headline Icon Image",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned image and headline text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
-    image: IMAGE_PROP
-  }
-}, {
-  name: "Row Double Line Headline Icon",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned headline text and subtitle text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
-    subtitle: SUBTITLE_PROP
-  }
-}, {
-  name: "Row Double Line Headline Image Icon",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned headline text and subtitle text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
-    image: IMAGE_PROP,
-    subtitle: SUBTITLE_PROP
-  }
-}, {
-  name: "Row Multiline Headline Icon",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
-    multilineSubtitle: MULTILINE_PROP,
-    subtitle: (0, _types.createTextProp)({
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
-    })
-  }
-}, {
-  name: "Row Multiline Headline Image Icon",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
-    image: IMAGE_PROP,
-    multilineSubtitle: MULTILINE_PROP,
-    subtitle: (0, _types.createTextProp)({
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
-    })
-  }
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ToggleButton.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Toggle Button",
-  tag: "ToggleButton",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
-  layout: {},
-  triggers: [_types.Triggers.OnPress],
-  props: {
-    onPress: (0, _types.createActionProp)(),
-    icon: (0, _types.createIconProp)({
-      required: true
-    }),
-    iconSize: (0, _types.createIconSizeProp)(),
-    fieldName: (0, _types.createFieldNameProp)({
-      defaultValue: false,
-      valuePropName: "toggled"
-    }),
-    disabled: (0, _types.createBoolProp)({
-      label: "Disabled",
-      description: "Whether the button should be disabled",
-      group: _types.GROUPS.basic
-    }),
-    color: (0, _types.createColorProp)({
-      group: _types.GROUPS.basic
-    }),
-    colorSecondary: (0, _types.createColorProp)({
-      label: "Secondary Color",
-      group: _types.GROUPS.basic
-    }),
-    borderColor: (0, _types.createColorProp)({
-      label: "Border Color",
-      group: _types.GROUPS.basic
-    }),
-    width: (0, _types.createStaticNumberProp)({
-      label: "Width",
-      description: "Width",
-      defaultValue: 50
-    }),
-    height: (0, _types.createStaticNumberProp)({
-      label: "Height",
-      description: "Height",
-      defaultValue: 50
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/AnimatedCircularProgress.js

@@ -1,56 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from "react";
-import { Animated, Easing } from "react-native";
-import CircularProgress from "./CircularProgress";
-const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
-const AnimatedCircularProgress = _ref => {
-  let {
-    duration = 500,
-    easing = Easing.out(Easing.ease),
-    fill,
-    prefill = 0,
-    useNativeDriver = false,
-    tintColorSecondary,
-    onAnimationComplete,
-    tintColor = "black",
-    ...other
-  } = _ref;
-  const [fillAnimation] = React.useState(new Animated.Value(prefill));
-  const animate = React.useCallback(function () {
-    let toVal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-    let dur = arguments.length > 1 ? arguments[1] : undefined;
-    let ease = arguments.length > 2 ? arguments[2] : undefined;
-    const toValue = toVal >= 0 ? toVal : fill;
-    const dura = dur || duration;
-    const eas = ease || easing;
-    const useNative = useNativeDriver;
-    const anim = Animated.timing(fillAnimation, {
-      useNativeDriver: useNative,
-      toValue,
-      easing: eas,
-      duration: dura
-    });
-    anim.start(onAnimationComplete);
-    return anim;
-  }, [duration, easing, fill, useNativeDriver, fillAnimation, onAnimationComplete]);
-  const animateColor = () => {
-    if (!tintColorSecondary) {
-      return tintColor;
-    }
-    const tintAnimation = fillAnimation.interpolate({
-      inputRange: [0, 100],
-      outputRange: [tintColor, tintColorSecondary]
-    });
-    return tintAnimation;
-  };
-  React.useEffect(() => {
-    animate();
-  }, [fill, animate]);
-  return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
-    style: other.style,
-    childrenContainerStyle: other.childrenContainerStyle,
-    fill: fillAnimation,
-    tintColor: animateColor()
-  }));
-};
-export default AnimatedCircularProgress;

package/lib/module/components/AspectRatio.js

@@ -1,42 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
-import { View, StyleSheet } from "react-native";
-const AspectRatio = props => {
-  const [layout, setLayout] = React.useState(null);
-  const {
-    aspectRatio = 1,
-    ...inputStyle
-  } = StyleSheet.flatten(props.style) || {};
-  const style = [inputStyle, {
-    aspectRatio
-  }];
-  if (layout) {
-    const {
-      width = 0,
-      height = 0
-    } = layout;
-    if (width === 0) {
-      style.push({
-        width: height * (1 / aspectRatio),
-        height
-      });
-    } else {
-      style.push({
-        width,
-        height: width * (1 / aspectRatio)
-      });
-    }
-  }
-  return /*#__PURE__*/React.createElement(View, _extends({}, props, {
-    style: style,
-    onLayout: _ref => {
-      let {
-        nativeEvent: {
-          layout: l
-        }
-      } = _ref;
-      return setLayout(l);
-    }
-  }), props.children);
-};
-export default AspectRatio;

package/lib/module/components/AvatarEdit.js

@@ -1,49 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from "react";
-import { View } from "react-native";
-import Touchable from "./Touchable";
-import CircleImage from "./CircleImage";
-import { withTheme } from "../theming";
-const AvatarEdit = _ref => {
-  let {
-    Icon,
-    image,
-    size = 80,
-    onPress = () => {},
-    style,
-    theme,
-    ...rest
-  } = _ref;
-  const colorStyles = {
-    editBackgroundColor: theme.colors.primary,
-    editIconColor: theme.colors.surface,
-    editBorderColor: theme.colors.surface
-  };
-  const dimensions = {
-    width: size,
-    height: size
-  };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(Touchable, {
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(CircleImage, {
-    source: image,
-    size: size
-  }), /*#__PURE__*/React.createElement(View, {
-    style: {
-      position: "absolute",
-      top: -3,
-      right: -3,
-      borderColor: colorStyles.editBorderColor,
-      backgroundColor: colorStyles.editBackgroundColor,
-      borderRadius: size * (3 / 16),
-      padding: size * (3 / 32)
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "MaterialIcons/edit",
-    color: colorStyles.editIconColor,
-    size: size * (3 / 16)
-  }))));
-};
-export default withTheme(AvatarEdit);