@draftbit/core 43.4.5-4e19aa.1 → 43.4.5-6196d0.1

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 (89) hide show
  1. package/lib/commonjs/components/KeyboardAwareScrollView.js +26 -0
  2. package/lib/commonjs/components/KeyboardAwareScrollView.js.map +1 -0
  3. package/lib/commonjs/index.js +8 -38
  4. package/lib/commonjs/index.js.map +1 -1
  5. package/lib/commonjs/mappings/KeyboardAwareScrollView.js +48 -0
  6. package/lib/commonjs/mappings/KeyboardAwareScrollView.js.map +1 -0
  7. package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
  8. package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
  9. package/lib/commonjs/utilities.js +2 -8
  10. package/lib/commonjs/utilities.js.map +1 -1
  11. package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
  12. package/lib/module/components/KeyboardAwareScrollView.js +13 -0
  13. package/lib/module/components/KeyboardAwareScrollView.js.map +1 -0
  14. package/lib/module/components/Picker/PickerComponent.ios.js +7 -10
  15. package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -1
  16. package/lib/module/index.js +1 -1
  17. package/lib/module/index.js.map +1 -1
  18. package/lib/module/mappings/BlurView.js.map +1 -1
  19. package/lib/module/mappings/KeyboardAwareScrollView.js +39 -0
  20. package/lib/module/mappings/KeyboardAwareScrollView.js.map +1 -0
  21. package/lib/module/utilities.js +2 -4
  22. package/lib/module/utilities.js.map +1 -1
  23. package/lib/typescript/src/components/KeyboardAwareScrollView.d.ts +13 -0
  24. package/lib/typescript/src/index.d.ts +1 -1
  25. package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts +82 -0
  26. package/lib/typescript/src/utilities.d.ts +3 -4
  27. package/package.json +3 -2
  28. package/src/components/KeyboardAwareScrollView.js +4 -0
  29. package/src/components/KeyboardAwareScrollView.tsx +19 -0
  30. package/src/index.js +1 -1
  31. package/src/index.tsx +1 -9
  32. package/src/mappings/KeyboardAwareScrollView.js +38 -0
  33. package/src/mappings/KeyboardAwareScrollView.ts +48 -0
  34. package/src/utilities.js +1 -6
  35. package/src/utilities.ts +1 -6
  36. package/lib/commonjs/components/Table/index.js +0 -56
  37. package/lib/commonjs/components/Table/index.js.map +0 -1
  38. package/lib/commonjs/components/Table/table.js +0 -36
  39. package/lib/commonjs/components/Table/table.js.map +0 -1
  40. package/lib/commonjs/components/Table/tableCell.js +0 -44
  41. package/lib/commonjs/components/Table/tableCell.js.map +0 -1
  42. package/lib/commonjs/components/Table/tableHeader.js +0 -42
  43. package/lib/commonjs/components/Table/tableHeader.js.map +0 -1
  44. package/lib/commonjs/components/Table/tablePaginator.js +0 -18
  45. package/lib/commonjs/components/Table/tablePaginator.js.map +0 -1
  46. package/lib/commonjs/components/Table/tableRow.js +0 -48
  47. package/lib/commonjs/components/Table/tableRow.js.map +0 -1
  48. package/lib/commonjs/components/Table/tableTitle.js +0 -61
  49. package/lib/commonjs/components/Table/tableTitle.js.map +0 -1
  50. package/lib/commonjs/mappings/Table.js +0 -99
  51. package/lib/commonjs/mappings/Table.js.map +0 -1
  52. package/lib/module/components/Table/index.js +0 -7
  53. package/lib/module/components/Table/index.js.map +0 -1
  54. package/lib/module/components/Table/table.js +0 -24
  55. package/lib/module/components/Table/table.js.map +0 -1
  56. package/lib/module/components/Table/tableCell.js +0 -32
  57. package/lib/module/components/Table/tableCell.js.map +0 -1
  58. package/lib/module/components/Table/tableHeader.js +0 -28
  59. package/lib/module/components/Table/tableHeader.js.map +0 -1
  60. package/lib/module/components/Table/tablePaginator.js +0 -7
  61. package/lib/module/components/Table/tablePaginator.js.map +0 -1
  62. package/lib/module/components/Table/tableRow.js +0 -34
  63. package/lib/module/components/Table/tableRow.js.map +0 -1
  64. package/lib/module/components/Table/tableTitle.js +0 -48
  65. package/lib/module/components/Table/tableTitle.js.map +0 -1
  66. package/lib/module/mappings/Table.js +0 -90
  67. package/lib/module/mappings/Table.js.map +0 -1
  68. package/lib/typescript/src/components/Table/index.d.ts +0 -6
  69. package/lib/typescript/src/components/Table/table.d.ts +0 -8
  70. package/lib/typescript/src/components/Table/tableCell.d.ts +0 -10
  71. package/lib/typescript/src/components/Table/tableHeader.d.ts +0 -12
  72. package/lib/typescript/src/components/Table/tablePaginator.d.ts +0 -3
  73. package/lib/typescript/src/components/Table/tableRow.d.ts +0 -12
  74. package/lib/typescript/src/components/Table/tableTitle.d.ts +0 -12
  75. package/src/components/Table/index.js +0 -6
  76. package/src/components/Table/index.tsx +0 -6
  77. package/src/components/Table/table.js +0 -10
  78. package/src/components/Table/table.tsx +0 -22
  79. package/src/components/Table/tableCell.js +0 -17
  80. package/src/components/Table/tableCell.tsx +0 -37
  81. package/src/components/Table/tableHeader.js +0 -11
  82. package/src/components/Table/tableHeader.tsx +0 -28
  83. package/src/components/Table/tablePaginator.js +0 -5
  84. package/src/components/Table/tablePaginator.tsx +0 -10
  85. package/src/components/Table/tableRow.js +0 -16
  86. package/src/components/Table/tableRow.tsx +0 -31
  87. package/src/components/Table/tableTitle.js +0 -28
  88. package/src/components/Table/tableTitle.tsx +0 -59
  89. package/src/mappings/Table.js +0 -102
