@draftbit/core 46.9.1-bdfd4c.2 → 46.9.1-f8902c.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/lib/commonjs/components/BottomSheet/BottomSheet.js +2 -1
  2. package/lib/commonjs/components/FormRow.js +16 -2
  3. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  4. package/lib/commonjs/mappings/BottomSheet.js +3 -2
  5. package/lib/module/components/BottomSheet/BottomSheet.js +2 -1
  6. package/lib/module/components/Text.js +4 -50
  7. package/lib/module/mappings/BottomSheet.js +3 -2
  8. package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map +1 -1
  9. package/lib/typescript/src/mappings/BottomSheet.d.ts +1 -0
  10. package/lib/typescript/src/mappings/BottomSheet.d.ts.map +1 -1
  11. package/package.json +3 -4
  12. package/src/components/BottomSheet/BottomSheet.js +1 -0
  13. package/src/components/BottomSheet/BottomSheet.tsx +1 -0
  14. package/src/mappings/BottomSheet.js +2 -2
  15. package/src/mappings/BottomSheet.ts +2 -2
package/lib/commonjs/components/BottomSheet/BottomSheet.js CHANGED
@@ -68,7 +68,8 @@ const styles = _reactNative.StyleSheet.create({
68
68
  },
69
69
  contentContainerStyle: {
70
70
  paddingHorizontal: 16,
71
- paddingVertical: 10
71
+ paddingVertical: 10,
72
+ flex: 1
72
73
  },
73
74
  containerStyle: {
74
75
  flex: 1,
package/lib/commonjs/components/FormRow.js CHANGED
@@ -11,7 +11,6 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  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); }
13
13
  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; }
14
- 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); }
15
14
  function FormRow(_ref) {
16
15
  let {
17
16
  disabled,
@@ -26,11 +25,26 @@ function FormRow(_ref) {
26
25
  textStyles,
27
26
  viewStyles
28
27
  } = (0, _utilities.extractStyles)(style);
29
- return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
28
+ return /*#__PURE__*/React.createElement(_Touchable.default, {
30
29
  disabled: disabled,
31
30
  onPress: onPress,
32
31
  style: [styles.row, {
33
32
  flexDirection: direction
33
+ }, viewStyles],
34
+ ...rest
35
+ }, /*#__PURE__*/React.createElement(_reactNative.Text, {
36
+ style: textStyles
37
+ }, label), children);
38
+ }
39
+ const styles = _reactNative.StyleSheet.create({
40
+ row: {
41
+ marginLeft: 8,
42
+ marginRight: 8,
43
+ flexDirection: "row",
44
+ justifyContent: "space-between",
45
+ alignItems: "center"
46
+ }
47
+ });rection: direction
34
48
  }, viewStyles]
35
49
  }, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
36
50
  style: textStyles
package/lib/commonjs/components/Picker/PickerComponent.android.js CHANGED
@@ -15,7 +15,9 @@ var _Touchable = _interopRequireDefault(require("../Touchable"));
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
16
  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); }
17
17
  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; }
