@draftbit/core 46.10.3-bf9cea.2 → 46.10.3-c61b39.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 (79) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxGroup.js +16 -3
  2. package/lib/commonjs/components/Checkbox/CheckboxGroup.js.map +1 -1
  3. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  4. package/lib/commonjs/components/Checkbox/CheckboxRow.js.map +1 -1
  5. package/lib/commonjs/components/Container.js +94 -0
  6. package/lib/commonjs/components/Container.js.map +1 -0
  7. package/lib/commonjs/components/Row.js +74 -0
  8. package/lib/commonjs/components/Row.js.map +1 -0
  9. package/lib/commonjs/components/RowBodyIcon.js +46 -0
  10. package/lib/commonjs/components/RowBodyIcon.js.map +1 -0
  11. package/lib/commonjs/components/RowHeadlineImageCaption.js +46 -0
  12. package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -0
  13. package/lib/commonjs/components/RowHeadlineImageIcon.js +52 -0
  14. package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -0
  15. package/lib/commonjs/index.js +28 -0
  16. package/lib/commonjs/index.js.map +1 -1
  17. package/lib/commonjs/mappings/Container.js +38 -0
  18. package/lib/commonjs/mappings/Container.js.map +1 -0
  19. package/lib/commonjs/mappings/Layout.js +4 -4
  20. package/lib/commonjs/mappings/Layout.js.map +1 -1
  21. package/lib/commonjs/mappings/NativeBase/Layout.js +0 -12
  22. package/lib/commonjs/mappings/NativeBase/Layout.js.map +1 -1
  23. package/lib/commonjs/mappings/Picker.js.map +1 -1
  24. package/lib/module/components/Accordion/AccordionItem.js +23 -4
  25. package/lib/module/components/Container.js +84 -0
  26. package/lib/module/components/Container.js.map +1 -0
  27. package/lib/module/components/Portal/PortalManager.js +34 -7
  28. package/lib/module/components/Portal/PortalManager.js.map +1 -1
  29. package/lib/module/components/Row.js +64 -0
  30. package/lib/module/components/Row.js.map +1 -0
  31. package/lib/module/components/RowBodyIcon.js +36 -0
  32. package/lib/module/components/RowBodyIcon.js.map +1 -0
  33. package/lib/module/components/RowHeadlineImageCaption.js +36 -0
  34. package/lib/module/components/RowHeadlineImageCaption.js.map +1 -0
  35. package/lib/module/components/RowHeadlineImageIcon.js +42 -0
  36. package/lib/module/components/RowHeadlineImageIcon.js.map +1 -0
  37. package/lib/module/index.js +4 -0
  38. package/lib/module/index.js.map +1 -1
  39. package/lib/module/mappings/Container.js +31 -0
  40. package/lib/module/mappings/Container.js.map +1 -0
  41. package/lib/module/mappings/Layout.js +4 -4
  42. package/lib/module/mappings/Layout.js.map +1 -1
  43. package/lib/module/mappings/NativeBase/Layout.js +1 -13
  44. package/lib/module/mappings/NativeBase/Layout.js.map +1 -1
  45. package/lib/typescript/src/components/Container.d.ts +21 -0
  46. package/lib/typescript/src/components/Container.d.ts.map +1 -0
  47. package/lib/typescript/src/components/Row.d.ts +21 -0
  48. package/lib/typescript/src/components/Row.d.ts.map +1 -0
  49. package/lib/typescript/src/components/RowBodyIcon.d.ts +16 -0
  50. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +1 -0
  51. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +16 -0
  52. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +1 -0
  53. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +18 -0
  54. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +1 -0
  55. package/lib/typescript/src/index.d.ts +4 -0
  56. package/lib/typescript/src/index.d.ts.map +1 -1
  57. package/lib/typescript/src/mappings/Container.d.ts +55 -0
  58. package/lib/typescript/src/mappings/Container.d.ts.map +1 -0
  59. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -26
  60. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -1
  61. package/package.json +7 -7
  62. package/src/components/Container.js +43 -0
  63. package/src/components/Container.tsx +116 -0
  64. package/src/components/Row.js +48 -0
  65. package/src/components/Row.tsx +108 -0
  66. package/src/components/RowBodyIcon.js +8 -0
  67. package/src/components/RowBodyIcon.tsx +47 -0
  68. package/src/components/RowHeadlineImageCaption.js +12 -0
  69. package/src/components/RowHeadlineImageCaption.tsx +49 -0
  70. package/src/components/RowHeadlineImageIcon.js +14 -0
  71. package/src/components/RowHeadlineImageIcon.tsx +61 -0
  72. package/src/index.js +4 -0
  73. package/src/index.tsx +4 -0
  74. package/src/mappings/Container.js +30 -0
  75. package/src/mappings/Container.ts +41 -0
  76. package/src/mappings/Layout.js +4 -4
  77. package/src/mappings/Layout.ts +4 -4
  78. package/src/mappings/NativeBase/Layout.js +1 -14
  79. package/src/mappings/NativeBase/Layout.ts +0 -15
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
9
9
  var _context = require("./context");