@@ -1 +1 @@
1
- {"version":3,"sources":["utilities.ts"],"names":["StyleSheet","omitBy","isNil","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries"],"mappings":"AAAA,SAASA,UAAT,QAAiD,cAAjD;AACA,OAAOC,MAAP,MAAmB,eAAnB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AAEA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAA8C;AACnD,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,aAPI;AAQJC,IAAAA,SARI;AASJC,IAAAA,kBATI;AAUJC,IAAAA,mBAVI;AAWJC,IAAAA,mBAXI;AAYJ,OAAGC;AAZC,MAaFhB,UAAU,CAACiB,OAAX,CAAmBb,KAAK,IAAI,EAA5B,CAbJ;AAeA,QAAMc,UAAqB,GAAG;AAC5Bb,IAAAA,KAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,UAH4B;AAI5BC,IAAAA,QAJ4B;AAK5BC,IAAAA,UAL4B;AAM5BC,IAAAA,aAN4B;AAO5BC,IAAAA,aAP4B;AAQ5BC,IAAAA,SAR4B;AAS5BC,IAAAA,kBAT4B;AAU5BC,IAAAA,mBAV4B;AAW5BC,IAAAA;AAX4B,GAA9B;AAcA,SAAO;AACLC,IAAAA,UAAU,EAAEf,MAAM,CAACe,UAAD,EAAad,KAAb,CADb;AAELgB,IAAAA,UAAU,EAAEjB,MAAM,CAACiB,UAAD,EAAahB,KAAb;AAFb,GAAP;AAID;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASiB,WAAT,CACLC,UADK,EAELC,aAFK,EAGL;AACA,MAAI,CAACA,aAAL,EAAoB;AAClB;AACD;;AAED,QAAMC,eAAe,GAAGtB,UAAU,CAACiB,OAAX,CAAmBG,UAAnB,CAAxB;;AAEA,OAAK,MAAM,CAACG,GAAD,EAAMC,KAAN,CAAX,IAA2BC,MAAM,CAACC,OAAP,CAAeL,aAAf,CAA3B,EAA0D;AACxD,QAAIG,KAAK,IAAI,IAAb,EAAmB;AACjBF,MAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBC,KAAvB;AACD;AACF;;AAED,SAAOF,eAAP;AACD","sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\nimport omitBy from \"lodash/omitBy\";\nimport isNil from \"lodash/isNil\";\n\nexport function extractStyles(style: StyleProp<any>) {\n const {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n ...viewStyles\n } = StyleSheet.flatten(style || {});\n\n const textStyles: TextStyle = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n\n return {\n viewStyles: omitBy(viewStyles, isNil),\n textStyles: omitBy(textStyles, isNil),\n };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n baseStyles: Array<StyleProp<any>>,\n stylesToApply: StyleProp<any> | undefined\n) {\n if (!stylesToApply) {\n return;\n }\n\n const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n for (const [key, value] of Object.entries(stylesToApply)) {\n if (value != null) {\n flattenedStyles[key] = value;\n }\n }\n\n return flattenedStyles;\n}\n"]}
1
+ {"version":3,"sources":["utilities.ts"],"names":["StyleSheet","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries"],"mappings":"AAAA,SAASA,UAAT,QAAiD,cAAjD;AAEA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAA8C;AACnD,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,aAPI;AAQJC,IAAAA,SARI;AASJC,IAAAA,kBATI;AAUJC,IAAAA,mBAVI;AAWJC,IAAAA,mBAXI;AAYJ,OAAGC;AAZC,MAaFd,UAAU,CAACe,OAAX,CAAmBb,KAAK,IAAI,EAA5B,CAbJ;AAeA,QAAMc,UAAqB,GAAG;AAC5Bb,IAAAA,KAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,UAH4B;AAI5BC,IAAAA,QAJ4B;AAK5BC,IAAAA,UAL4B;AAM5BC,IAAAA,aAN4B;AAO5BC,IAAAA,aAP4B;AAQ5BC,IAAAA,SAR4B;AAS5BC,IAAAA,kBAT4B;AAU5BC,IAAAA,mBAV4B;AAW5BC,IAAAA;AAX4B,GAA9B;AAcA,SAAO;AAAEC,IAAAA,UAAF;AAAcE,IAAAA;AAAd,GAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CACLC,UADK,EAELC,aAFK,EAGL;AACA,MAAI,CAACA,aAAL,EAAoB;AAClB;AACD;;AAED,QAAMC,eAAe,GAAGpB,UAAU,CAACe,OAAX,CAAmBG,UAAnB,CAAxB;;AAEA,OAAK,MAAM,CAACG,GAAD,EAAMC,KAAN,CAAX,IAA2BC,MAAM,CAACC,OAAP,CAAeL,aAAf,CAA3B,EAA0D;AACxD,QAAIG,KAAK,IAAI,IAAb,EAAmB;AACjBF,MAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBC,KAAvB;AACD;AACF;;AAED,SAAOF,eAAP;AACD","sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\n\nexport function extractStyles(style: StyleProp<any>) {\n const {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n ...viewStyles\n } = StyleSheet.flatten(style || {});\n\n const textStyles: TextStyle = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n\n return { viewStyles, textStyles };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n baseStyles: Array<StyleProp<any>>,\n stylesToApply: StyleProp<any> | undefined\n) {\n if (!stylesToApply) {\n return;\n }\n\n const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n for (const [key, value] of Object.entries(stylesToApply)) {\n if (value != null) {\n flattenedStyles[key] = value;\n }\n }\n\n return flattenedStyles;\n}\n"]}
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ declare type Props = {
3
+ children: React.ReactNode;
4
+ viewIsInsideTabBar: boolean;
5
+ enableAutomaticScroll?: boolean;
6
+ extraHeight?: number;
7
+ extraScrollHeight?: number;
8
+ enableResetScrollToCoords?: boolean;
9
+ keyboardOpeningTime?: number;
10
+ enableOnAndroid?: boolean;
11
+ };
12
+ declare const KeyboardAware: ({ children, ...props }: Props) => JSX.Element;
13
+ export default KeyboardAware;
@@ -29,7 +29,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
29
29
  export { Swiper, SwiperItem } from "./components/Swiper";