18
+ 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); }
18
19
  const Picker = _ref => {
20
+ var _options$find$label, _options$find;
19
21
  let {
20
22
  style,
21
23
  options,
@@ -25,7 +27,6 @@ const Picker = _ref => {
25
27
  onValueChange: onValueChangeOverride = () => {},
26
28
  ...props
27
29
  } = _ref;
28
- var _a, _b;
29
30
  const {
30
31
  viewStyles: {
31
32
  borderRadius,
@@ -70,7 +71,7 @@ const Picker = _ref => {
70
71
  };
71
72
 
72
73
  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
73
- const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
74
+ const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
74
75
  return /*#__PURE__*/React.createElement(_Touchable.default, {
75
76
  disabled: disabled,
76
77
  onPress: toggleFocus,
@@ -94,24 +95,6 @@ const Picker = _ref => {
94
95
  key: o.value
95
96
  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
96
97
  pointerEvents: "none"
97
- }, /*#__PURE__*/React.createElement(_TextField.default, {
98
- ...props,
99
- value: selectedLabel,
100
- placeholder: placeholder,
101
- // @ts-ignore
102
- ref: textField,
103
- disabled: disabled,
104
- // @ts-expect-error
105
- style: stylesWithoutMargin
106
- }))));
107
- };
108
- const styles = _reactNative.StyleSheet.create({
109
- container: {
110
- alignSelf: "stretch"
111
- }
112
- });
113
- var _default = (0, _theming.withTheme)(Picker);
114
- exports.default = _default;pointerEvents: "none"
115
98
  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
116
99
  value: selectedLabel,
117
100
  placeholder: placeholder
package/lib/commonjs/mappings/BottomSheet.js CHANGED
@@ -13,7 +13,8 @@ const SEED_DATA = {
13
13
  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
14
14
  layout: {
15
15
  paddingHorizontal: 16,
16
- paddingVertical: 10
16
+ paddingVertical: 10,
17
+ flex: 1
17
18
  },
18
19
  triggers: [_types.Triggers.OnSettle],
19
20
  props: {
@@ -34,7 +35,7 @@ const SEED_DATA = {
34
35
  }),
35
36
  showHandle: (0, _types.createStaticBoolProp)({
36
37
  label: "Show handle",
37
- description: "Whether to show the sheet handle or not",
38
+ description: "Whether to show the top handle or not",
38
39
  defaultValue: true
39
40
  }),
40
41
  handleColor: (0, _types.createColorProp)({
package/lib/module/components/BottomSheet/BottomSheet.js CHANGED
@@ -61,7 +61,8 @@ const styles = StyleSheet.create({
61
61
  },
62
62
  contentContainerStyle: {
63
63
  paddingHorizontal: 16,
64
- paddingVertical: 10
64
+ paddingVertical: 10,
65
+ flex: 1
65
66
  },
66
67
  containerStyle: {
67
68
  flex: 1,
package/lib/module/components/Text.js CHANGED
@@ -1,56 +1,10 @@
1
+ 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); }
2
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
4
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
1
5
  import * as React from "react";
2
6
  import { Text as NativeText, I18nManager } from "react-native";
3
7
  import { withTheme } from "../theming";
4
- class Text extends React.Component {
5
- constructor() {
6
- super(...arguments);
7
- this.state = {
8
- nativeProps: {}
9
- };
10
- }
11
- setNativeProps(args) {
12
- this.state.nativeProps = args || {};
13
- }
14
- render() {
15
- const {
16
- style,
17
- ...rest
18
- } = this.props;
19
- const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
20
- return /*#__PURE__*/React.createElement(NativeText, {
21
- ...rest,
22
- ...this.state.nativeProps,
23
- ref: c => {
24
- this._root = c;
25
- },
26
- style: [{
27
- textAlign: "left",
28
- writingDirection
29
- }, style]
30
- });
31
- }
32
- }
33
- export const BaseLink = _ref => {
34
- let {
35
- style,
36
- theme,
37
- title,
38
- ...props
39
- } = _ref;
40
- return /*#__PURE__*/React.createElement(Text, {
41
- hitSlop: 8,
42
- style: [{
43
- color: theme.colors.primary
44
- }, style],
45
- theme: theme,
46
- ...props
47
- }, title);
48
- };
49
- const Link = withTheme(BaseLink);
50
- export { Link };
51
- export default withTheme(Text); as React from "react";
52
- import { Text as NativeText, I18nManager } from "react-native";
53
- import { withTheme } from "../theming";
54
8
  class Text extends React.Component {
55
9
  constructor() {
56
10
  super(...arguments);
package/lib/module/mappings/BottomSheet.js CHANGED
@@ -7,7 +7,8 @@ export const SEED_DATA = {
7
7
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
8
  layout: {
9
9
  paddingHorizontal: 16,
10
- paddingVertical: 10
10
+ paddingVertical: 10,
11
+ flex: 1
11
12
  },
12
13
  triggers: [Triggers.OnSettle],
13
14
  props: {
@@ -28,7 +29,7 @@ export const SEED_DATA = {
28
29
  }),
29
30
  showHandle: createStaticBoolProp({
30
31
  label: "Show handle",
31
- description: "Whether to show the sheet handle or not",
32
+ description: "Whether to show the top handle or not",
32
33
  defaultValue: true
33
34
  }),
34
35
  handleColor: createColorProp({
package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA+FD,wBAAsC"}
1
+ {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAgGD,wBAAsC"}
package/lib/typescript/src/mappings/BottomSheet.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const SEED_DATA: {
7
7
  layout: {
8
8
  paddingHorizontal: number;
9
9
  paddingVertical: number;
10
+ flex: number;
10
11
  };
11
12
  triggers: string[];
12
13
  props: {
package/lib/typescript/src/mappings/BottomSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/BottomSheet.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}
1
+ {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/BottomSheet.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.9.1-bdfd4c.2+bdfd4cc",
3
+ "version": "46.9.1-f8902c.2+f8902c3",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
41
41
  "dependencies": {
42
42
  "@date-io/date-fns": "^1.3.13",
43
43
  "@draftbit/react-theme-provider": "^2.1.1",
44
- "@draftbit/types": "^46.9.1-bdfd4c.2+bdfd4cc",
44
+ "@draftbit/types": "^46.9.1-f8902c.2+f8902c3",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
47
  "@react-native-community/slider": "4.2.3",
@@ -58,7 +58,6 @@
58
58
  "react-native-markdown-display": "^7.0.0-alpha.2",
59
59
  "react-native-modal-datetime-picker": "^13.0.0",
60
60
  "react-native-pager-view": "5.4.24",
61
- "react-native-reanimated": "^2.14.4",
62
61
  "react-native-shadow-2": "^7.0.6",
63
62
  "react-native-svg": "12.3.0",
64
63
  "react-native-tab-view": "^3.4.0",
@@ -98,5 +97,5 @@
98
97
  ]
99
98
  ]
100
99
  },
101
- "gitHead": "bdfd4cc11f8c2ad8d8e43982143d63873355eab6"
100
+ "gitHead": "f8902c33ad33df2e0c55f9e0c477052d62f0a896"
102
101
  }
package/src/components/BottomSheet/BottomSheet.js CHANGED
@@ -38,6 +38,7 @@ const styles = StyleSheet.create({
38
38
  contentContainerStyle: {
39
39
  paddingHorizontal: 16,
40
40
  paddingVertical: 10,
41
+ flex: 1,
41
42
  },
42
43
  containerStyle: {
43
44
  flex: 1,
package/src/components/BottomSheet/BottomSheet.tsx CHANGED
@@ -101,6 +101,7 @@ const styles = StyleSheet.create({
101
101
  contentContainerStyle: {
102
102
  paddingHorizontal: 16,
103
103
  paddingVertical: 10,
104
+ flex: 1,
104
105
  },
105
106
  containerStyle: {
106
107
  flex: 1,
package/src/mappings/BottomSheet.js CHANGED
@@ -5,7 +5,7 @@ export const SEED_DATA = {
5
5
  description: "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
6
6
  category: COMPONENT_TYPES.bottomsheet,
7
7
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
- layout: { paddingHorizontal: 16, paddingVertical: 10 },
8
+ layout: { paddingHorizontal: 16, paddingVertical: 10, flex: 1 },
9
9
  triggers: [Triggers.OnSettle],
10
10
  props: {
11
11
  onSettle: createActionProp({
@@ -25,7 +25,7 @@ export const SEED_DATA = {
25
25
  }),
26
26
  showHandle: createStaticBoolProp({
27
27
  label: "Show handle",
28
- description: "Whether to show the sheet handle or not",
28
+ description: "Whether to show the top handle or not",
29
29
  defaultValue: true,
30
30
  }),
31
31
  handleColor: createColorProp({
package/src/mappings/BottomSheet.ts CHANGED
@@ -16,7 +16,7 @@ export const SEED_DATA = {
16
16
  "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
17
17
  category: COMPONENT_TYPES.bottomsheet,
18
18
  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
19
- layout: { paddingHorizontal: 16, paddingVertical: 10 },
19
+ layout: { paddingHorizontal: 16, paddingVertical: 10, flex: 1 },
20
20
  triggers: [Triggers.OnSettle],
21
21
  props: {
22
22
  onSettle: createActionProp({
@@ -37,7 +37,7 @@ export const SEED_DATA = {
37
37
  }),
38
38
  showHandle: createStaticBoolProp({
39
39
  label: "Show handle",
40
- description: "Whether to show the sheet handle or not",
40
+ description: "Whether to show the top handle or not",
41
41
  defaultValue: true,
42
42
  }),
43
43
  handleColor: createColorProp({