@draftbit/core 46.2.3 → 46.2.4-0b78ac.5

package/lib/commonjs/components/StepIndicator.js

@@ -13,8 +13,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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+// @ts-nocheck
 const STEP_STATUS = {
   CURRENT: "current",
   FINISHED: "finished",
@@ -25,7 +24,7 @@ class StepIndicator extends _react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "renderProgressBarBackground", () => {
+    this.renderProgressBarBackground = () => {
       const {
         stepCount,
         direction
@@ -70,9 +69,9 @@ class StepIndicator extends _react.Component {
         },
         style: progressBarBackgroundStyle
       });
-    });
+    };
 
-    _defineProperty(this, "renderProgressBar", () => {
+    this.renderProgressBar = () => {
       const {
         stepCount,
         direction
@@ -104,9 +103,9 @@ class StepIndicator extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
         style: progressBarStyle
       });
-    });
+    };
 
-    _defineProperty(this, "renderStepIndicator", () => {
+    this.renderStepIndicator = () => {
       let steps = [];
       const {
         stepCount,
@@ -139,9 +138,9 @@ class StepIndicator extends _react.Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    });
+    };
 
-    _defineProperty(this, "renderStepLabels", () => {
+    this.renderStepLabels = () => {
       const {
         labels,
         direction,
@@ -183,9 +182,9 @@ class StepIndicator extends _react.Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    });
+    };
 
-    _defineProperty(this, "renderStep", position => {
+    this.renderStep = position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -257,9 +256,9 @@ class StepIndicator extends _react.Component {
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    });
+    };
 
-    _defineProperty(this, "getStepStatus", stepPosition => {
+    this.getStepStatus = stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -271,9 +270,9 @@ class StepIndicator extends _react.Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    });
+    };
 
-    _defineProperty(this, "onCurrentPositionChanged", position => {
+    this.onCurrentPositionChanged = position => {
       let {
         stepCount
       } = this.props;
@@ -296,7 +295,7 @@ class StepIndicator extends _react.Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    });
+    };
 
     const defaultStyles = {
       stepIndicatorSize: 30,
@@ -411,6 +410,25 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+StepIndicator.defaultProps = {
+  currentPosition: 0,
+  stepCount: 5,
+  customStyles: {},
+  direction: "horizontal"
+}; justifyContent: "center"
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: "center",
+    fontWeight: "500"
+  },
+  stepLabelItem: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/commonjs/components/TextField.js

@@ -193,6 +193,7 @@ class TextField extends React.Component {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -220,7 +221,7 @@ class TextField extends React.Component {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/lib/commonjs/components/Touchable.js

@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
 function Touchable(_ref) {
   let {
     children,
@@ -21,6 +19,22 @@ function Touchable(_ref) {
     style,
     ...props
   } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}rops
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled,

package/lib/commonjs/index.js

@@ -291,6 +291,12 @@ Object.defineProperty(exports, "RowHeadlineImageIcon", {
     return _RowHeadlineImageIcon.default;
   }
 });
+Object.defineProperty(exports, "SVG", {
+  enumerable: true,
+  get: function () {
+    return _SVG.default;
+  }
+});
 Object.defineProperty(exports, "ScreenContainer", {
   enumerable: true,
   get: function () {
@@ -442,6 +448,8 @@ var _IconButton = _interopRequireDefault(require("./components/IconButton"));
 
 var _Image = _interopRequireDefault(require("./components/Image"));
 
+var _SVG = _interopRequireDefault(require("./components/SVG"));
+
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
 
 var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));

package/lib/commonjs/mappings/Image.js

@@ -14,8 +14,8 @@ const SEED_DATA = {
   category: _types.COMPONENT_TYPES.media,
   stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {
-    width: 250,
-    height: 250
+    width: 100,
+    height: 100
   },
   props: {
     source: (0, _types.createImageProp)(),

package/lib/commonjs/mappings/MapView.js

@@ -61,6 +61,7 @@ const SEED_DATA = {
       label: "Map Type",
       description: "The type of map to show",
       group: _types.GROUPS.basic,
+      editable: true,
       formType: _types.FORM_TYPES.flatArray,
       propType: _types.PROP_TYPES.STRING,
       required: false,

package/lib/commonjs/mappings/NumberInput.js

@@ -7,154 +7,6 @@ exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
 
 var _types = require("@draftbit/types");
 
-const NUMBER_INPUT_PROPS = {
-  allowFontScaling: {
-    group: _types.GROUPS.advanced,
-    label: "Allow Font Scaling",
-    description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN
-  },
-  autoFocus: {
-    group: _types.GROUPS.basic,
-    label: "Auto Focus",
-    description: "Focuses the input on load in and brings up the keyboard",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN
-  },
-  caretHidden: {
-    group: _types.GROUPS.advanced,
-    label: "Hide Caret",
-    description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN
-  },
-  contextMenuHidden: {
-    group: _types.GROUPS.advanced,
-    label: "Hide Context Menu",
-    description: "Hides the system context menu (Default: false)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN
-  },
-  editable: {
-    group: _types.GROUPS.advanced,
-    label: "Editable",
-    description: "If false, the text is not editable",
-    editable: true,
-    required: false,
-    defaultValue: true,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN
-  },
-  keyboardAppearance: {
-    group: _types.GROUPS.advanced,
-    label: "Keyboard Appearance",
-    description: "Determines the color of the keyboard.(iOS Only)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["default", "light", "dark"],
-    formType: _types.FORM_TYPES.flatArray,
-    propType: _types.PROP_TYPES.STRING
-  },
-  keyboardType: {
-    group: _types.GROUPS.advanced,
-    label: "Keyboard Type",
-    description: "Determines what keyboard is given to the user.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["numeric", "numbers-and-punctuation", "number-pad"],
-    formType: _types.FORM_TYPES.flatArray,
-    propType: _types.PROP_TYPES.STRING
-  },
-  maxLength: {
-    group: _types.GROUPS.basic,
-    label: "Max Length",
-    description: "Limits the input to a set number of characters.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    min: 0,
-    step: 1,
-    precision: 0,
-    formType: _types.FORM_TYPES.number,
-    propType: _types.PROP_TYPES.NUMBER
-  },
-  placeholder: {
-    group: _types.GROUPS.basic,
-    label: "Placeholder Text",
-    description: "The text that is shown on load when no value is available.",
-    editable: true,
-    required: false,
-    defaultValue: "Enter a number...",
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING
-  },
-  placeholderTextColor: {
-    group: _types.GROUPS.basic,
-    label: "Placeholder Text Color",
-    description: "The color of the placeholder text.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.color,
-    propType: _types.PROP_TYPES.STRING
-  },
-  returnKeyLabel: {
-    group: _types.GROUPS.advanced,
-    label: "Return Key Label",
-    description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING
-  },
-  returnKeyType: {
-    group: _types.GROUPS.advanced,
-    label: "Return Key Type",
-    description: "Determines how the return key should look like",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
-    formType: _types.FORM_TYPES.flatArray,
-    propType: _types.PROP_TYPES.STRING
-  },
-  selectionColor: {
-    group: _types.GROUPS.advanced,
-    label: "Selection Color",
-    description: "Color of the highlighted portion when selecting.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.color,
-    propType: _types.PROP_TYPES.STRING
-  },
-  selectTextOnFocus: {
-    group: _types.GROUPS.advanced,
-    label: "Select Text on Focus",
-    description: "If true, all the text will automatically be selected on focus",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN
-  }
-};
 const SEED_DATA_PROPS = {
   style: {
     group: _types.GROUPS.basic,
@@ -235,7 +87,152 @@ const SEED_DATA = [{
   },
   triggers: [_types.Triggers.OnChangeText],
   props: { ...SEED_DATA_PROPS,
-    ...NUMBER_INPUT_PROPS
+    allowFontScaling: {
+      group: _types.GROUPS.advanced,
+      label: "Allow Font Scaling",
+      description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    autoFocus: {
+      group: _types.GROUPS.basic,
+      label: "Auto Focus",
+      description: "Focuses the input on load in and brings up the keyboard",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    caretHidden: {
+      group: _types.GROUPS.advanced,
+      label: "Hide Caret",
+      description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    contextMenuHidden: {
+      group: _types.GROUPS.advanced,
+      label: "Hide Context Menu",
+      description: "Hides the system context menu (Default: false)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    editable: {
+      group: _types.GROUPS.advanced,
+      label: "Editable",
+      description: "If false, the text is not editable",
+      editable: true,
+      required: false,
+      defaultValue: true,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    keyboardAppearance: {
+      group: _types.GROUPS.advanced,
+      label: "Keyboard Appearance",
+      description: "Determines the color of the keyboard.(iOS Only)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["default", "light", "dark"],
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING
+    },
+    keyboardType: {
+      group: _types.GROUPS.advanced,
+      label: "Keyboard Type",
+      description: "Determines what keyboard is given to the user.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["numeric", "numbers-and-punctuation", "number-pad"],
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING
+    },
+    maxLength: {
+      group: _types.GROUPS.basic,
+      label: "Max Length",
+      description: "Limits the input to a set number of characters.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      min: 0,
+      step: 1,
+      precision: 0,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER
+    },
+    placeholder: {
+      group: _types.GROUPS.basic,
+      label: "Placeholder Text",
+      description: "The text that is shown on load when no value is available.",
+      editable: true,
+      required: false,
+      defaultValue: "Enter a number...",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING
+    },
+    placeholderTextColor: {
+      group: _types.GROUPS.basic,
+      label: "Placeholder Text Color",
+      description: "The color of the placeholder text.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.STRING
+    },
+    returnKeyLabel: {
+      group: _types.GROUPS.advanced,
+      label: "Return Key Label",
+      description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING
+    },
+    returnKeyType: {
+      group: _types.GROUPS.advanced,
+      label: "Return Key Type",
+      description: "Determines how the return key should look like",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING
+    },
+    selectionColor: {
+      group: _types.GROUPS.advanced,
+      label: "Selection Color",
+      description: "Color of the highlighted portion when selecting.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.STRING
+    },
+    selectTextOnFocus: {
+      group: _types.GROUPS.advanced,
+      label: "Select Text on Focus",
+      description: "If true, all the text will automatically be selected on focus",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    }
   }
 }];
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/SVG.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = {
+  name: "SVG",
+  tag: "SVG",
+  description: "An SVG component",
+  category: _types.COMPONENT_TYPES.media,
+  layout: {
+    width: 100,
+    height: 100
+  },
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  props: {
+    source: (0, _types.createSvgProp)()
+  }
+};
+exports.SEED_DATA = SEED_DATA;