30
30
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
31
31
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
32
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
33
32
  export { default as Button } from "./components/DeprecatedButton";
34
33
  export { default as CardBlock } from "./components/CardBlock";
35
34
  export { default as CardContainer } from "./components/CardContainer";
@@ -47,4 +46,5 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
47
46
  export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
48
47
  export { default as Slider } from "./components/Slider";
49
48
  export { default as Stepper } from "./components/Stepper";
49
+ export { default as KeyboardAwareScrollView } from "./components/KeyboardAwareScrollView";
50
50
  export { useAuthState } from "./components/useAuthState";
@@ -0,0 +1,82 @@
1
+ export declare const SEED_DATA: {
2
+ name: string;
3
+ tag: string;
4
+ description: string;
5
+ category: string;
6
+ layout: {};
7
+ props: {
8
+ viewIsInsideTabBar: {
9
+ label: string;
10
+ description: string;
11
+ formType: string;
12
+ propType: string;
13
+ defaultValue: boolean;
14
+ editable: boolean;
15
+ required: boolean;
16
+ group: string;
17
+ };
18
+ enableAutomaticScroll: {
19
+ label: string;
20
+ description: string;
21
+ formType: string;
22
+ propType: string;
23
+ defaultValue: boolean;
24
+ editable: boolean;
25
+ required: boolean;
26
+ group: string;
27
+ };
28
+ extraHeight: {
29
+ label: string;
30
+ description: string;
31
+ formType: string;
32
+ propType: string;
33
+ group: string;
34
+ defaultValue: null;
35
+ editable: boolean;
36
+ required: boolean;
37
+ step: number;
38
+ };
39
+ extraScrollHeight: {
40
+ label: string;
41
+ description: string;
42
+ formType: string;
43
+ propType: string;
44
+ group: string;
45
+ defaultValue: null;
46
+ editable: boolean;
47
+ required: boolean;
48
+ step: number;
49
+ };
50
+ enableResetScrollToCoords: {
51
+ label: string;
52
+ description: string;
53
+ formType: string;
54
+ propType: string;
55
+ defaultValue: boolean;
56
+ editable: boolean;
57
+ required: boolean;
58
+ group: string;
59
+ };
60
+ keyboardOpeningTime: {
61
+ label: string;
62
+ description: string;
63
+ formType: string;
64
+ propType: string;
65
+ group: string;
66
+ defaultValue: null;
67
+ editable: boolean;
68
+ required: boolean;
69
+ step: number;
70
+ };
71
+ enableOnAndroid: {
72
+ label: string;
73
+ description: string;
74
+ formType: string;
75
+ propType: string;
76
+ defaultValue: boolean;
77
+ editable: boolean;
78
+ required: boolean;
79
+ group: string;
80
+ };
81
+ };
82
+ };
@@ -1,8 +1,7 @@
1
- /// <reference types="lodash" />
2
- import { StyleProp } from "react-native";
1
+ import { StyleProp, TextStyle } from "react-native";
3
2
  export declare function extractStyles(style: StyleProp<any>): {
4
- viewStyles: Partial<any>;
5
- textStyles: import("lodash").Dictionary<any>;
3
+ viewStyles: any;
4
+ textStyles: TextStyle;
6
5
  };