10
10
  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); }
11
11
  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; }
12
- 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); }
13
12
  const {
14
13
  Provider
15
14
  } = _context.checkboxGroupContext;
@@ -31,10 +30,24 @@ const CheckboxGroup = _ref => {
31
30
  alignItems: "center"
32
31
  });
33
32
  }
34
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
33
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
35
34
  style: [{
36
35
  minHeight: 40
37
- }, style]
36
+ }, style],
37
+ ...rest
38
+ }, /*#__PURE__*/React.createElement(Provider, {
39
+ value: {
40
+ values,
41
+ onValueChange,
42
+ direction
43
+ }
44
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
45
+ style: _containerStyle
46
+ }, children)));
47
+ };
48
+ var _default = CheckboxGroup;
49
+ exports.default = _default;
50
+ //# sourceMappingURL=CheckboxGroup.js.map}, style]
38
51
  }, rest), /*#__PURE__*/React.createElement(Provider, {
39
52
  value: {
40
53
  values,
@@ -1 +1 @@
1
- {"version":3,"names":["Provider","checkboxGroupContext","CheckboxGroup","direction","Direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","minHeight"],"sourceRoot":"../../../../src","sources":["components/Checkbox/CheckboxGroup.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AAA4D;AAAA;AAAA;AAW5D,MAAM;EAAEA;AAAS,CAAC,GAAGC,6BAAoB;AAEzC,MAAMC,aAA2C,GAAG,QAO9C;EAAA,IAP+C;IACnDC,SAAS,GAAGC,kBAAS,CAACC,QAAQ;IAC9BC,MAAM;IACNC,aAAa,GAAG,MAAM,CAAC,CAAC;IACxBC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAET,SAAS,KAAKC,kBAAS,CAACS,UAAU,GAAG,KAAK,GAAG,QAAQ;IACpEC,QAAQ,EAAE;EACZ,CAAC,CACF;EAED,IAAIX,SAAS,KAAKC,kBAAS,CAACC,QAAQ,EAAE;IACpCM,eAAe,CAACI,IAAI,CAAC;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAG,CAAC,EAAET,KAAK;EAAE,GAAKE,IAAI,gBAC/C,oBAAC,QAAQ;IAAC,KAAK,EAAE;MAAEJ,MAAM;MAAEC,aAAa;MAAEJ;IAAU;EAAE,gBACpD,oBAAC,iBAAI;IAAC,KAAK,EAAEQ;EAAgB,GAAEF,QAAQ,CAAQ,CACtC,CACN;AAEX,CAAC;AAAC,eAEaP,aAAa;AAAA"}
1
+ {"version":3,"names":["Provider","checkboxGroupContext","CheckboxGroup","direction","Direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","React","createElement","View","minHeight","value"],"sourceRoot":"../../../../src","sources":["components/Checkbox/CheckboxGroup.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAA4D;AAAA;AAC5D,MAAM;EAAEA;AAAS,CAAC,GAAGC,6BAAoB;AACzC,MAAMC,aAAa,GAAG,QAAqG;EAAA,IAApG;IAAEC,SAAS,GAAGC,kBAAS,CAACC,QAAQ;IAAEC,MAAM;IAAEC,aAAa,GAAG,MAAM,CAAE,CAAC;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC;EAClH,MAAMC,eAAe,GAAG,CACpB;IACIC,aAAa,EAAET,SAAS,KAAKC,kBAAS,CAACS,UAAU,GAAG,KAAK,GAAG,QAAQ;IACpEC,QAAQ,EAAE;EACd,CAAC,CACJ;EACD,IAAIX,SAAS,KAAKC,kBAAS,CAACC,QAAQ,EAAE;IAClCM,eAAe,CAACI,IAAI,CAAC;MACjBC,UAAU,EAAE;IAChB,CAAC,CAAC;EACN;EACA,oBAAQC,KAAK,CAACC,aAAa,CAACC,iBAAI,EAAE;IAAEX,KAAK,EAAE,CAAC;MAAEY,SAAS,EAAE;IAAG,CAAC,EAAEZ,KAAK,CAAC;IAAE,GAAGE;EAAK,CAAC,eAC5EO,KAAK,CAACC,aAAa,CAAClB,QAAQ,EAAE;IAAEqB,KAAK,EAAE;MAAEf,MAAM;MAAEC,aAAa;MAAEJ;IAAU;EAAE,CAAC,eACzEc,KAAK,CAACC,aAAa,CAACC,iBAAI,EAAE;IAAEX,KAAK,EAAEG;EAAgB,CAAC,EAAEF,QAAQ,CAAC,CAAC,CAAC;AAC7E,CAAC;AAAC,eACaP,aAAa;AAAA"}
@@ -14,7 +14,8 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  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); }
16
16
  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; }
17
- var Direction;
17
+ 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
+ let Direction;
18
19
  exports.Direction = Direction;
19
20
  (function (Direction) {
20
21
  Direction["Row"] = "row";
@@ -57,6 +58,7 @@ const CheckboxRow = _ref => {
57
58
  setInternalValue(status);
58
59
  }
59
60
  }, [status]);
61
+
60
62
  // This special logic is to handle weird APIs like Airtable that return
61
63
  // true or undefined for a boolean
62
64
  const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -80,14 +82,13 @@ const CheckboxRow = _ref => {
80
82
  textStyles,
81
83
  viewStyles
82
84
  } = (0, _utilities.extractStyles)(style);
83
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
85
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
84
86
  onPress: handlePress,
85
87
  style: [viewStyles, styles.mainParent, {
86
88
  flexDirection: direction
87
89
  }],
88
- disabled: disabled,
89
- ...rest
90
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
90
+ disabled: disabled
91
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
91
92
  style: [styles.label, {
92
93
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
93
94
  }, labelContainerStyle]
@@ -125,22 +126,4 @@ const styles = _reactNative.StyleSheet.create({
125
126
  });
126
127
  var _default = CheckboxRow;
127
128
  exports.default = _default;
128
- //# sourceMappingURL=CheckboxRow.js.mape-around",
129
- paddingStart: 20,
130
- minHeight: 50,
131
- paddingEnd: 20,
132
- display: "flex",
133
- ..._reactNative.Platform.select({
134
- web: {
135
- cursor: "pointer",
136
- userSelect: "none"
137
- }
138
- })
139
- },
140
- label: {
141
- flex: 3
142
- }
143
- });
144
- var _default = CheckboxRow;
145
- exports.default = _default;
146
129
  //# sourceMappingURL=CheckboxRow.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Direction","renderLabel","value","labelStyle","textStyle","isString","React","createElement","Text","style","Fragment","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","usePrevious","Boolean","handlePress","newValue","textStyles","viewStyles","extractStyles","Pressable","styles","mainParent","flexDirection","View","alignItems","Checkbox","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect","flex"],"sourceRoot":"../../../../src","sources":["components/Checkbox/CheckboxRow.js"],"mappings":"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"}
