@draftbit/core 43.4.5-312b1d.1 → 43.4.5-4e19aa.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.
- package/lib/commonjs/components/Elevation.js +14 -3
- package/lib/commonjs/components/Elevation.js.map +1 -1
- package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js +6 -9
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +8 -18
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +9 -14
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/components/Table/index.js +56 -0
- package/lib/commonjs/components/Table/index.js.map +1 -0
- package/lib/commonjs/components/Table/table.js +36 -0
- package/lib/commonjs/components/Table/table.js.map +1 -0
- package/lib/commonjs/components/Table/tableCell.js +44 -0
- package/lib/commonjs/components/Table/tableCell.js.map +1 -0
- package/lib/commonjs/components/Table/tableHeader.js +42 -0
- package/lib/commonjs/components/Table/tableHeader.js.map +1 -0
- package/lib/commonjs/components/Table/tablePaginator.js +18 -0
- package/lib/commonjs/components/Table/tablePaginator.js.map +1 -0
- package/lib/commonjs/components/Table/tableRow.js +48 -0
- package/lib/commonjs/components/Table/tableRow.js.map +1 -0
- package/lib/commonjs/components/Table/tableTitle.js +61 -0
- package/lib/commonjs/components/Table/tableTitle.js.map +1 -0
- package/lib/commonjs/index.js +38 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/Table.js +99 -0
- package/lib/commonjs/mappings/Table.js.map +1 -0
- package/lib/commonjs/utilities.js +7 -16
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButton.js +6 -8
- package/lib/module/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonGroup.js +8 -17
- package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js +10 -15
- package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/module/components/ResizeMode.js +2 -2
- package/lib/module/components/ResizeMode.js.map +1 -1
- package/lib/module/components/Table/index.js +7 -0
- package/lib/module/components/Table/index.js.map +1 -0
- package/lib/module/components/Table/table.js +24 -0
- package/lib/module/components/Table/table.js.map +1 -0
- package/lib/module/components/Table/tableCell.js +32 -0
- package/lib/module/components/Table/tableCell.js.map +1 -0
- package/lib/module/components/Table/tableHeader.js +28 -0
- package/lib/module/components/Table/tableHeader.js.map +1 -0
- package/lib/module/components/Table/tablePaginator.js +7 -0
- package/lib/module/components/Table/tablePaginator.js.map +1 -0
- package/lib/module/components/Table/tableRow.js +34 -0
- package/lib/module/components/Table/tableRow.js.map +1 -0
- package/lib/module/components/Table/tableTitle.js +48 -0
- package/lib/module/components/Table/tableTitle.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/mappings/BlurView.js.map +1 -1
- package/lib/module/mappings/Table.js +90 -0
- package/lib/module/mappings/Table.js.map +1 -0
- package/lib/module/utilities.js +4 -14
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/components/RadioButton/RadioButton.d.ts +2 -2
- package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts +1 -1
- package/lib/typescript/src/components/RadioButton/RadioButtonRow.d.ts +1 -1
- package/lib/typescript/src/components/Table/index.d.ts +6 -0
- package/lib/typescript/src/components/Table/table.d.ts +8 -0
- package/lib/typescript/src/components/Table/tableCell.d.ts +10 -0
- package/lib/typescript/src/components/Table/tableHeader.d.ts +12 -0
- package/lib/typescript/src/components/Table/tablePaginator.d.ts +3 -0
- package/lib/typescript/src/components/Table/tableRow.d.ts +12 -0
- package/lib/typescript/src/components/Table/tableTitle.d.ts +12 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/utilities.d.ts +4 -4
- package/package.json +2 -2
- package/src/components/RadioButton/RadioButton.js +5 -9
- package/src/components/RadioButton/RadioButton.tsx +10 -13
- package/src/components/RadioButton/RadioButtonGroup.js +8 -14
- package/src/components/RadioButton/RadioButtonGroup.tsx +12 -21
- package/src/components/RadioButton/RadioButtonRow.js +9 -15
- package/src/components/RadioButton/RadioButtonRow.tsx +13 -19
- package/src/components/Table/index.js +6 -0
- package/src/components/Table/index.tsx +6 -0
- package/src/components/Table/table.js +10 -0
- package/src/components/Table/table.tsx +22 -0
- package/src/components/Table/tableCell.js +17 -0
- package/src/components/Table/tableCell.tsx +37 -0
- package/src/components/Table/tableHeader.js +11 -0
- package/src/components/Table/tableHeader.tsx +28 -0
- package/src/components/Table/tablePaginator.js +5 -0
- package/src/components/Table/tablePaginator.tsx +10 -0
- package/src/components/Table/tableRow.js +16 -0
- package/src/components/Table/tableRow.tsx +31 -0
- package/src/components/Table/tableTitle.js +28 -0
- package/src/components/Table/tableTitle.tsx +59 -0
- package/src/index.js +1 -0
- package/src/index.tsx +9 -0
- package/src/mappings/Table.js +102 -0
- package/src/utilities.js +6 -16
- package/src/utilities.ts +6 -14
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["table.tsx"],"names":["React","View","StyleSheet","Table","children","style","rest","styles","wrapper","create","display","flexDirection"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAqCC,UAArC,QAAuD,cAAvD;;AAOA,MAAMC,KAAK,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmB,OAAGC;AAAtB,GAAD;AAAA,sBACZ,oBAAC,IAAD,eAAUA,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiBH,KAAjB;AAAvB,MACGD,QADH,CADY;AAAA,CAAd;;AAMA,MAAMG,MAAM,GAAGL,UAAU,CAACO,MAAX,CAAkB;AAC/BD,EAAAA,OAAO,EAAE;AACPE,IAAAA,OAAO,EAAE,MADF;AAEPC,IAAAA,aAAa,EAAE;AAFR;AADsB,CAAlB,CAAf;AAOA,eAAeR,KAAf","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"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View, Text, StyleSheet } from "react-native";
|
|
5
|
+
|
|
6
|
+
const TableCell = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
children,
|
|
9
|
+
style,
|
|
10
|
+
numeric,
|
|
11
|
+
value,
|
|
12
|
+
...rest
|
|
13
|
+
} = _ref;
|
|
14
|
+
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
15
|
+
style: [styles.wrapper, numeric && styles.right, style]
|
|
16
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
17
|
+
numberOfLines: 1
|
|
18
|
+
}, children, value));
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
const styles = StyleSheet.create({
|
|
22
|
+
wrapper: {
|
|
23
|
+
flex: 1,
|
|
24
|
+
display: "flex",
|
|
25
|
+
flexDirection: "row"
|
|
26
|
+
},
|
|
27
|
+
right: {
|
|
28
|
+
justifyContent: "flex-end"
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
export default TableCell;
|
|
32
|
+
//# sourceMappingURL=tableCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tableCell.tsx"],"names":["React","View","Text","StyleSheet","TableCell","children","style","numeric","value","rest","styles","wrapper","right","create","flex","display","flexDirection","justifyContent"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,EAA2CC,UAA3C,QAA6D,cAA7D;;AASA,MAAMC,SAAS,GAAG;AAAA,MAAC;AACjBC,IAAAA,QADiB;AAEjBC,IAAAA,KAFiB;AAGjBC,IAAAA,OAHiB;AAIjBC,IAAAA,KAJiB;AAKjB,OAAGC;AALc,GAAD;AAAA,sBAOhB,oBAAC,IAAD,eAAUA,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiBJ,OAAO,IAAIG,MAAM,CAACE,KAAnC,EAA0CN,KAA1C;AAAvB,mBACE,oBAAC,IAAD;AAAM,IAAA,aAAa,EAAE;AAArB,KACGD,QADH,EAEGG,KAFH,CADF,CAPgB;AAAA,CAAlB;;AAeA,MAAME,MAAM,GAAGP,UAAU,CAACU,MAAX,CAAkB;AAC/BF,EAAAA,OAAO,EAAE;AACPG,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,OAAO,EAAE,MAFF;AAGPC,IAAAA,aAAa,EAAE;AAHR,GADsB;AAM/BJ,EAAAA,KAAK,EAAE;AACLK,IAAAA,cAAc,EAAE;AADX;AANwB,CAAlB,CAAf;AAWA,eAAeb,SAAf","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"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View, StyleSheet } from "react-native";
|
|
5
|
+
import { withTheme } from "../../theming";
|
|
6
|
+
|
|
7
|
+
const TableHeader = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
theme,
|
|
12
|
+
...rest
|
|
13
|
+
} = _ref;
|
|
14
|
+
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
15
|
+
style: [styles.wrapper, {
|
|
16
|
+
borderBottomColor: theme.colors.medium
|
|
17
|
+
}, style]
|
|
18
|
+
}), children);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
const styles = StyleSheet.create({
|
|
22
|
+
wrapper: {
|
|
23
|
+
display: "flex",
|
|
24
|
+
flexDirection: "row"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export default withTheme(TableHeader);
|
|
28
|
+
//# sourceMappingURL=tableHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tableHeader.tsx"],"names":["React","View","StyleSheet","withTheme","TableHeader","children","style","theme","rest","styles","wrapper","borderBottomColor","colors","medium","create","display","flexDirection"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAqCC,UAArC,QAAuD,cAAvD;AAEA,SAASC,SAAT,QAA0B,eAA1B;;AAQA,MAAMC,WAAW,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBAClB,oBAAC,IAAD,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,GAAGP,UAAU,CAACY,MAAX,CAAkB;AAC/BJ,EAAAA,OAAO,EAAE;AACPK,IAAAA,OAAO,EAAE,MADF;AAEPC,IAAAA,aAAa,EAAE;AAFR;AADsB,CAAlB,CAAf;AAOA,eAAeb,SAAS,CAACC,WAAD,CAAxB","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"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View, Text } from "react-native";
|
|
3
|
+
|
|
4
|
+
const TablePaginator = () => /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, null, "Table Paginator"));
|
|
5
|
+
|
|
6
|
+
export default TablePaginator;
|
|
7
|
+
//# sourceMappingURL=tablePaginator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tablePaginator.tsx"],"names":["React","View","Text","TablePaginator"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;;AAEA,MAAMC,cAAc,GAAG,mBACrB,oBAAC,IAAD,qBACE,oBAAC,IAAD,0BADF,CADF;;AAMA,eAAeA,cAAf","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"]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View, StyleSheet } from "react-native";
|
|
5
|
+
import { withTheme } from "../../theming";
|
|
6
|
+
|
|
7
|
+
const TableRow = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
theme,
|
|
12
|
+
...rest
|
|
13
|
+
} = _ref;
|
|
14
|
+
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
15
|
+
style: [styles.container, {
|
|
16
|
+
borderBottomColor: theme.colors.light
|
|
17
|
+
}, style]
|
|
18
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
19
|
+
style: styles.content
|
|
20
|
+
}, children));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
const styles = StyleSheet.create({
|
|
24
|
+
container: {
|
|
25
|
+
display: "flex",
|
|
26
|
+
flexDirection: "row"
|
|
27
|
+
},
|
|
28
|
+
content: {
|
|
29
|
+
flex: 1,
|
|
30
|
+
flexDirection: "row"
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
export default withTheme(TableRow);
|
|
34
|
+
//# sourceMappingURL=tableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tableRow.tsx"],"names":["React","View","StyleSheet","withTheme","TableRow","children","style","theme","rest","styles","container","borderBottomColor","colors","light","content","create","display","flexDirection","flex"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAqCC,UAArC,QAAuD,cAAvD;AAEA,SAASC,SAAT,QAA0B,eAA1B;;AAOA,MAAMC,QAAQ,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBACf,oBAAC,IAAD,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,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACK;AAApB,KAA8BT,QAA9B,CAJF,CADe;AAAA,CAAjB;;AASA,MAAMI,MAAM,GAAGP,UAAU,CAACa,MAAX,CAAkB;AAC/BL,EAAAA,SAAS,EAAE;AACTM,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,aAAa,EAAE;AAFN,GADoB;AAK/BH,EAAAA,OAAO,EAAE;AACPI,IAAAA,IAAI,EAAE,CADC;AAEPD,IAAAA,aAAa,EAAE;AAFR;AALsB,CAAlB,CAAf;AAWA,eAAed,SAAS,CAACC,QAAD,CAAxB","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"]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View, Text, StyleSheet } from "react-native";
|
|
5
|
+
import { extractStyles } from "../../utilities";
|
|
6
|
+
|
|
7
|
+
const TableTitle = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
numeric = false,
|
|
12
|
+
isAscending = false,
|
|
13
|
+
numberOfLines = 1,
|
|
14
|
+
title,
|
|
15
|
+
...rest
|
|
16
|
+
} = _ref;
|
|
17
|
+
const {
|
|
18
|
+
textStyles,
|
|
19
|
+
viewStyles
|
|
20
|
+
} = extractStyles(style);
|
|
21
|
+
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
22
|
+
style: [styles.wrapper, numeric && styles.right, viewStyles]
|
|
23
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
24
|
+
style: [isAscending ? styles.sorted : {
|
|
25
|
+
color: "gray"
|
|
26
|
+
}, textStyles],
|
|
27
|
+
numberOfLines: numberOfLines
|
|
28
|
+
}, children, title));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const styles = StyleSheet.create({
|
|
32
|
+
wrapper: {
|
|
33
|
+
flex: 1,
|
|
34
|
+
display: "flex",
|
|
35
|
+
flexDirection: "row"
|
|
36
|
+
},
|
|
37
|
+
right: {
|
|
38
|
+
justifyContent: "flex-end"
|
|
39
|
+
},
|
|
40
|
+
sorted: {// marginLeft: 8,
|
|
41
|
+
},
|
|
42
|
+
icon: {
|
|
43
|
+
height: 24,
|
|
44
|
+
justifyContent: "center"
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
export default TableTitle;
|
|
48
|
+
//# sourceMappingURL=tableTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tableTitle.tsx"],"names":["React","View","Text","StyleSheet","extractStyles","TableTitle","children","style","numeric","isAscending","numberOfLines","title","rest","textStyles","viewStyles","styles","wrapper","right","sorted","color","create","flex","display","flexDirection","justifyContent","icon","height"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,EAA2CC,UAA3C,QAA6D,cAA7D;AACA,SAASC,aAAT,QAA8B,iBAA9B;;AAWA,MAAMC,UAAU,GAAG,QAQG;AAAA,MARF;AAClBC,IAAAA,QADkB;AAElBC,IAAAA,KAFkB;AAGlBC,IAAAA,OAAO,GAAG,KAHQ;AAIlBC,IAAAA,WAAW,GAAG,KAJI;AAKlBC,IAAAA,aAAa,GAAG,CALE;AAMlBC,IAAAA,KANkB;AAOlB,OAAGC;AAPe,GAQE;AACpB,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BV,aAAa,CAACG,KAAD,CAAhD;AAEA,sBACE,oBAAC,IAAD,eACMK,IADN;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,OAAR,EAAiBR,OAAO,IAAIO,MAAM,CAACE,KAAnC,EAA0CH,UAA1C;AAFT,mBAIE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CAACL,WAAW,GAAGM,MAAM,CAACG,MAAV,GAAmB;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAA/B,EAAkDN,UAAlD,CADT;AAEE,IAAA,aAAa,EAAEH;AAFjB,KAIGJ,QAJH,EAKGK,KALH,CAJF,CADF;AAcD,CAzBD;;AA2BA,MAAMI,MAAM,GAAGZ,UAAU,CAACiB,MAAX,CAAkB;AAC/BJ,EAAAA,OAAO,EAAE;AACPK,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,OAAO,EAAE,MAFF;AAGPC,IAAAA,aAAa,EAAE;AAHR,GADsB;AAM/BN,EAAAA,KAAK,EAAE;AACLO,IAAAA,cAAc,EAAE;AADX,GANwB;AAS/BN,EAAAA,MAAM,EAAE,CACN;AADM,GATuB;AAY/BO,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EADJ;AAEJF,IAAAA,cAAc,EAAE;AAFZ;AAZyB,CAAlB,CAAf;AAkBA,eAAenB,UAAf","sourcesContent":["import React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\nexport interface TableCellProps {\n children: React.ReactNode;\n numeric?: boolean;\n isAscending: boolean;\n numberOfLines?: number;\n title?: string;\n style?: StyleProp<ViewStyle>;\n}\n\nconst TableTitle = ({\n children,\n style,\n numeric = false,\n isAscending = false,\n numberOfLines = 1,\n title,\n ...rest\n}: TableCellProps) => {\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <View\n {...rest}\n style={[styles.wrapper, numeric && styles.right, viewStyles]}\n >\n <Text\n style={[isAscending ? styles.sorted : { color: \"gray\" }, textStyles]}\n numberOfLines={numberOfLines}\n >\n {children}\n {title}\n </Text>\n </View>\n );\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 sorted: {\n // marginLeft: 8,\n },\n icon: {\n height: 24,\n justifyContent: \"center\",\n },\n});\n\nexport default TableTitle;\n"]}
|
package/lib/module/index.js
CHANGED
|
@@ -29,6 +29,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
|
|
|
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";
|
|
32
33
|
/* Deprecated: Fix or Delete! */
|
|
33
34
|
|
|
34
35
|
export { default as Button } from "./components/DeprecatedButton";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,WAAzC;AACA,SAASC,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,uBAAxC;AAEA,SAASC,IAAT,QAAqB,mBAArB;AACA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,qBAA3C;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,0BAAlC;AACA,SAASN,OAAO,IAAIO,UAApB,QAAsC,yBAAtC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,QAApB,QAAoC,uBAApC;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,uBAArD;AACA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,0BAAvC;AACA,SAASb,OAAO,IAAIc,SAApB,QAAqC,wBAArC;AACA,SAASd,OAAO,IAAIe,OAApB,QAAmC,sBAAnC;AACA,SAASf,OAAO,IAAIgB,GAApB,QAA+B,kBAA/B;AACA,SAAShB,OAAO,IAAIiB,kBAApB,QAA8C,iCAA9C;AACA,SAASjB,OAAO,IAAIkB,UAApB,QAAsC,yBAAtC;AACA,SAASlB,OAAO,IAAImB,KAApB,QAAiC,oBAAjC;AACA,SAASnB,OAAO,IAAIoB,WAApB,QAAuC,0BAAvC;AACA,SAASpB,OAAO,IAAIqB,eAApB,QAA2C,8BAA3C;AACA,SAASrB,OAAO,IAAIsB,UAApB,QAAsC,yBAAtC;AACA,SAAStB,OAAO,IAAIuB,OAApB,QAAmC,sBAAnC;AACA,SAASvB,OAAO,IAAIwB,MAApB,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAASzB,OAAO,IAAI0B,SAApB,QAAqC,wBAArC;AACA,SAAS1B,OAAO,IAAI2B,YAApB,QAAwC,2BAAxC;AACA,SAAS3B,OAAO,IAAI4B,SAApB,QAAqC,wBAArC;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,wBAA9C;AACA,SACEC,WADF,EAEEC,eAFF,EAGEC,iBAHF,QAIO,0BAJP;AAKA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,qBAAnC;AAEA,SACEC,MADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,GAJF,EAKEC,KALF,EAMEC,MANF,QAOO,qBAPP;AASA,SACEC,WADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,qBAJF,QAKO,gCALP;AAOA;;AACA,
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Table","TableRow","TablePaginator","TableHeader","TableCell","TableTitle","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\nexport {\n Table,\n TableRow,\n TablePaginator,\n TableHeader,\n TableCell,\n TableTitle,\n} from \"./components/Table\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["BlurView.
|
|
1
|
+
{"version":3,"sources":["BlurView.js"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,UAA1B,EAAsCC,UAAtC,EAAkDC,MAAlD,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,WADe;AAErBC,EAAAA,GAAG,EAAE,UAFgB;AAGrBC,EAAAA,WAAW,EAAE,gBAHQ;AAIrBC,EAAAA,QAAQ,EAAE,qDAJW;AAKrBC,EAAAA,SAAS,EAAE,kFALU;AAMrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MANL;AAOrBA,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE,CADN;AAEJC,IAAAA,UAAU,EAAE,CAFR;AAGJC,IAAAA,SAAS,EAAE;AAHP,GAPa;AAYrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAE,MADL;AAEFV,MAAAA,WAAW,EAAE,2BAFX;AAGFW,MAAAA,QAAQ,EAAE,IAHR;AAIFC,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,YAAY,EAAE,SALZ;AAMFC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,SANnB;AAOFC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,MAPnB;AAQFC,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARP;AASFC,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AATZ,KADH;AAYHC,IAAAA,SAAS,EAAE;AACPX,MAAAA,KAAK,EAAE,WADA;AAEPV,MAAAA,WAAW,EAAE,uEAFN;AAGPW,MAAAA,QAAQ,EAAE,IAHH;AAIPC,MAAAA,QAAQ,EAAE,IAJH;AAKPC,MAAAA,YAAY,EAAE,EALP;AAMPC,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MANd;AAOPN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MAPd;AAQPC,MAAAA,GAAG,EAAE,CARE;AASPC,MAAAA,GAAG,EAAE,GATE;AAUPC,MAAAA,IAAI,EAAE,CAVC;AAWPC,MAAAA,SAAS,EAAE,CAXJ;AAYPR,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AAZP;AAZR;AAZc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Blur View\",\n tag: \"BlurView\",\n description: \"Expo Blur View\",\n doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n code_link: \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n category: COMPONENT_TYPES.layout,\n layout: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: 0,\n },\n props: {\n tint: {\n label: \"Tint\",\n description: \"The tint of the blur view\",\n editable: true,\n required: true,\n defaultValue: \"default\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"default\", \"light\", \"dark\"],\n group: GROUPS.basic,\n },\n intensity: {\n label: \"Intensity\",\n description: \"A number from 1 to 100 that controls the intensity of the blur effect\",\n editable: true,\n required: true,\n defaultValue: 50,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n group: GROUPS.basic,\n },\n },\n};\n"]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, GROUPS, createBoolProp, createTextProp, createNumberProp } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = [{
|
|
3
|
+
name: "Table",
|
|
4
|
+
tag: "Table",
|
|
5
|
+
category: COMPONENT_TYPES.container,
|
|
6
|
+
layout: {
|
|
7
|
+
width: "100%"
|
|
8
|
+
},
|
|
9
|
+
props: {}
|
|
10
|
+
}, {
|
|
11
|
+
name: "Table Row",
|
|
12
|
+
tag: "TableRow",
|
|
13
|
+
category: COMPONENT_TYPES.container,
|
|
14
|
+
layout: {
|
|
15
|
+
paddingLeft: 16,
|
|
16
|
+
paddingRight: 16,
|
|
17
|
+
borderBottomWidth: 1,
|
|
18
|
+
borderStyle: "solid"
|
|
19
|
+
},
|
|
20
|
+
props: {}
|
|
21
|
+
}, {
|
|
22
|
+
name: "Table Cell",
|
|
23
|
+
tag: "TableCell",
|
|
24
|
+
category: COMPONENT_TYPES.container,
|
|
25
|
+
layout: {
|
|
26
|
+
paddingTop: 16,
|
|
27
|
+
paddingBottom: 16,
|
|
28
|
+
paddingLeft: 8,
|
|
29
|
+
paddingRight: 8
|
|
30
|
+
},
|
|
31
|
+
props: {
|
|
32
|
+
numeric: createBoolProp({
|
|
33
|
+
label: "Is Numeric Cell?",
|
|
34
|
+
description: "Does the cell contain a numeric value?",
|
|
35
|
+
group: GROUPS.data
|
|
36
|
+
}),
|
|
37
|
+
value: createTextProp({
|
|
38
|
+
label: "Cell Value",
|
|
39
|
+
description: "Table Cell Value",
|
|
40
|
+
group: GROUPS.data
|
|
41
|
+
})
|
|
42
|
+
}
|
|
43
|
+
}, {
|
|
44
|
+
name: "Table Header",
|
|
45
|
+
tag: "TableHeader",
|
|
46
|
+
category: COMPONENT_TYPES.container,
|
|
47
|
+
layout: {
|
|
48
|
+
paddingLeft: 16,
|
|
49
|
+
paddingRight: 16,
|
|
50
|
+
borderBottomWidth: 1,
|
|
51
|
+
borderStyle: "solid",
|
|
52
|
+
backgroundColor: "#EFEFEF"
|
|
53
|
+
},
|
|
54
|
+
props: {}
|
|
55
|
+
}, {
|
|
56
|
+
name: "Table Title",
|
|
57
|
+
tag: "TableTitle",
|
|
58
|
+
category: COMPONENT_TYPES.container,
|
|
59
|
+
layout: {
|
|
60
|
+
fontSize: 14,
|
|
61
|
+
fontWeight: "500",
|
|
62
|
+
paddingTop: 16,
|
|
63
|
+
paddingBottom: 16,
|
|
64
|
+
paddingLeft: 8,
|
|
65
|
+
paddingRight: 8
|
|
66
|
+
},
|
|
67
|
+
props: {
|
|
68
|
+
numeric: createBoolProp({
|
|
69
|
+
label: "Is Numeric Cell?",
|
|
70
|
+
description: "Does the cell contain a numeric value?",
|
|
71
|
+
group: GROUPS.data
|
|
72
|
+
}),
|
|
73
|
+
value: createTextProp({
|
|
74
|
+
label: "Cell Value",
|
|
75
|
+
description: "Table Cell Value",
|
|
76
|
+
group: GROUPS.data
|
|
77
|
+
}),
|
|
78
|
+
isAscending: createBoolProp({
|
|
79
|
+
label: "Is Ascending?",
|
|
80
|
+
description: "Does the cell contain a numeric value?",
|
|
81
|
+
group: GROUPS.data
|
|
82
|
+
}),
|
|
83
|
+
numberOfLines: createNumberProp({
|
|
84
|
+
label: "Number of Lines",
|
|
85
|
+
description: "Number of Lines",
|
|
86
|
+
group: GROUPS.basic
|
|
87
|
+
})
|
|
88
|
+
}
|
|
89
|
+
}];
|
|
90
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Table.js"],"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createTextProp","createNumberProp","SEED_DATA","name","tag","category","container","layout","width","props","paddingLeft","paddingRight","borderBottomWidth","borderStyle","paddingTop","paddingBottom","numeric","label","description","group","data","value","backgroundColor","fontSize","fontWeight","isAscending","numberOfLines","basic"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createBoolProp,\n createTextProp,\n createNumberProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Table\",\n tag: \"Table\",\n category: COMPONENT_TYPES.container,\n layout: {\n width: \"100%\",\n },\n props: {},\n },\n {\n name: \"Table Row\",\n tag: \"TableRow\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingLeft: 16,\n paddingRight: 16,\n borderBottomWidth: 1,\n borderStyle: \"solid\",\n },\n props: {},\n },\n {\n name: \"Table Cell\",\n tag: \"TableCell\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingTop: 16,\n paddingBottom: 16,\n paddingLeft: 8,\n paddingRight: 8,\n },\n props: {\n numeric: createBoolProp({\n label: \"Is Numeric Cell?\",\n description: \"Does the cell contain a numeric value?\",\n group: GROUPS.data,\n }),\n value: createTextProp({\n label: \"Cell Value\",\n description: \"Table Cell Value\",\n group: GROUPS.data,\n }),\n },\n },\n {\n name: \"Table Header\",\n tag: \"TableHeader\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingLeft: 16,\n paddingRight: 16,\n borderBottomWidth: 1,\n borderStyle: \"solid\",\n backgroundColor: \"#EFEFEF\",\n },\n props: {},\n },\n {\n name: \"Table Title\",\n tag: \"TableTitle\",\n category: COMPONENT_TYPES.container,\n layout: {\n fontSize: 14,\n fontWeight: \"500\",\n paddingTop: 16,\n paddingBottom: 16,\n paddingLeft: 8,\n paddingRight: 8,\n },\n props: {\n numeric: createBoolProp({\n label: \"Is Numeric Cell?\",\n description: \"Does the cell contain a numeric value?\",\n group: GROUPS.data,\n }),\n value: createTextProp({\n label: \"Cell Value\",\n description: \"Table Cell Value\",\n group: GROUPS.data,\n }),\n isAscending: createBoolProp({\n label: \"Is Ascending?\",\n description: \"Does the cell contain a numeric value?\",\n group: GROUPS.data,\n }),\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines\",\n group: GROUPS.basic,\n }),\n },\n },\n];\n"]}
|
package/lib/module/utilities.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native";
|
|
2
|
-
import
|
|
2
|
+
import omitBy from "lodash/omitBy";
|
|
3
|
+
import isNil from "lodash/isNil";
|
|
3
4
|
export function extractStyles(style) {
|
|
4
5
|
const {
|
|
5
6
|
color,
|
|
@@ -29,8 +30,8 @@ export function extractStyles(style) {
|
|
|
29
30
|
textDecorationStyle
|
|
30
31
|
};
|
|
31
32
|
return {
|
|
32
|
-
viewStyles,
|
|
33
|
-
textStyles
|
|
33
|
+
viewStyles: omitBy(viewStyles, isNil),
|
|
34
|
+
textStyles: omitBy(textStyles, isNil)
|
|
34
35
|
};
|
|
35
36
|
}
|
|
36
37
|
/**
|
|
@@ -61,15 +62,4 @@ export function applyStyles(baseStyles, stylesToApply) {
|
|
|
61
62
|
|
|
62
63
|
return flattenedStyles;
|
|
63
64
|
}
|
|
64
|
-
export function getValueForRadioButton(value) {
|
|
65
|
-
if (isString(value)) {
|
|
66
|
-
return value;
|
|
67
|
-
} else if (isNumber(value)) {
|
|
68
|
-
return String(value);
|
|
69
|
-
} else if (value === undefined) {
|
|
70
|
-
return undefined;
|
|
71
|
-
} else {
|
|
72
|
-
throw new Error(`Invalid value: ${value}`);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
65
|
//# sourceMappingURL=utilities.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["utilities.ts"],"names":["StyleSheet","
|
|
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"]}
|
|
@@ -5,9 +5,9 @@ export declare type RadioButtonProps = {
|
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
color?: string;
|
|
8
|
-
value?: string
|
|
8
|
+
value?: string;
|
|
9
9
|
unselectedColor?: string;
|
|
10
|
-
onPress?: (
|
|
10
|
+
onPress?: () => void;
|
|
11
11
|
style?: StyleProp<ViewStyle>;
|
|
12
12
|
size?: number;
|
|
13
13
|
selectedIcon?: string;
|
|
@@ -8,7 +8,7 @@ export declare enum Direction {
|
|
|
8
8
|
}
|
|
9
9
|
export interface RadioButtonRowProps extends Omit<RadioButtonProps, "onPress"> {
|
|
10
10
|
label: string | React.ReactNode;
|
|
11
|
-
value: string
|
|
11
|
+
value: string;
|
|
12
12
|
color?: string;
|
|
13
13
|
unselectedColor?: string;
|
|
14
14
|
labelContainerStyle: StyleProp<ViewStyle>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as Table } from "./table";
|
|
2
|
+
export { default as TableHeader } from "./tableHeader";
|
|
3
|
+
export { default as TablePaginator } from "./tablePaginator";
|
|
4
|
+
export { default as TableRow } from "./tableRow";
|
|
5
|
+
export { default as TableCell } from "./tableCell";
|
|
6
|
+
export { default as TableTitle } from "./tableTitle";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
+
export interface TableProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
declare const Table: ({ children, style, ...rest }: TableProps) => JSX.Element;
|
|
8
|
+
export default Table;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
+
export interface TableCellProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
numeric?: boolean;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
value: string;
|
|
8
|
+
}
|
|
9
|
+
declare const TableCell: ({ children, style, numeric, value, ...rest }: TableCellProps) => JSX.Element;
|
|
10
|
+
export default TableCell;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
+
import { Theme } from "../../styles/DefaultTheme";
|
|
4
|
+
export interface TableHeaderProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
theme: Theme;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<TableHeaderProps, "theme"> & {
|
|
10
|
+
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
11
|
+
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<TableHeaderProps> & (({ children, style, theme, ...rest }: TableHeaderProps) => JSX.Element), {}>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
+
import { Theme } from "../../styles/DefaultTheme";
|
|
4
|
+
export interface TableRowProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
theme: Theme;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<TableRowProps, "theme"> & {
|
|
10
|
+
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
11
|
+
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<TableRowProps> & (({ children, style, theme, ...rest }: TableRowProps) => JSX.Element), {}>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
+
export interface TableCellProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
numeric?: boolean;
|
|
6
|
+
isAscending: boolean;
|
|
7
|
+
numberOfLines?: number;
|
|
8
|
+
title?: string;
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
declare const TableTitle: ({ children, style, numeric, isAscending, numberOfLines, title, ...rest }: TableCellProps) => JSX.Element;
|
|
12
|
+
export default TableTitle;
|
|
@@ -29,6 +29,7 @@ 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";
|
|
32
33
|
export { default as Button } from "./components/DeprecatedButton";
|
|
33
34
|
export { default as CardBlock } from "./components/CardBlock";
|
|
34
35
|
export { default as CardContainer } from "./components/CardContainer";
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="lodash" />
|
|
2
|
+
import { StyleProp } from "react-native";
|
|
2
3
|
export declare function extractStyles(style: StyleProp<any>): {
|
|
3
|
-
viewStyles: any
|
|
4
|
-
textStyles:
|
|
4
|
+
viewStyles: Partial<any>;
|
|
5
|
+
textStyles: import("lodash").Dictionary<any>;
|
|
5
6
|
};
|
|
6
7
|
/**
|
|
7
8
|
* Merges a style object on top of another style object. In React Native,
|
|
@@ -16,4 +17,3 @@ export declare function extractStyles(style: StyleProp<any>): {
|
|
|
16
17
|
* `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
|
|
17
18
|
*/
|
|
18
19
|
export declare function applyStyles(baseStyles: Array<StyleProp<any>>, stylesToApply: StyleProp<any> | undefined): any;
|
|
19
|
-
export declare function getValueForRadioButton(value?: string | number): string | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.4.5-
|
|
3
|
+
"version": "43.4.5-4e19aa.1+4e19aa2d",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "4e19aa2dc581db7d80d897af2f3bf5e3f3d240d8"
|
|
84
84
|
}
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import Config from "../Config";
|
|
3
3
|
import IconButton from "../IconButton";
|
|
4
|
-
import { getValueForRadioButton } from "../../utilities";
|
|
5
4
|
import { useRadioButtonGroupContext } from "./context";
|
|
6
|
-
const RadioButton = ({ Icon, disabled = false, color, value, selected, unselectedColor, onPress, size = Config.radioButtonSize, selectedIcon = "MaterialIcons/radio-button-checked", unselectedIcon = "MaterialIcons/radio-button-unchecked", style, ...rest }) => {
|
|
5
|
+
const RadioButton = ({ Icon, disabled = false, color, value, selected, unselectedColor, onPress = () => { }, size = Config.radioButtonSize, selectedIcon = "MaterialIcons/radio-button-checked", unselectedIcon = "MaterialIcons/radio-button-unchecked", style, ...rest }) => {
|
|
7
6
|
const { value: contextValue, onValueChange } = useRadioButtonGroupContext();
|
|
8
|
-
const realValue = getValueForRadioButton(value);
|
|
9
|
-
const realContextValue = getValueForRadioButton(contextValue);
|
|
10
|
-
const isSelected = selected ??
|
|
11
|
-
(realContextValue && realValue && realContextValue === realValue);
|
|
12
7
|
const handlePress = () => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
onValueChange
|
|
8
|
+
onPress && onPress();
|
|
9
|
+
if (onValueChange && value) {
|
|
10
|
+
onValueChange(value);
|
|
16
11
|
}
|
|
17
12
|
};
|
|
13
|
+
const isSelected = selected || (contextValue != null && contextValue === value);
|
|
18
14
|
return (React.createElement(IconButton, { Icon: Icon, icon: isSelected ? selectedIcon : unselectedIcon, color: isSelected ? color : unselectedColor, disabled: disabled, onPress: handlePress, size: size, style: style, ...rest }));
|
|
19
15
|
};
|
|
20
16
|
export default RadioButton;
|