7
6
  /**
8
7
  * Merges a style object on top of another style object. In React Native,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.4.5-4e19aa.1+4e19aa2d",
3
+ "version": "43.4.5-6196d0.1+6196d0c8",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -53,6 +53,7 @@
53
53
  "lodash.isnumber": "^3.0.3",
54
54
  "lodash.omit": "^4.5.0",
55
55
  "lodash.tonumber": "^4.0.3",
56
+ "react-native-keyboard-aware-scroll-view": "^0.9.5",
56
57
  "react-native-modal-datetime-picker": "^13.0.0",
57
58
  "react-native-typography": "^1.4.1",
58
59
  "react-native-web-swiper": "^2.2.1"
@@ -80,5 +81,5 @@
80
81
  ]
81
82
  ]
82
83
  },
83
- "gitHead": "4e19aa2dc581db7d80d897af2f3bf5e3f3d240d8"
84
+ "gitHead": "6196d0c8891af9c403b1dc48528424953ce60c5a"
84
85
  }
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
3
+ const KeyboardAware = ({ children, ...props }) => (React.createElement(KeyboardAwareScrollView, { ...props }, children));
4
+ export default KeyboardAware;
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
3
+
4
+ type Props = {
5
+ children: React.ReactNode;
6
+ viewIsInsideTabBar: boolean;
7
+ enableAutomaticScroll?: boolean;
8
+ extraHeight?: number;
9
+ extraScrollHeight?: number;
10
+ enableResetScrollToCoords?: boolean;
11
+ keyboardOpeningTime?: number;
12
+ enableOnAndroid?: boolean;
13
+ };
14
+
15
+ const KeyboardAware = ({ children, ...props }: Props) => (
16
+ <KeyboardAwareScrollView {...props}>{children}</KeyboardAwareScrollView>
17
+ );
18
+
19
+ export default KeyboardAware;
package/src/index.js CHANGED
@@ -29,7 +29,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
29
29
  export { Swiper, SwiperItem } from "./components/Swiper";
30
30
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
31
31
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
32
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
33
32
  /* Deprecated: Fix or Delete! */
34
33
  export { default as Button } from "./components/DeprecatedButton";
