@draftbit/core 47.0.0-df8093.2 → 47.0.1-54c307.2

package/lib/commonjs/components/ProgressCircle.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AnimatedCircularProgress = _interopRequireDefault(require("./AnimatedCircularProgress"));
+var _theming = require("../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const ProgressCircle = _ref => {
+  let {
+    progress = 0.5,
+    style,
+    color = "primary",
+    size = 100,
+    showsText = true,
+    unfilledColor,
+    strokeCap = "butt",
+    textStyle,
+    thickness = 1,
+    theme
+  } = _ref;
+  const progressNum = Math.round(progress * 100);
+  const tintColor = color || theme.colors.primary;
+  const backgroundColor = unfilledColor || theme.colors.secondary;
+  return /*#__PURE__*/React.createElement(_AnimatedCircularProgress.default, {
+    size: size,
+    width: thickness,
+    backgroundWidth: thickness,
+    fill: progressNum,
+    tintColor: tintColor,
+    backgroundColor: backgroundColor,
+    rotation: 0,
+    lineCap: strokeCap,
+    style: style
+  }, fill => showsText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [{
+      fontSize: size * 0.275,
+      color: tintColor
+    }, textStyle]
+  }, Math.round(fill), "%") : null);
+};
+var _default = (0, _theming.withTheme)(ProgressCircle);
+exports.default = _default;

package/lib/commonjs/components/ProgressIndicator.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _StepIndicator = _interopRequireDefault(require("./StepIndicator"));
+var _theming = require("../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const ProgressIndicator = _ref => {
+  let {
+    numberOfSteps,
+    currentStep,
+    currentStepStrokeWidth = 3,
+    stepStrokeCurrentColor = "primary",
+    stepIndicatorSize,
+    currentStepIndicatorSize,
+    stepIndicatorCurrentColor,
+    stepIndicatorLabelCurrentColor,
+    stepIndicatorLabelFontSize = 12,
+    stepNumberFinishedColor = "strongInverse",
+    stepNumberUnfinishedColor = "primary",
+    unfinishedColor = "light",
+    finishedColor = "primary",
+    theme
+  } = _ref;
+  const currentPosition = currentStep - 1;
+  return /*#__PURE__*/React.createElement(_StepIndicator.default, {
+    stepCount: numberOfSteps,
+    currentPosition: currentPosition,
+    customStyles: {
+      stepIndicatorSize,
+      currentStepIndicatorSize: currentStepIndicatorSize ? currentStepIndicatorSize : stepIndicatorSize,
+      stepStrokeFinishedColor: finishedColor,
+      stepStrokeUnFinishedColor: unfinishedColor,
+      separatorFinishedColor: finishedColor,
+      separatorUnFinishedColor: unfinishedColor,
+      stepIndicatorFinishedColor: finishedColor,
+      stepIndicatorUnFinishedColor: unfinishedColor,
+      currentStepStrokeWidth,
+      stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
+      stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
+      stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
+      stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
+      stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
+      stepIndicatorLabelFontSize,
+      labelFontFamily: theme.typography.body1.fontFamily
+    }
+  });
+};
+var _default = (0, _theming.withTheme)(ProgressIndicator);
+exports.default = _default;

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -34,7 +34,7 @@ const RadioButton = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
@@ -50,5 +50,4 @@ const RadioButton = _ref => {
   }, rest));
 };
 var _default = RadioButton;
-exports.default = _default;
-//# sourceMappingURL=RadioButton.js.map
+exports.default = _default;

package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js

@@ -32,5 +32,4 @@ const RadioButtonFieldGroup = _ref => {
   }, rest), children));
 };
 var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
-exports.default = _default;
-//# sourceMappingURL=RadioButtonFieldGroup.js.map
+exports.default = _default;

package/lib/commonjs/components/RadioButton/RadioButtonGroup.js

@@ -65,5 +65,4 @@ const RadioButtonGroup = _ref => {
   }, children)));
 };
 var _default = RadioButtonGroup;
-exports.default = _default;
-//# sourceMappingURL=RadioButtonGroup.js.map
+exports.default = _default;

package/lib/commonjs/components/RadioButton/RadioButtonRow.js

@@ -63,7 +63,7 @@ const RadioButtonRow = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
@@ -116,5 +116,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = RadioButtonRow;
-exports.default = _default;
-//# sourceMappingURL=RadioButtonRow.js.map
+exports.default = _default;

package/lib/commonjs/components/RadioButton/context.js