1
+ {"version":3,"names":["Direction","renderLabel","value","labelStyle","textStyle","isString","CheckboxRow","label","labelContainerStyle","checkboxStyle","direction","Row","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","React","useState","useEffect","previousDefaultValue","usePrevious","Boolean","handlePress","newValue","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect","flex"],"sourceRoot":"../../../../src","sources":["components/Checkbox/CheckboxRow.tsx"],"mappings":"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"}
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _theming = require("../theming");
10
+ var _Elevation = _interopRequireDefault(require("./Elevation"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const Container = _ref => {
16
+ let {
17
+ useThemeGutterPadding,
18
+ borderColor,
19
+ borderWidth,
20
+ backgroundColor,
21
+ backgroundImage,
22
+ backgroundImageResizeMode,
23
+ elevation,
24
+ style,
25
+ children,
26
+ theme,
27
+ // eslint-disable-line @typescript-eslint/no-unused-vars
28
+ ...rest
29
+ } = _ref;
30
+ const {
31
+ flex,
32
+ flexGrow,
33
+ flexWrap,
34
+ flexBasis,
35
+ flexShrink,
36
+ flexDirection,
37
+ alignContent,
38
+ justifyContent,
39
+ alignItems,
40
+ padding,
41
+ paddingTop,
42
+ paddingBottom,
43
+ paddingLeft,
44
+ paddingRight,
45
+ paddingVertical,
46
+ paddingHorizontal,
47
+ ...styleProp
48
+ } = _reactNative.StyleSheet.flatten(style) || {};
49
+ const containerStyle = {
50
+ backgroundColor,
51
+ borderColor,
52
+ borderWidth,
53
+ width: "100%",
54
+ ...styleProp
55
+ };
56
+ const innerStyle = {
57
+ flex,
58
+ flexGrow,
59
+ flexWrap,
60
+ flexBasis,
61
+ flexShrink,
62
+ flexDirection,
63
+ alignContent,
64
+ justifyContent,
65
+ alignItems,
66
+ padding,
67
+ paddingTop,
68
+ paddingBottom,
69
+ paddingLeft,
70
+ paddingRight,
71
+ paddingVertical,
72
+ paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
73
+ };
74
+ const Wrap = elevation ? _Elevation.default : _reactNative.View;
75
+ if (elevation) containerStyle.elevation = elevation;
76
+ return /*#__PURE__*/React.createElement(Wrap, _extends({
77
+ style: [containerStyle, style]
78
+ }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
79
+ source: typeof backgroundImage === "string" ? {
80
+ uri: backgroundImage
81
+ } : backgroundImage,
82
+ resizeMode: backgroundImageResizeMode,
83
+ style: {
84
+ flex: 1
85
+ }
86
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
87
+ style: innerStyle
88
+ }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
89
+ style: innerStyle
90
+ }, children));
91
+ };
92
+ var _default = (0, _theming.withTheme)(Container);
93
+ exports.default = _default;
94
+ //# sourceMappingURL=Container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","uri","withTheme"],"sourceRoot":"../../../src","sources":["components/Container.tsx"],"mappings":";;;;;;AAAA;AACA;AAQA;AAEA;AAAoC;AAAA;AAAA;AAAA;AAiBpC,MAAMA,SAAmD,GAAG,QAYtD;EAAA,IAZuD;IAC3DC,qBAAqB;IACrBC,WAAW;IACXC,WAAW;IACXC,eAAe;IACfC,eAAe;IACfC,yBAAyB;IACzBC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACRC,KAAK;IAAE;IACP,GAAGC;EACL,CAAC;EACC,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,cAAc;IACdC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,iBAAiB;IACjB,GAAGC;EACL,CAAC,GAAGC,uBAAU,CAACC,OAAO,CAACtB,KAAK,CAAC,IAAI,CAAC,CAAC;EAEnC,MAAMuB,cAAoC,GAAG;IAC3C3B,eAAe;IACfF,WAAW;IACXC,WAAW;IACX6B,KAAK,EAAE,MAAM;IACb,GAAGJ;EACL,CAAC;EAED,MAAMK,UAAgC,GAAG;IACvCrB,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,cAAc;IACdC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAAqB,GAAG,EAAE,GAAG;EACvE,CAAC;EAED,MAAMiC,IAAI,GAAG3B,SAAS,GAAG4B,kBAAS,GAAGC,iBAAI;EAEzC,IAAI7B,SAAS,EAAEwB,cAAc,CAACxB,SAAS,GAAGA,SAAS;EAEnD,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACwB,cAAc,EAAEvB,KAAK;EAAE,GAAKG,IAAI,GAC3CN,eAAe,gBACd,oBAAC,4BAAe;IACd,MAAM,EACJ,OAAOA,eAAe,KAAK,QAAQ,GAC/B;MAAEgC,GAAG,EAAEhC;IAAgB,CAAC,GACxBA,eACL;IACD,UAAU,EAAEC,yBAA0B;IACtC,KAAK,EAAE;MACLM,IAAI,EAAE;IACR;EAAE,gBAEF,oBAAC,iBAAI;IAAC,KAAK,EAAEqB;EAAW,GAAExB,QAAQ,CAAQ,CAC1B,gBAElB,oBAAC,iBAAI;IAAC,KAAK,EAAEwB;EAAW,GAAExB,QAAQ,CACnC,CACI;AAEX,CAAC;AAAC,eAEa,IAAA6B,kBAAS,EAACtC,SAAS,CAAC;AAAA"}
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _theming = require("../theming");
10
+ var _Config = _interopRequireDefault(require("./Config"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const Row = _ref => {
15
+ let {
16
+ titleTypeStyle,
17
+ titleColor,
18
+ subtitleTypeStyle,
19
+ subtitleColor,
20
+ title,
21
+ subtitle,
22
+ multilineSubtitle,
23
+ image,
24
+ right,
25
+ style
26
+ } = _ref;
27
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
28
+ style: [styles.container, {
29
+ padding: 16
30
+ }, style]
31
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
32
+ style: styles.leftContainer
33
+ }, image && /*#__PURE__*/React.createElement(_reactNative.Image, {
34
+ source: typeof image === "string" ? {
35
+ uri: image
36
+ } : image,
37
+ style: {
38
+ marginRight: 12,
39
+ width: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize,
40
+ height: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize
41
+ }
42
+ }), /*#__PURE__*/React.createElement(_reactNative.View, {
43
+ style: styles.textContainer
44
+ }, /*#__PURE__*/React.createElement(_reactNative.Text, {
45
+ style: [titleTypeStyle, {
46
+ color: titleColor
47
+ }],
48
+ numberOfLines: 1
49
+ }, title), subtitle ? /*#__PURE__*/React.createElement(_reactNative.Text, {
50
+ style: [subtitleTypeStyle, {
51
+ color: subtitleColor,
52
+ marginTop: 4
53
+ }],
54
+ numberOfLines: multilineSubtitle ? undefined : 1
55
+ }, subtitle) : null)), right && right());
56
+ };
57
+ const styles = _reactNative.StyleSheet.create({
58
+ leftContainer: {
59
+ flexDirection: "row",
60
+ flex: 1
61
+ },
62
+ container: {
63
+ flexDirection: "row",
64
+ justifyContent: "space-between",
65
+ alignItems: "center"
66
+ },
67
+ textContainer: {
68
+ flex: 1,
69
+ justifyContent: "center"
70
+ }
71
+ });
72
+ var _default = (0, _theming.withTheme)(Row);
73
+ exports.default = _default;
74
+ //# sourceMappingURL=Row.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","Config","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","StyleSheet","create","flexDirection","flex","justifyContent","alignItems","withTheme"],"sourceRoot":"../../../src","sources":["components/Row.tsx"],"mappings":";;;;;;AAAA;AACA;AAUA;AACA;AAA8B;AAAA;AAAA;AAiB9B,MAAMA,GAA6C,GAAG,QAWhD;EAAA,IAXiD;IACrDC,cAAc;IACdC,UAAU;IACVC,iBAAiB;IACjBC,aAAa;IACbC,KAAK;IACLC,QAAQ;IACRC,iBAAiB;IACjBC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC;EACC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAC,EAAEH,KAAK;EAAE,gBACtD,oBAAC,iBAAI;IAAC,KAAK,EAAEC,MAAM,CAACG;EAAc,GAC/BN,KAAK,iBACJ,oBAAC,kBAAK;IACJ,MAAM,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAG;MAAEO,GAAG,EAAEP;IAAM,CAAC,GAAGA,KAAM;IAC3D,KAAK,EAAE;MACLQ,WAAW,EAAE,EAAE;MACfC,KAAK,EAAEX,QAAQ,GACXY,eAAM,CAACC,qBAAqB,GAC5BD,eAAM,CAACE,sBAAsB;MACjCC,MAAM,EAAEf,QAAQ,GACZY,eAAM,CAACC,qBAAqB,GAC5BD,eAAM,CAACE;IACb;EAAE,EAEL,eACD,oBAAC,iBAAI;IAAC,KAAK,EAAET,MAAM,CAACW;EAAc,gBAChC,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLrB,cAAc,EACd;MACEsB,KAAK,EAAErB;IACT,CAAC,CACD;IACF,aAAa,EAAE;EAAE,GAEhBG,KAAK,CACD,EACNC,QAAQ,gBACP,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLH,iBAAiB,EACjB;MACEoB,KAAK,EAAEnB,aAAa;MACpBoB,SAAS,EAAE;IACb,CAAC,CACD;IACF,aAAa,EAAEjB,iBAAiB,GAAGkB,SAAS,GAAG;EAAE,GAEhDnB,QAAQ,CACJ,GACL,IAAI,CACH,CACF,EACNG,KAAK,IAAIA,KAAK,EAAE,CACZ;AAEX,CAAC;AAED,MAAME,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,aAAa,EAAE;IACbc,aAAa,EAAE,KAAK;IACpBC,IAAI,EAAE;EACR,CAAC;EACDjB,SAAS,EAAE;IACTgB,aAAa,EAAE,KAAK;IACpBE,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDT,aAAa,EAAE;IACbO,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,eAEY,IAAAE,kBAAS,EAAChC,GAAG,CAAC;AAAA"}
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _theming = require("../theming");
9
+ var _Row = _interopRequireDefault(require("./Row"));
10
+ var _Config = _interopRequireDefault(require("./Config"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const RowBodyIcon = _ref => {
15
+ let {
16
+ Icon,
17
+ title,
18
+ subtitle,
19
+ icon,
20
+ style,
21
+ theme: {
22
+ colors,
23
+ typography
24
+ }
25
+ } = _ref;
26
+ return /*#__PURE__*/React.createElement(_Row.default, {
27
+ titleTypeStyle: typography.body1,
28
+ titleColor: colors.medium,
29
+ subtitleTypeStyle: typography.subtitle2,
30
+ subtitleColor: colors.light,
31
+ title: title,
32
+ subtitle: subtitle,
33
+ right: () => /*#__PURE__*/React.createElement(Icon, {
34
+ name: icon,
35
+ size: _Config.default.rowSingleLineIconSize,
36
+ color: colors.light,
37
+ style: {
38
+ marginLeft: 16
39
+ }
40
+ }),
41
+ style: style
42
+ });
43
+ };
44
+ var _default = (0, _theming.withTheme)(RowBodyIcon);
45
+ exports.default = _default;
46
+ //# sourceMappingURL=RowBodyIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","Config","rowSingleLineIconSize","marginLeft","withTheme"],"sourceRoot":"../../../src","sources":["components/RowBodyIcon.tsx"],"mappings":";;;;;;AAAA;AACA;AAIA;AACA;AAA8B;AAAA;AAAA;AAW9B,MAAMA,WAAqD,GAAG,QAOxD;EAAA,IAPyD;IAC7DC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,YAAG;IACF,cAAc,EAAEA,UAAU,CAACC,KAAM;IACjC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,SAAU;IACxC,aAAa,EAAEJ,MAAM,CAACK,KAAM;IAC5B,KAAK,EAAEV,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,KAAK,EAAE,mBACL,oBAAC,IAAI;MACH,IAAI,EAAEC,IAAK;MACX,IAAI,EAAES,eAAM,CAACC,qBAAsB;MACnC,KAAK,EAAEP,MAAM,CAACK,KAAM;MACpB,KAAK,EAAE;QAAEG,UAAU,EAAE;MAAG;IAAE,EAE5B;IACF,KAAK,EAAEV;EAAM,EACb;AAEN,CAAC;AAAC,eAEa,IAAAW,kBAAS,EAAChB,WAAW,CAAC;AAAA"}
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _theming = require("../theming");
10
+ var _Row = _interopRequireDefault(require("./Row"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const RowHeadlineImageCaption = _ref => {
15
+ let {
16
+ title,
17
+ subtitle,
18
+ caption,
19
+ image,
20
+ style,
21
+ theme: {
22
+ colors,
23
+ typography
24
+ }
25
+ } = _ref;
26
+ return /*#__PURE__*/React.createElement(_Row.default, {
27
+ titleTypeStyle: typography.headline6,
28
+ titleColor: colors.strong,
29
+ subtitleTypeStyle: typography.body2,
30
+ subtitleColor: colors.medium,
31
+ title: title,
32
+ subtitle: subtitle,
33
+ image: image,
34
+ right: () => /*#__PURE__*/React.createElement(_reactNative.Text, {
35
+ style: {
36
+ ...typography.caption,
37
+ color: colors.strong,
38
+ marginLeft: 16
39
+ }
40
+ }, caption),
41
+ style: style
42
+ });
43
+ };
44
+ var _default = (0, _theming.withTheme)(RowHeadlineImageCaption);
45
+ exports.default = _default;
46
+ //# sourceMappingURL=RowHeadlineImageCaption.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft","withTheme"],"sourceRoot":"../../../src","sources":["components/RowHeadlineImageCaption.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAwB;AAAA;AAAA;AAYxB,MAAMA,uBAAiE,GAAG,QAOpE;EAAA,IAPqE;IACzEC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,YAAG;IACF,cAAc,EAAEA,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,KAAM;IACpC,aAAa,EAAEJ,MAAM,CAACK,MAAO;IAC7B,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,KAAK,EAAEE,KAAM;IACb,KAAK,EAAE,mBACL,oBAAC,iBAAI;MACH,KAAK,EAAE;QACL,GAAGI,UAAU,CAACL,OAAO;QACrBU,KAAK,EAAEN,MAAM,CAACG,MAAM;QACpBI,UAAU,EAAE;MACd;IAAE,GAEDX,OAAO,CAEV;IACF,KAAK,EAAEE;EAAM,EACb;AAEN,CAAC;AAAC,eAEa,IAAAU,kBAAS,EAACf,uBAAuB,CAAC;AAAA"}
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _theming = require("../theming");
9
+ var _Row = _interopRequireDefault(require("./Row"));
10
+ var _Config = _interopRequireDefault(require("./Config"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const RowHeadlineImageIcon = _ref => {
15
+ let {
16
+ Icon,
17
+ icon,
18
+ title,
19
+ image,
20
+ subtitle,
21
+ multilineSubtitle = false,
22
+ style,
23
+ theme: {
24
+ colors,
25
+ typography
26
+ }
27
+ } = _ref;
28
+ return /*#__PURE__*/React.createElement(_Row.default, {
29
+ titleTypeStyle: typography.headline6,
30
+ titleColor: colors.strong,
31
+ subtitleTypeStyle: typography.body2,
32
+ subtitleColor: colors.medium,
33
+ title: title,
34
+ subtitle: subtitle,
35
+ multilineSubtitle: multilineSubtitle,
36
+ image: image,
37
+ right: () => /*#__PURE__*/React.createElement(Icon, {
38
+ name: icon,
39
+ size: multilineSubtitle ? _Config.default.rowMultiLineIconSize : _Config.default.rowSingleLineIconSize,
40
+ color: colors.light,
41
+ style: {
42
+ marginLeft: 16,
43
+ alignSelf: multilineSubtitle ? "flex-start" : "center",
44
+ marginTop: multilineSubtitle ? 4 : 0
45
+ }
46
+ }),
47
+ style: style
48
+ });
49
+ };
50
+ var _default = (0, _theming.withTheme)(RowHeadlineImageIcon);
51
+ exports.default = _default;
52
+ //# sourceMappingURL=RowHeadlineImageIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","Config","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop","withTheme"],"sourceRoot":"../../../src","sources":["components/RowHeadlineImageIcon.tsx"],"mappings":";;;;;;AAAA;AACA;AAIA;AACA;AAA8B;AAAA;AAAA;AAa9B,MAAMA,oBAA8D,GAAG,QASjE;EAAA,IATkE;IACtEC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,iBAAiB,GAAG,KAAK;IACzBC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,YAAG;IACF,cAAc,EAAEA,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,KAAM;IACpC,aAAa,EAAEJ,MAAM,CAACK,MAAO;IAC7B,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEE,QAAS;IACnB,iBAAiB,EAAEC,iBAAkB;IACrC,KAAK,EAAEF,KAAM;IACb,KAAK,EAAE,mBACL,oBAAC,IAAI;MACH,IAAI,EAAEF,IAAK;MACX,IAAI,EACFI,iBAAiB,GACbS,eAAM,CAACC,oBAAoB,GAC3BD,eAAM,CAACE,qBACZ;MACD,KAAK,EAAER,MAAM,CAACS,KAAM;MACpB,KAAK,EAAE;QACLC,UAAU,EAAE,EAAE;QACdC,SAAS,EAAEd,iBAAiB,GAAG,YAAY,GAAG,QAAQ;QACtDe,SAAS,EAAEf,iBAAiB,GAAG,CAAC,GAAG;MACrC;IAAE,EAEJ;IACF,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAAC,eAEa,IAAAe,kBAAS,EAACtB,oBAAoB,CAAC;AAAA"}
@@ -117,6 +117,12 @@ Object.defineProperty(exports, "CircleImage", {
117
117
  return _CircleImage.default;
118
118
  }
119
119
  });
120
+ Object.defineProperty(exports, "Container", {
121
+ enumerable: true,
122
+ get: function () {
123
+ return _Container.default;
124
+ }
125
+ });
120
126
  Object.defineProperty(exports, "DatePicker", {
121
127
  enumerable: true,
122
128
  get: function () {
@@ -249,6 +255,24 @@ Object.defineProperty(exports, "Row", {
249
255
  return _Layout.Row;
250
256
  }
251
257
  });
258
+ Object.defineProperty(exports, "RowBodyIcon", {
259
+ enumerable: true,
260
+ get: function () {
261
+ return _RowBodyIcon.default;
262
+ }
263
+ });
264
+ Object.defineProperty(exports, "RowHeadlineImageCaption", {
265
+ enumerable: true,
266
+ get: function () {
267
+ return _RowHeadlineImageCaption.default;
268
+ }
269
+ });
270
+ Object.defineProperty(exports, "RowHeadlineImageIcon", {
271
+ enumerable: true,
272
+ get: function () {
273
+ return _RowHeadlineImageIcon.default;
274
+ }
275
+ });
252
276
  Object.defineProperty(exports, "SVG", {
253
277
  enumerable: true,
254
278
  get: function () {
@@ -422,6 +446,7 @@ var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
422
446
  var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
423
447
  var _Card = _interopRequireDefault(require("./components/Card"));
424
448
  var _Checkbox = require("./components/Checkbox");
449
+ var _Container = _interopRequireDefault(require("./components/Container"));
425
450
  var _Divider = _interopRequireDefault(require("./components/Divider"));
426
451
  var _FAB = _interopRequireDefault(require("./components/FAB"));
427
452
  var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
@@ -453,6 +478,9 @@ var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePi
453
478
  var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
454
479
  var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
455
480
  var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
481
+ var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
482
+ var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
483
+ var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
456
484
  var _Slider = _interopRequireDefault(require("./components/Slider"));
457
485
  var _Stepper = _interopRequireDefault(require("./components/Stepper"));
458
486
  var _useAuthState = require("./components/useAuthState");
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAEA;AASA;AAOA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyD;AAAA;AAAA"}
1
+ {"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAEA;AASA;AAOA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyD;AAAA;AAAA"}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SEED_DATA = void 0;
7
+ var _types = require("@draftbit/types");
8
+ const SEED_DATA = {
9
+ name: "Container",
10
+ tag: "Container",
11
+ description: "A container component with gutter padding",
12
+ category: _types.COMPONENT_TYPES.deprecated,
13
+ stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
14
+ layout: {
15
+ height: 250
16
+ },
17
+ props: {
18
+ useThemeGutterPadding: {
19
+ group: _types.GROUPS.basic,
20
+ label: "Use gutter padding",
21
+ description: "When true, uses the theme gutter spacing as the container's horizontal padding",
22
+ formType: _types.FORM_TYPES.boolean,
23
+ propType: _types.PROP_TYPES.BOOLEAN,
24
+ defaultValue: false,
25
+ editable: false,
26
+ required: true
27
+ },
28
+ backgroundImage: (0, _types.createImageProp)({
29
+ label: "Background Image",
30
+ description: "Apply a custom background image",
31
+ defaultValue: null
32
+ }),
33
+ backgroundImageResizeMode: (0, _types.createResizeModeProp)(),
34
+ elevation: (0, _types.createElevationType)(0)
35
+ }
36
+ };
37
+ exports.SEED_DATA = SEED_DATA;
38
+ //# sourceMappingURL=Container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","layout","height","props","useThemeGutterPadding","group","GROUPS","basic","label","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","editable","required","backgroundImage","createImageProp","backgroundImageResizeMode","createResizeModeProp","elevation","createElevationType"],"sourceRoot":"../../../src","sources":["mappings/Container.ts"],"mappings":";;;;;;AAAA;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WAAW;EACjBC,GAAG,EAAE,WAAW;EAChBC,WAAW,EAAE,2CAA2C;EACxDC,QAAQ,EAAEC,sBAAe,CAACC,UAAU;EACpCC,mBAAmB,EAAEC,0CAAmC;EACxDC,MAAM,EAAE;IACNC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLC,qBAAqB,EAAE;MACrBC,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBC,KAAK,EAAE,oBAAoB;MAC3Bb,WAAW,EACT,gFAAgF;MAClFc,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAE;IACZ,CAAC;IACDC,eAAe,EAAE,IAAAC,sBAAe,EAAC;MAC/BX,KAAK,EAAE,kBAAkB;MACzBb,WAAW,EAAE,iCAAiC;MAC9CoB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFK,yBAAyB,EAAE,IAAAC,2BAAoB,GAAE;IACjDC,SAAS,EAAE,IAAAC,0BAAmB,EAAC,CAAC;EAClC;AACF,CAAC;AAAC"}
@@ -35,7 +35,7 @@ const SEED_DATA = [{
35
35
  }, {
36
36
  name: "Spacer",
37
37
  tag: "Spacer",
38
- category: _types.COMPONENT_TYPES.layout,
38
+ category: _types.COMPONENT_TYPES.deprecated,
39
39
  props: {
40
40
  top: {
41
41
  label: "Top",
@@ -108,7 +108,7 @@ const SEED_DATA = [{
108
108
  }, {
109
109
  name: "Center",
110
110
  tag: "Center",
111
- category: _types.COMPONENT_TYPES.layout,
111
+ category: _types.COMPONENT_TYPES.deprecated,
112
112
  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
113
113
  props: {
114
114
  width: {
@@ -145,7 +145,7 @@ const SEED_DATA = [{
145
145
  }, {
146
146
  name: "Circle",
147
147
  tag: "Circle",
148
- category: _types.COMPONENT_TYPES.layout,
148
+ category: _types.COMPONENT_TYPES.deprecated,
149
149
  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
150
150
  props: {
151
151
  size: {
@@ -172,7 +172,7 @@ const SEED_DATA = [{
172
172
  }, {
173
173
  name: "Square",
174
174
  tag: "Square",
175
- category: _types.COMPONENT_TYPES.layout,
175
+ category: _types.COMPONENT_TYPES.deprecated,
176
176
  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
177
177
  props: {
178
178
  size: {