35
34
  export { default as CardBlock } from "./components/CardBlock";
@@ -48,4 +47,5 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
48
47
  export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
49
48
  export { default as Slider } from "./components/Slider";
50
49
  export { default as Stepper } from "./components/Stepper";
50
+ export { default as KeyboardAwareScrollView } from "./components/KeyboardAwareScrollView";
51
51
  export { useAuthState } from "./components/useAuthState";
package/src/index.tsx CHANGED
@@ -49,15 +49,6 @@ export {
49
49
  RadioButtonFieldGroup,
50
50
  } from "./components/RadioButton/index";
51
51
 
52
- export {
53
- Table,
54
- TableRow,
55
- TablePaginator,
56
- TableHeader,
57
- TableCell,
58
- TableTitle,
59
- } from "./components/Table";
60
-
61
52
  /* Deprecated: Fix or Delete! */
62
53
  export { default as Button } from "./components/DeprecatedButton";
63
54
  export { default as CardBlock } from "./components/CardBlock";
@@ -76,4 +67,5 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
76
67
  export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
77
68
  export { default as Slider } from "./components/Slider";
78
69
  export { default as Stepper } from "./components/Stepper";
70
+ export { default as KeyboardAwareScrollView } from "./components/KeyboardAwareScrollView";
79
71
  export { useAuthState } from "./components/useAuthState";
@@ -0,0 +1,38 @@
1
+ import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Keyboard Aware Scroll View",
4
+ tag: "KeyboardAwareScrollView",
5
+ description: "View that moves pushes the content when virtual keyboard is open.",
6
+ category: COMPONENT_TYPES.layout,
7
+ layout: {},
8
+ props: {
9
+ viewIsInsideTabBar: createStaticBoolProp({
10
+ label: "View Is Inside TabBar",
11
+ description: "Adds an extra offset that represents the TabBarIOS height.",
12
+ }),
13
+ enableAutomaticScroll: createStaticBoolProp({
14
+ label: "Enable Automatic Scroll",
15
+ description: "When focus in TextInput will scroll the position, default is enabled",
16
+ }),
17
+ extraHeight: createStaticNumberProp({
18
+ label: "Extra Height",
19
+ description: "Adds an extra offset when focusing the TextInputs",
20
+ }),
21
+ extraScrollHeight: createStaticNumberProp({
22
+ label: "Extra Scroll Height",
23
+ description: "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
24
+ }),
25
+ enableResetScrollToCoords: createStaticBoolProp({
26
+ label: "Enable Reset Scroll To Coordinates",
27
+ description: "Lets the user enable or disable automatic resetScrollToCoords",
28
+ }),
29
+ keyboardOpeningTime: createStaticNumberProp({
30
+ label: "Keyboard Opening Time",
31
+ description: "Sets the delay time before scrolling to new position, default is 250",
32
+ }),
33
+ enableOnAndroid: createStaticBoolProp({
34
+ label: "Enable On Android",
35
+ description: "Enable Android Support",
36
+ }),
37
+ },
38
+ };
@@ -0,0 +1,48 @@
1
+ import {
2
+ COMPONENT_TYPES,
3
+ createStaticBoolProp,
4
+ createStaticNumberProp,
5
+ } from "@draftbit/types";
6
+
7
+ export const SEED_DATA = {
8
+ name: "Keyboard Aware Scroll View",
9
+ tag: "KeyboardAwareScrollView",
10
+ description:
11
+ "View that moves pushes the content when virtual keyboard is open.",
12
+ category: COMPONENT_TYPES.layout,
13
+ layout: {},
14
+ props: {
15
+ viewIsInsideTabBar: createStaticBoolProp({
16
+ label: "View Is Inside TabBar",
17
+ description: "Adds an extra offset that represents the TabBarIOS height.",
18
+ }),
19
+ enableAutomaticScroll: createStaticBoolProp({
20
+ label: "Enable Automatic Scroll",
21
+ description:
22
+ "When focus in TextInput will scroll the position, default is enabled",
23
+ }),
24
+ extraHeight: createStaticNumberProp({
25
+ label: "Extra Height",
26
+ description: "Adds an extra offset when focusing the TextInputs",
27
+ }),
28
+ extraScrollHeight: createStaticNumberProp({
29
+ label: "Extra Scroll Height",
30
+ description:
31
+ "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
32
+ }),
33
+ enableResetScrollToCoords: createStaticBoolProp({
34
+ label: "Enable Reset Scroll To Coordinates",
35
+ description:
36
+ "Lets the user enable or disable automatic resetScrollToCoords",
37
+ }),
38
+ keyboardOpeningTime: createStaticNumberProp({
39
+ label: "Keyboard Opening Time",
40
+ description:
41
+ "Sets the delay time before scrolling to new position, default is 250",
42
+ }),
43
+ enableOnAndroid: createStaticBoolProp({
44
+ label: "Enable On Android",
45
+ description: "Enable Android Support",
46
+ }),
47
+ },
48
+ };
package/src/utilities.js CHANGED
@@ -1,6 +1,4 @@
1
1
  import { StyleSheet } from "react-native";
