@draftbit/core 47.0.0-df8093.2 → 47.0.1-9fd6f2.2

package/lib/commonjs/constants.js

@@ -12,5 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
-//# sourceMappingURL=constants.js.map
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/commonjs/hooks.js

@@ -18,5 +18,4 @@ function usePrevious(value) {
 
   // Return previous value (happens before update in useEffect above)
   return ref.current;
-}
-//# sourceMappingURL=hooks.js.map
+}

package/lib/commonjs/index.js

@@ -33,6 +33,18 @@ Object.defineProperty(exports, "ActionSheetItem", {
     return _ActionSheet.ActionSheetItem;
   }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _CircleImage.default;
+  }
+});
+Object.defineProperty(exports, "AvatarEdit", {
+  enumerable: true,
+  get: function () {
+    return _AvatarEdit.default;
+  }
+});
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
   get: function () {
@@ -45,6 +57,54 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
+Object.defineProperty(exports, "ButtonOutline", {
+  enumerable: true,
+  get: function () {
+    return _Button.ButtonOutline;
+  }
+});
+Object.defineProperty(exports, "ButtonSolid", {
+  enumerable: true,
+  get: function () {
+    return _Button.ButtonSolid;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "CardBlock", {
+  enumerable: true,
+  get: function () {
+    return _CardBlock.default;
+  }
+});
+Object.defineProperty(exports, "CardContainer", {
+  enumerable: true,
+  get: function () {
+    return _CardContainer.default;
+  }
+});
+Object.defineProperty(exports, "CardContainerRating", {
+  enumerable: true,
+  get: function () {
+    return _CardContainerRating.default;
+  }
+});
+Object.defineProperty(exports, "CardInline", {
+  enumerable: true,
+  get: function () {
+    return _CardInline.default;
+  }
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () {
+    return _Carousel.default;
+  }
+});
 Object.defineProperty(exports, "Center", {
   enumerable: true,
   get: function () {
@@ -75,6 +135,18 @@ Object.defineProperty(exports, "Circle", {
     return _Layout.Circle;
   }
 });
+Object.defineProperty(exports, "CircleImage", {
+  enumerable: true,
+  get: function () {
+    return _CircleImage.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
@@ -87,12 +159,54 @@ Object.defineProperty(exports, "DefaultTheme", {
     return _DefaultTheme.default;
   }
 });
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _Divider.default;
+  }
+});
+Object.defineProperty(exports, "FAB", {
+  enumerable: true,
+  get: function () {
+    return _FAB.default;
+  }
+});
+Object.defineProperty(exports, "FieldSearchBarFull", {
+  enumerable: true,
+  get: function () {
+    return _FieldSearchBarFull.default;
+  }
+});
+Object.defineProperty(exports, "HeaderLarge", {
+  enumerable: true,
+  get: function () {
+    return _HeaderLarge.default;
+  }
+});
+Object.defineProperty(exports, "HeaderMedium", {
+  enumerable: true,
+  get: function () {
+    return _HeaderMedium.default;
+  }
+});
+Object.defineProperty(exports, "HeaderOverline", {
+  enumerable: true,
+  get: function () {
+    return _HeaderOverline.default;
+  }
+});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
     return _IconButton.default;
   }
 });
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _Image.default;
+  }
+});
 Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () {
@@ -111,6 +225,18 @@ Object.defineProperty(exports, "Picker", {
     return _Picker.default;
   }
 });
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.default;
+  }
+});
+Object.defineProperty(exports, "ProgressCircle", {
+  enumerable: true,
+  get: function () {
+    return _ProgressCircle.default;
+  }
+});
 Object.defineProperty(exports, "Provider", {
   enumerable: true,
   get: function () {
@@ -147,6 +273,24 @@ Object.defineProperty(exports, "Row", {
     return _Layout.Row;
   }
 });
+Object.defineProperty(exports, "RowBodyIcon", {
+  enumerable: true,
+  get: function () {
+    return _RowBodyIcon.default;
+  }
+});
+Object.defineProperty(exports, "RowHeadlineImageCaption", {
+  enumerable: true,
+  get: function () {
+    return _RowHeadlineImageCaption.default;
+  }
+});
+Object.defineProperty(exports, "RowHeadlineImageIcon", {
+  enumerable: true,
+  get: function () {
+    return _RowHeadlineImageIcon.default;
+  }
+});
 Object.defineProperty(exports, "SVG", {
   enumerable: true,
   get: function () {
@@ -237,6 +381,12 @@ Object.defineProperty(exports, "ThemeProvider", {
     return _theming.ThemeProvider;
   }
 });
+Object.defineProperty(exports, "ToggleButton", {
+  enumerable: true,
+  get: function () {
+    return _ToggleButton.default;
+  }
+});
 Object.defineProperty(exports, "Touchable", {
   enumerable: true,
   get: function () {
@@ -249,6 +399,12 @@ Object.defineProperty(exports, "injectIcon", {
     return _Icon.injectIcon;
   }
 });
+Object.defineProperty(exports, "useAuthState", {
+  enumerable: true,
+  get: function () {
+    return _useAuthState.useAuthState;
+  }
+});
 Object.defineProperty(exports, "withTheme", {
   enumerable: true,
   get: function () {
@@ -259,29 +415,51 @@ var _Icon = require("./interfaces/Icon");
 var _theming = require("./theming");
 var _Provider = _interopRequireDefault(require("./Provider"));
 var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
-var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
+var _Text = require("./components/Text");
 var _Banner = _interopRequireDefault(require("./components/Banner"));
 var _Button = require("./components/Button");
-var _Text = require("./components/Text");
+var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
+var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
+var _Card = _interopRequireDefault(require("./components/Card"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Checkbox = require("./components/Checkbox");
+var _Container = _interopRequireDefault(require("./components/Container"));
+var _Divider = _interopRequireDefault(require("./components/Divider"));
+var _FAB = _interopRequireDefault(require("./components/FAB"));
+var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
 var _IconButton = _interopRequireDefault(require("./components/IconButton"));
-var _Touchable = _interopRequireDefault(require("./components/Touchable"));
-var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _Image = _interopRequireDefault(require("./components/Image"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
-var _TextField = _interopRequireDefault(require("./components/TextField"));
-var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
-var _Checkbox = require("./components/Checkbox");
-var _index = require("./components/RadioButton/index");
-var _Slider = _interopRequireDefault(require("./components/Slider"));
-var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
 var _StarRating = _interopRequireDefault(require("./components/StarRating"));
+var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-var _SVG = _interopRequireDefault(require("./components/SVG"));
-var _Layout = require("./components/Layout");
-var _Swiper = require("./components/Swiper");
+var _TextField = _interopRequireDefault(require("./components/TextField"));
+var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
+var _Touchable = _interopRequireDefault(require("./components/Touchable"));
 var _Accordion = require("./components/Accordion");
-var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _ActionSheet = require("./components/ActionSheet");
+var _Swiper = require("./components/Swiper");
+var _Layout = require("./components/Layout");
+var _index = require("./components/RadioButton/index");
+var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
+var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
+var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
+var _CardInline = _interopRequireDefault(require("./components/CardInline"));
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
+var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
+var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
+var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
+var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
+var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
+var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
+var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
+var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _useAuthState = require("./components/useAuthState");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/commonjs/interfaces/Icon.js

@@ -17,5 +17,4 @@ const injectIcon = (Component, Icon) => props => /*#__PURE__*/_react.default.cre
   ...props,
   Icon
 });
-exports.injectIcon = injectIcon;
-//# sourceMappingURL=Icon.js.map
+exports.injectIcon = injectIcon;

package/lib/commonjs/mappings/Accordion.js

@@ -45,5 +45,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Accordion.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AccordionItem.js

@@ -20,5 +20,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=AccordionItem.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheet.js

@@ -17,5 +17,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheet.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetCancel.js

@@ -23,5 +23,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheetCancel.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetItem.js

@@ -27,5 +27,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheetItem.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -61,5 +61,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActivityIndicator.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AudioPlayer.js

@@ -10,7 +10,17 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -21,8 +31,27 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: "strong"
+    }),
+    completedTrackColor: (0, _types.createColorProp)({
+      label: "Completed Track Color",
+      defaultValue: "background"
+    }),
+    remainingTrackColor: (0, _types.createColorProp)({
+      label: "Remaining Track Color",
+      defaultValue: "light"
+    }),
+    trackThumbSize: (0, _types.createNumberProp)({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: (0, _types.createColorProp)({
+      label: "Play Icon Color",
+      defaultValue: "strong"
+    })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=AudioPlayer.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AvatarEdit.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Avatar Edit",
+  tag: "AvatarEdit",
+  description: "An avatar with an edit icon in the top right",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: {
+    width: 64,
+    height: 64
+  },
+  props: {
+    size: {
+      group: _types.GROUPS.basic,
+      label: "Size",
+      description: "Size of avatar / width, height",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 0,
+      max: 300,
+      precision: 0,
+      step: 1,
+      defaultValue: 80
+    },
+    image: {
+      group: _types.GROUPS.data,
+      label: "Image",
+      description: "Name of the image",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.image,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: "brightness-5"
+    }
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Banner.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Banner",
+  tag: "Banner",
+  category: _types.COMPONENT_TYPES.deprecated,
+  props: {
+    icon: (0, _types.createIconProp)({
+      defaultValue: null,
+      required: false
+    }),
+    content: (0, _types.createTextProp)({
+      label: "Content",
+      description: "Banner text content"
+    }),
+    initiallyVisible: (0, _types.createBoolProp)({
+      group: _types.GROUPS.basic,
+      label: "Initially visible",
+      description: "Whether the banner should be visible",
+      defaultValue: true
+    }),
+    dismissable: (0, _types.createBoolProp)({
+      group: _types.GROUPS.basic,
+      label: "Dismissable",
+      description: "Whether the banner should be able to be closed",
+      defaultValue: true
+    }),
+    buttonColor: (0, _types.createColorProp)({
+      label: "Button color",
+      defaultValue: "primary"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/BlurView.js

@@ -46,5 +46,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=BlurView.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Button.js

@@ -63,5 +63,4 @@ const SEED_DATA = [{
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
 }];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Button.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Card.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Card",
+  tag: "Card",
+  description: "A card you can customize however you'd like",
+  category: _types.COMPONENT_TYPES.card,
+  triggers: [_types.Triggers.OnPress, _types.Triggers.OnPressIcon],
+  props: {
+    onPress: (0, _types.createActionProp)(),
+    onPressIcon: (0, _types.createActionProp)({
+      handlerPropName: "onPressIcon"
+    }),
+    elevation: (0, _types.createElevationType)(3),
+    image: (0, _types.createImageProp)(),
+    title: (0, _types.createTextProp)({
+      label: "Title",
+      description: "Large title text",
+      // defaultValue: "Title",
+      defaultValue: null
+    }),
+    titleStyle: (0, _types.createTextStyle)({
+      label: "Title Style"
+    }),
+    subtitle: (0, _types.createTextProp)({
+      label: "Subtitle",
+      description: "Text underneath the title",
+      defaultValue: null
+      // defaultValue: "Edit me in the props panel on the right",
+    }),
+
+    subtitleStyle: (0, _types.createTextStyle)({
+      label: "Subtitle Style"
+    }),
+    description: (0, _types.createTextProp)({
+      label: "Description",
+      description: "Smallest text underneath subtitle",
+      // defaultValue:
+      // "This bottom text is optional, but shows up to make your life a little easier!",
+      defaultValue: null
+    }),
+    descriptionStyle: (0, _types.createTextStyle)({
+      label: "Description Style"
+    }),
+    icon: (0, _types.createIconProp)(),
+    aspectRatio: (0, _types.createAspectRatioProp)({
+      defaultValue: 1.5
+    }),
+    textCentered: (0, _types.createStaticBoolProp)({
+      label: "Centered Text",
+      description: "Places your title and subtitle in the center"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;