@@ -20,5 +20,4 @@ const radioButtonGroupContext = /*#__PURE__*/(0, _react.createContext)({
 exports.radioButtonGroupContext = radioButtonGroupContext;
 function useRadioButtonGroupContext() {
   return (0, _react.useContext)(radioButtonGroupContext);
-}
-//# sourceMappingURL=context.js.map
+}

package/lib/commonjs/components/RadioButton/index.js

@@ -31,5 +31,4 @@ var _RadioButton = _interopRequireDefault(require("./RadioButton"));
 var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
 var _RadioButtonRow = _interopRequireDefault(require("./RadioButtonRow"));
 var _RadioButtonFieldGroup = _interopRequireDefault(require("./RadioButtonFieldGroup"));
-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/components/ResizeMode.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/commonjs/components/Row.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theming = require("../theming");
+var _Config = _interopRequireDefault(require("./Config"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const Row = _ref => {
+  let {
+    titleTypeStyle,
+    titleColor,
+    subtitleTypeStyle,
+    subtitleColor,
+    title,
+    subtitle,
+    multilineSubtitle,
+    image,
+    right,
+    style
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, {
+      padding: 16
+    }, style]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.leftContainer
+  }, image && /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: typeof image === "string" ? {
+      uri: image
+    } : image,
+    style: {
+      marginRight: 12,
+      width: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize,
+      height: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize
+    }
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [titleTypeStyle, {
+      color: titleColor
+    }],
+    numberOfLines: 1
+  }, title), subtitle ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [subtitleTypeStyle, {
+      color: subtitleColor,
+      marginTop: 4
+    }],
+    numberOfLines: multilineSubtitle ? undefined : 1
+  }, subtitle) : null)), right && right());
+};
+const styles = _reactNative.StyleSheet.create({
+  leftContainer: {
+    flexDirection: "row",
+    flex: 1
+  },
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  textContainer: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+var _default = (0, _theming.withTheme)(Row);
+exports.default = _default;

package/lib/commonjs/components/RowBodyIcon.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _theming = require("../theming");
+var _Row = _interopRequireDefault(require("./Row"));
+var _Config = _interopRequireDefault(require("./Config"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const RowBodyIcon = _ref => {
+  let {
+    Icon,
+    title,
+    subtitle,
+    icon,
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_Row.default, {
+    titleTypeStyle: typography.body1,
+    titleColor: colors.medium,
+    subtitleTypeStyle: typography.subtitle2,
+    subtitleColor: colors.light,
+    title: title,
+    subtitle: subtitle,
+    right: () => /*#__PURE__*/React.createElement(Icon, {
+      name: icon,
+      size: _Config.default.rowSingleLineIconSize,
+      color: colors.light,
+      style: {
+        marginLeft: 16
+      }
+    }),
+    style: style
+  });
+};
+var _default = (0, _theming.withTheme)(RowBodyIcon);
+exports.default = _default;

package/lib/commonjs/components/RowHeadlineImageCaption.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theming = require("../theming");
+var _Row = _interopRequireDefault(require("./Row"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const RowHeadlineImageCaption = _ref => {
+  let {
+    title,
+    subtitle,
+    caption,
+    image,
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_Row.default, {
+    titleTypeStyle: typography.headline6,
+    titleColor: colors.strong,
+    subtitleTypeStyle: typography.body2,
+    subtitleColor: colors.medium,
+    title: title,
+    subtitle: subtitle,
+    image: image,
+    right: () => /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: {
+        ...typography.caption,
+        color: colors.strong,
+        marginLeft: 16
+      }
+    }, caption),
+    style: style
+  });
+};
+var _default = (0, _theming.withTheme)(RowHeadlineImageCaption);
+exports.default = _default;

package/lib/commonjs/components/RowHeadlineImageIcon.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _theming = require("../theming");
+var _Row = _interopRequireDefault(require("./Row"));
+var _Config = _interopRequireDefault(require("./Config"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const RowHeadlineImageIcon = _ref => {
+  let {
+    Icon,
+    icon,
+    title,
+    image,
+    subtitle,
+    multilineSubtitle = false,
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_Row.default, {
+    titleTypeStyle: typography.headline6,
+    titleColor: colors.strong,
+    subtitleTypeStyle: typography.body2,
+    subtitleColor: colors.medium,
+    title: title,
+    subtitle: subtitle,
+    multilineSubtitle: multilineSubtitle,
+    image: image,
+    right: () => /*#__PURE__*/React.createElement(Icon, {
+      name: icon,
+      size: multilineSubtitle ? _Config.default.rowMultiLineIconSize : _Config.default.rowSingleLineIconSize,
+      color: colors.light,
+      style: {
+        marginLeft: 16,
+        alignSelf: multilineSubtitle ? "flex-start" : "center",
+        marginTop: multilineSubtitle ? 4 : 0
+      }
+    }),
+    style: style
+  });
+};
+var _default = (0, _theming.withTheme)(RowHeadlineImageIcon);
+exports.default = _default;

package/lib/commonjs/components/SVG.js

@@ -36,5 +36,4 @@ const SVG = _ref => {
   }));
 };
 var _default = SVG;
-exports.default = _default;
-//# sourceMappingURL=SVG.js.map
+exports.default = _default;

package/lib/commonjs/components/ScreenContainer.js

@@ -55,5 +55,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(ScreenContainer);
-exports.default = _default;
-//# sourceMappingURL=ScreenContainer.js.map
+exports.default = _default;

package/lib/commonjs/components/Slider.js

@@ -108,5 +108,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Slider);
-exports.default = _default;
-//# sourceMappingURL=Slider.js.map
+exports.default = _default;

package/lib/commonjs/components/StarRating.js

@@ -83,5 +83,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(StarRating);
-exports.default = _default;
-//# sourceMappingURL=StarRating.js.map
+exports.default = _default;