2
- import omitBy from "lodash/omitBy";
3
- import isNil from "lodash/isNil";
4
2
  export function extractStyles(style) {
5
3
  const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
6
4
  const textStyles = {
@@ -16,10 +14,7 @@ export function extractStyles(style) {
16
14
  textDecorationColor,
17
15
  textDecorationStyle,
18
16
  };
19
- return {
20
- viewStyles: omitBy(viewStyles, isNil),
21
- textStyles: omitBy(textStyles, isNil),
22
- };
17
+ return { viewStyles, textStyles };
23
18
  }
24
19
  /**
25
20
  * Merges a style object on top of another style object. In React Native,
package/src/utilities.ts CHANGED
@@ -1,6 +1,4 @@
1
1
  import { StyleSheet, StyleProp, TextStyle } from "react-native";
2
- import omitBy from "lodash/omitBy";
3
- import isNil from "lodash/isNil";
4
2
 
5
3
  export function extractStyles(style: StyleProp<any>) {
6
4
  const {
@@ -32,10 +30,7 @@ export function extractStyles(style: StyleProp<any>) {
32
30
  textDecorationStyle,
33
31
  };
34
32
 
35
- return {
36
- viewStyles: omitBy(viewStyles, isNil),
37
- textStyles: omitBy(textStyles, isNil),
38
- };
33
+ return { viewStyles, textStyles };
39
34
  }
40
35
 
41
36
  /**
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Table", {
7
- enumerable: true,
8
- get: function () {
9
- return _table.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "TableCell", {
13
- enumerable: true,
14
- get: function () {
15
- return _tableCell.default;
16
- }
17
- });
18
- Object.defineProperty(exports, "TableHeader", {
19
- enumerable: true,
20
- get: function () {
21
- return _tableHeader.default;
22
- }
23
- });
24
- Object.defineProperty(exports, "TablePaginator", {
25
- enumerable: true,
26
- get: function () {
27
- return _tablePaginator.default;
28
- }
29
- });
30
- Object.defineProperty(exports, "TableRow", {
31
- enumerable: true,
32
- get: function () {
33
- return _tableRow.default;
34
- }
35
- });
36
- Object.defineProperty(exports, "TableTitle", {
37
- enumerable: true,
38
- get: function () {
39
- return _tableTitle.default;
40
- }
41
- });
42
-
43
- var _table = _interopRequireDefault(require("./table"));
44
-
45
- var _tableHeader = _interopRequireDefault(require("./tableHeader"));
46
-
47
- var _tablePaginator = _interopRequireDefault(require("./tablePaginator"));
48
-
49
- var _tableRow = _interopRequireDefault(require("./tableRow"));
50
-
51
- var _tableCell = _interopRequireDefault(require("./tableCell"));
52
-
53
- var _tableTitle = _interopRequireDefault(require("./tableTitle"));
54
-
55
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
56
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as Table } from \"./table\";\nexport { default as TableHeader } from \"./tableHeader\";\nexport { default as TablePaginator } from \"./tablePaginator\";\nexport { default as TableRow } from \"./tableRow\";\nexport { default as TableCell } from \"./tableCell\";\nexport { default as TableTitle } from \"./tableTitle\";\n"]}
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function _extends() { _extends = Object.assign || 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
-
16
- const Table = _ref => {
17
- let {
18
- children,
19
- style,
20
- ...rest
21
- } = _ref;
22
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
23
- style: [styles.wrapper, style]
24
- }), children);
25
- };
26
-
27
- const styles = _reactNative.StyleSheet.create({
28
- wrapper: {
29
- display: "flex",
30
- flexDirection: "column"
31
- }
32
- });
33
-
34
- var _default = Table;
35
- exports.default = _default;
36
- //# sourceMappingURL=table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["table.tsx"],"names":["Table","children","style","rest","styles","wrapper","StyleSheet","create","display","flexDirection"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAOA,MAAMA,KAAK,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmB,OAAGC;AAAtB,GAAD;AAAA,sBACZ,6BAAC,iBAAD,eAAUA,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiBH,KAAjB;AAAvB,MACGD,QADH,CADY;AAAA,CAAd;;AAMA,MAAMG,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,OAAO,EAAE;AACPG,IAAAA,OAAO,EAAE,MADF;AAEPC,IAAAA,aAAa,EAAE;AAFR;AADsB,CAAlB,CAAf;;eAOeT,K","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\n\nexport interface TableProps {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Table = ({ children, style, ...rest }: TableProps) => (\n <View {...rest} style={[styles.wrapper, style]}>\n {children}\n </View>\n);\n\nconst styles = StyleSheet.create({\n wrapper: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n});\n\nexport default Table;\n"]}
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function _extends() { _extends = Object.assign || 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
-
16
- const TableCell = _ref => {
17
- let {
18
- children,
19
- style,
20
- numeric,
21
- value,
22
- ...rest
23
- } = _ref;
24
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
25
- style: [styles.wrapper, numeric && styles.right, style]
26
- }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
27
- numberOfLines: 1
28
- }, children, value));
29
- };
30
-
31
- const styles = _reactNative.StyleSheet.create({
32
- wrapper: {
33
- flex: 1,
34
- display: "flex",
35
- flexDirection: "row"
36
- },
37
- right: {
38
- justifyContent: "flex-end"
39
- }
40
- });
41
-
42
- var _default = TableCell;
43
- exports.default = _default;
44
- //# sourceMappingURL=tableCell.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tableCell.tsx"],"names":["TableCell","children","style","numeric","value","rest","styles","wrapper","right","StyleSheet","create","flex","display","flexDirection","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AASA,MAAMA,SAAS,GAAG;AAAA,MAAC;AACjBC,IAAAA,QADiB;AAEjBC,IAAAA,KAFiB;AAGjBC,IAAAA,OAHiB;AAIjBC,IAAAA,KAJiB;AAKjB,OAAGC;AALc,GAAD;AAAA,sBAOhB,6BAAC,iBAAD,eAAUA,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiBJ,OAAO,IAAIG,MAAM,CAACE,KAAnC,EAA0CN,KAA1C;AAAvB,mBACE,6BAAC,iBAAD;AAAM,IAAA,aAAa,EAAE;AAArB,KACGD,QADH,EAEGG,KAFH,CADF,CAPgB;AAAA,CAAlB;;AAeA,MAAME,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,OAAO,EAAE;AACPI,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,OAAO,EAAE,MAFF;AAGPC,IAAAA,aAAa,EAAE;AAHR,GADsB;AAM/BL,EAAAA,KAAK,EAAE;AACLM,IAAAA,cAAc,EAAE;AADX;AANwB,CAAlB,CAAf;;eAWed,S","sourcesContent":["import React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\n\nexport interface TableCellProps {\n children: React.ReactNode;\n numeric?: boolean;\n style?: StyleProp<ViewStyle>;\n value: string;\n}\n\nconst TableCell = ({\n children,\n style,\n numeric,\n value,\n ...rest\n}: TableCellProps) => (\n <View {...rest} style={[styles.wrapper, numeric && styles.right, style]}>\n <Text numberOfLines={1}>\n {children}\n {value}\n </Text>\n </View>\n);\n\nconst styles = StyleSheet.create({\n wrapper: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n },\n right: {\n justifyContent: \"flex-end\",\n },\n});\n\nexport default TableCell;\n"]}
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- var _theming = require("../../theming");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _extends() { _extends = Object.assign || 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); }
17
-
18
- const TableHeader = _ref => {
19
- let {
20
- children,
21
- style,
22
- theme,
23
- ...rest
24
- } = _ref;
25
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
26
- style: [styles.wrapper, {
27
- borderBottomColor: theme.colors.medium
28
- }, style]
29
- }), children);
30
- };
31
-
32
- const styles = _reactNative.StyleSheet.create({
33
- wrapper: {
34
- display: "flex",
35
- flexDirection: "row"
36
- }
37
- });
38
-
39
- var _default = (0, _theming.withTheme)(TableHeader);
40
-
41
- exports.default = _default;
42
- //# sourceMappingURL=tableHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tableHeader.tsx"],"names":["TableHeader","children","style","theme","rest","styles","wrapper","borderBottomColor","colors","medium","StyleSheet","create","display","flexDirection"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAQA,MAAMA,WAAW,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBAClB,6BAAC,iBAAD,eACMA,IADN;AAEE,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiB;AAAEC,MAAAA,iBAAiB,EAAEJ,KAAK,CAACK,MAAN,CAAaC;AAAlC,KAAjB,EAA6DP,KAA7D;AAFT,MAIGD,QAJH,CADkB;AAAA,CAApB;;AASA,MAAMI,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,OAAO,EAAE;AACPM,IAAAA,OAAO,EAAE,MADF;AAEPC,IAAAA,aAAa,EAAE;AAFR;AADsB,CAAlB,CAAf;;eAOe,wBAAUb,WAAV,C","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { Theme } from \"../../styles/DefaultTheme\";\nimport { withTheme } from \"../../theming\";\n\nexport interface TableHeaderProps {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n}\n\nconst TableHeader = ({ children, style, theme, ...rest }: TableHeaderProps) => (\n <View\n {...rest}\n style={[styles.wrapper, { borderBottomColor: theme.colors.medium }, style]}\n >\n {children}\n </View>\n);\n\nconst styles = StyleSheet.create({\n wrapper: {\n display: \"flex\",\n flexDirection: \"row\",\n },\n});\n\nexport default withTheme(TableHeader);\n"]}
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
15
-
16
- var _default = TablePaginator;
17
- exports.default = _default;
18
- //# sourceMappingURL=tablePaginator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tablePaginator.tsx"],"names":["TablePaginator"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,mBACrB,6BAAC,iBAAD,qBACE,6BAAC,iBAAD,0BADF,CADF;;eAMeA,c","sourcesContent":["import React from \"react\";\nimport { View, Text } from \"react-native\";\n\nconst TablePaginator = () => (\n <View>\n <Text>Table Paginator</Text>\n </View>\n);\n\nexport default TablePaginator;\n"]}
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- var _theming = require("../../theming");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _extends() { _extends = Object.assign || 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); }
17
-
18
- const TableRow = _ref => {
19
- let {
20
- children,
21
- style,
22
- theme,
23
- ...rest
24
- } = _ref;
25
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
26
- style: [styles.container, {
27
- borderBottomColor: theme.colors.light
28
- }, style]
29
- }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
30
- style: styles.content
31
- }, children));
32
- };
33
-
34
- const styles = _reactNative.StyleSheet.create({
35
- container: {
36
- display: "flex",
37
- flexDirection: "row"
38
- },
39
- content: {
40
- flex: 1,
41
- flexDirection: "row"
42
- }
43
- });
44
-
45
- var _default = (0, _theming.withTheme)(TableRow);
46
-
47
- exports.default = _default;
48
- //# sourceMappingURL=tableRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tableRow.tsx"],"names":["TableRow","children","style","theme","rest","styles","container","borderBottomColor","colors","light","content","StyleSheet","create","display","flexDirection","flex"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAOA,MAAMA,QAAQ,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBACf,6BAAC,iBAAD,eACMA,IADN;AAEE,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;AAAEC,MAAAA,iBAAiB,EAAEJ,KAAK,CAACK,MAAN,CAAaC;AAAlC,KAAnB,EAA8DP,KAA9D;AAFT,mBAIE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACK;AAApB,KAA8BT,QAA9B,CAJF,CADe;AAAA,CAAjB;;AASA,MAAMI,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,SAAS,EAAE;AACTO,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,aAAa,EAAE;AAFN,GADoB;AAK/BJ,EAAAA,OAAO,EAAE;AACPK,IAAAA,IAAI,EAAE,CADC;AAEPD,IAAAA,aAAa,EAAE;AAFR;AALsB,CAAlB,CAAf;;eAWe,wBAAUd,QAAV,C","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { Theme } from \"../../styles/DefaultTheme\";\nimport { withTheme } from \"../../theming\";\nexport interface TableRowProps {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n}\n\nconst TableRow = ({ children, style, theme, ...rest }: TableRowProps) => (\n <View\n {...rest}\n style={[styles.container, { borderBottomColor: theme.colors.light }, style]}\n >\n <View style={styles.content}>{children}</View>\n </View>\n);\n\nconst styles = StyleSheet.create({\n container: {\n display: \"flex\",\n flexDirection: \"row\",\n },\n content: {\n flex: 1,\n flexDirection: \"row\",\n },\n});\n\nexport default withTheme(TableRow);\n"]}