@draftbit/core 43.2.3-ab8de6.0 → 43.2.3-bd5c77.0

package/src/mappings/TabView.ts

@@ -0,0 +1,80 @@
+import {
+  COMPONENT_TYPES,
+  createTextProp,
+  createTextEnumProp,
+  createBoolProp,
+  createColorProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = [
+  {
+    name: "TabView",
+    tag: "TabView",
+    category: COMPONENT_TYPES.container,
+    layout: {},
+    props: {
+      tabBarPosition: createTextEnumProp({
+        label: "Tab Bar Position",
+        description: "Tab Bar Position",
+        options: ["top", "bottom"],
+        defaultValue: "top",
+      }),
+      keyboardDismissMode: createTextEnumProp({
+        label: "Keyboard Dismiss Mode",
+        description: "Keyboard Dismiss Mode",
+        options: ["auto", "on-drag", "none"],
+        defaultValue: "auto",
+      }),
+      swipeEnabled: createBoolProp({
+        label: "Swipe Enabled",
+        description: "Swipe Enabled",
+        defaultValue: true,
+      }),
+      scrollEnabled: createBoolProp({
+        label: "Scroll Enabled",
+        description: "Scroll Enabled",
+        defaultValue: true,
+      }),
+      activeColor: createColorProp({
+        label: "Active Color",
+        description: "Active Color",
+        defaultValue: "primary",
+      }),
+      inactiveColor: createColorProp({
+        label: "Inactive Color",
+        description: "Inactive Color",
+        defaultValue: null,
+      }),
+      pressColor: createColorProp({
+        label: "Press Color",
+        description: "Press Color",
+        defaultValue: null,
+      }),
+      indicatorColor: createColorProp({
+        label: "Indicator Color",
+        description: "Indicator Color",
+        defaultValue: null,
+      }),
+    },
+  },
+  {
+    name: "TabViewItem",
+    tag: "TabViewItem",
+    category: COMPONENT_TYPES.container,
+    layout: {},
+    props: {
+      title: createTextProp({
+        label: "Title",
+        description: "Tab Title",
+      }),
+      id: createTextProp({
+        label: "Id",
+        description: "Tab Id",
+      }),
+      accessibilityLabel: createTextProp({
+        label: "Accessibility Label",
+        description: "Accessibility Label",
+      }),
+    },
+  },
+];

package/src/utilities.js

@@ -1,6 +1,4 @@
 import { StyleSheet } from "react-native";
-import omitBy from "lodash/omitBy";
-import isNil from "lodash/isNil";
 export function extractStyles(style) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
     const textStyles = {
@@ -16,10 +14,7 @@ export function extractStyles(style) {
         textDecorationColor,
         textDecorationStyle,
     };
-    return {
-        viewStyles: omitBy(viewStyles, isNil),
-        textStyles: omitBy(textStyles, isNil),
-    };
+    return { viewStyles, textStyles };
 }
 /**
  * Merges a style object on top of another style object. In React Native,

package/src/utilities.ts

@@ -1,6 +1,4 @@
 import { StyleSheet, StyleProp, TextStyle } from "react-native";
-import omitBy from "lodash/omitBy";
-import isNil from "lodash/isNil";
 
 export function extractStyles(style: StyleProp<any>) {
   const {
@@ -32,10 +30,7 @@ export function extractStyles(style: StyleProp<any>) {
     textDecorationStyle,
   };
 
-  return {
-    viewStyles: omitBy(viewStyles, isNil),
-    textStyles: omitBy(textStyles, isNil),
-  };
+  return { viewStyles, textStyles };
 }
 
 /**

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

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () {
-    return _table.default;
-  }
-});
-Object.defineProperty(exports, "TableCell", {
-  enumerable: true,
-  get: function () {
-    return _tableCell.default;
-  }
-});
-Object.defineProperty(exports, "TableHeader", {
-  enumerable: true,
-  get: function () {
-    return _tableHeader.default;
-  }
-});
-Object.defineProperty(exports, "TablePaginator", {
-  enumerable: true,
-  get: function () {
-    return _tablePaginator.default;
-  }
-});
-Object.defineProperty(exports, "TableRow", {
-  enumerable: true,
-  get: function () {
-    return _tableRow.default;
-  }
-});
-Object.defineProperty(exports, "TableTitle", {
-  enumerable: true,
-  get: function () {
-    return _tableTitle.default;
-  }
-});
-
-var _table = _interopRequireDefault(require("./table"));
-
-var _tableHeader = _interopRequireDefault(require("./tableHeader"));
-
-var _tablePaginator = _interopRequireDefault(require("./tablePaginator"));
-
-var _tableRow = _interopRequireDefault(require("./tableRow"));
-
-var _tableCell = _interopRequireDefault(require("./tableCell"));
-
-var _tableTitle = _interopRequireDefault(require("./tableTitle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Table/index.js.map

@@ -1 +0,0 @@
-{"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"]}

package/lib/commonjs/components/Table/table.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const Table = _ref => {
-  let {
-    children,
-    style,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
-    style: [styles.wrapper, style]
-  }), children);
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    display: "flex",
-    flexDirection: "column"
-  }
-});
-
-var _default = Table;
-exports.default = _default;
-//# sourceMappingURL=table.js.map

package/lib/commonjs/components/Table/table.js.map

@@ -1 +0,0 @@
-{"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"]}

package/lib/commonjs/components/Table/tableCell.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const TableCell = _ref => {
-  let {
-    children,
-    style,
-    numeric,
-    value,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
-    style: [styles.wrapper, numeric && styles.right, style]
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    numberOfLines: 1
-  }, children, value));
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    flex: 1,
-    display: "flex",
-    flexDirection: "row"
-  },
-  right: {
-    justifyContent: "flex-end"
-  }
-});
-
-var _default = TableCell;
-exports.default = _default;
-//# sourceMappingURL=tableCell.js.map

package/lib/commonjs/components/Table/tableCell.js.map

@@ -1 +0,0 @@
-{"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"]}

package/lib/commonjs/components/Table/tableHeader.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _theming = require("../../theming");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TableHeader = _ref => {
-  let {
-    children,
-    style,
-    theme,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...rest,
-    style: [styles.wrapper, {
-      borderBottomColor: theme.colors.medium
-    }, style]
-  }, children);
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    display: "flex",
-    flexDirection: "row"
-  }
-});
-
-var _default = (0, _theming.withTheme)(TableHeader);
-
-exports.default = _default;
-//# sourceMappingURL=tableHeader.js.maps.wrapper, {
-      borderBottomColor: theme.colors.medium
-    }, style]
-  }), children);
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    display: "flex",
-    flexDirection: "row"
-  }
-});
-
-var _default = (0, _theming.withTheme)(TableHeader);
-
-exports.default = _default;
-//# sourceMappingURL=tableHeader.js.map

package/lib/commonjs/components/Table/tableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tableHeader.js"],"names":["TableHeader","children","style","theme","rest","React","createElement","View","styles","wrapper","borderBottomColor","colors","medium","StyleSheet","create","display","flexDirection"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,WAAW,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBAA0CC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B,EAAE,GAAGH,IAAL;AAAWF,IAAAA,KAAK,EAAE,CAACM,MAAM,CAACC,OAAR,EAAiB;AAAEC,MAAAA,iBAAiB,EAAEP,KAAK,CAACQ,MAAN,CAAaC;AAAlC,KAAjB,EAA6DV,KAA7D;AAAlB,GAA1B,EAAmHD,QAAnH,CAA1C;AAAA,CAApB;;AACA,MAAMO,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC7BL,EAAAA,OAAO,EAAE;AACLM,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,aAAa,EAAE;AAFV;AADoB,CAAlB,CAAf;;eAMe,wBAAUhB,WAAV,C","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { withTheme } from \"../../theming\";\nconst TableHeader = ({ children, style, theme, ...rest }) => (React.createElement(View, { ...rest, style: [styles.wrapper, { borderBottomColor: theme.colors.medium }, style] }, children));\nconst styles = StyleSheet.create({\n    wrapper: {\n        display: \"flex\",\n        flexDirection: \"row\",\n    },\n});\nexport default withTheme(TableHeader);\n"]}

package/lib/commonjs/components/Table/tablePaginator.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
-
-var _default = TablePaginator;
-exports.default = _default;
-//# sourceMappingURL=tablePaginator.js.map

package/lib/commonjs/components/Table/tablePaginator.js.map

@@ -1 +0,0 @@
-{"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"]}

package/lib/commonjs/components/Table/tableRow.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _theming = require("../../theming");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const TableRow = _ref => {
-  let {
-    children,
-    style,
-    theme,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
-    style: [styles.container, {
-      borderBottomColor: theme.colors.light
-    }, style]
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.content
-  }, children));
-};
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    display: "flex",
-    flexDirection: "row"
-  },
-  content: {
-    flex: 1,
-    flexDirection: "row"
-  }
-});
-
-var _default = (0, _theming.withTheme)(TableRow);
-
-exports.default = _default;
-//# sourceMappingURL=tableRow.js.map

package/lib/commonjs/components/Table/tableRow.js.map

@@ -1 +0,0 @@
-{"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"]}

package/lib/commonjs/components/Table/tableTitle.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _utilities = require("../../utilities");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const TableTitle = _ref => {
-  let {
-    children,
-    style,
-    numeric = false,
-    isAscending = false,
-    numberOfLines = 1,
-    title,
-    ...rest
-  } = _ref;
-  const {
-    textStyles,
-    viewStyles
-  } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
-    style: [styles.wrapper, numeric && styles.right, viewStyles]
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [isAscending ? styles.sorted : {
-      color: "gray"
-    }, textStyles],
-    numberOfLines: numberOfLines
-  }, children, title));
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    flex: 1,
-    display: "flex",
-    flexDirection: "row"
-  },
-  right: {
-    justifyContent: "flex-end"
-  },
-  sorted: {// marginLeft: 8,
-  },
-  icon: {
-    height: 24,
-    justifyContent: "center"
-  }
-});
-
-var _default = TableTitle;
-exports.default = _default;
-//# sourceMappingURL=tableTitle.js.map

package/lib/commonjs/components/Table/tableTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tableTitle.tsx"],"names":["TableTitle","children","style","numeric","isAscending","numberOfLines","title","rest","textStyles","viewStyles","styles","wrapper","right","sorted","color","StyleSheet","create","flex","display","flexDirection","justifyContent","icon","height"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAWA,MAAMA,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,MAA6B,8BAAcP,KAAd,CAAnC;AAEA,sBACE,6BAAC,iBAAD,eACMK,IADN;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,OAAR,EAAiBR,OAAO,IAAIO,MAAM,CAACE,KAAnC,EAA0CH,UAA1C;AAFT,mBAIE,6BAAC,iBAAD;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,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,OAAO,EAAE;AACPM,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,OAAO,EAAE,MAFF;AAGPC,IAAAA,aAAa,EAAE;AAHR,GADsB;AAM/BP,EAAAA,KAAK,EAAE;AACLQ,IAAAA,cAAc,EAAE;AADX,GANwB;AAS/BP,EAAAA,MAAM,EAAE,CACN;AADM,GATuB;AAY/BQ,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EADJ;AAEJF,IAAAA,cAAc,EAAE;AAFZ;AAZyB,CAAlB,CAAf;;eAkBepB,U","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/commonjs/mappings/Table.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA = [{
-  name: "Table",
-  tag: "Table",
-  category: _types.COMPONENT_TYPES.container,
-  layout: {
-    width: "100%"
-  },
-  props: {}
-}, {
-  name: "Table Row",
-  tag: "TableRow",
-  category: _types.COMPONENT_TYPES.container,
-  layout: {
-    paddingLeft: 16,
-    paddingRight: 16,
-    borderBottomWidth: 1,
-    borderStyle: "solid"
-  },
-  props: {}
-}, {
-  name: "Table Cell",
-  tag: "TableCell",
-  category: _types.COMPONENT_TYPES.container,
-  layout: {
-    paddingTop: 16,
-    paddingBottom: 16,
-    paddingLeft: 8,
-    paddingRight: 8
-  },
-  props: {
-    numeric: (0, _types.createBoolProp)({
-      label: "Is Numeric Cell?",
-      description: "Does the cell contain a numeric value?",
-      group: _types.GROUPS.data
-    }),
-    value: (0, _types.createTextProp)({
-      label: "Cell Value",
-      description: "Table Cell Value",
-      group: _types.GROUPS.data
-    })
-  }
-}, {
-  name: "Table Header",
-  tag: "TableHeader",
-  category: _types.COMPONENT_TYPES.container,
-  layout: {
-    paddingLeft: 16,
-    paddingRight: 16,
-    borderBottomWidth: 1,
-    borderStyle: "solid",
-    backgroundColor: "#EFEFEF"
-  },
-  props: {}
-}, {
-  name: "Table Title",
-  tag: "TableTitle",
-  category: _types.COMPONENT_TYPES.container,
-  layout: {
-    fontSize: 14,
-    fontWeight: "500",
-    paddingTop: 16,
-    paddingBottom: 16,
-    paddingLeft: 8,
-    paddingRight: 8
-  },
-  props: {
-    numeric: (0, _types.createBoolProp)({
-      label: "Is Numeric Cell?",
-      description: "Does the cell contain a numeric value?",
-      group: _types.GROUPS.data
-    }),
-    value: (0, _types.createTextProp)({
-      label: "Cell Value",
-      description: "Table Cell Value",
-      group: _types.GROUPS.data
-    }),
-    isAscending: (0, _types.createBoolProp)({
-      label: "Is Ascending?",
-      description: "Does the cell contain a numeric value?",
-      group: _types.GROUPS.data
-    }),
-    numberOfLines: (0, _types.createNumberProp)({
-      label: "Number of Lines",
-      description: "Number of Lines",
-      group: _types.GROUPS.basic
-    })
-  }
-}];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Table.js.map

package/lib/commonjs/mappings/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Table.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","container","layout","width","props","paddingLeft","paddingRight","borderBottomWidth","borderStyle","paddingTop","paddingBottom","numeric","label","description","group","GROUPS","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/components/Table/index.js

@@ -1,7 +0,0 @@
-export { default as Table } from "./table";
-export { default as TableHeader } from "./tableHeader";
-export { default as TablePaginator } from "./tablePaginator";
-export { default as TableRow } from "./tableRow";
-export { default as TableCell } from "./tableCell";
-export { default as TableTitle } from "./tableTitle";
-//# sourceMappingURL=index.js.map

package/lib/module/components/Table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["default","Table","TableHeader","TablePaginator","TableRow","TableCell","TableTitle"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,eAAvC;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C;AACA,SAASH,OAAO,IAAII,QAApB,QAAoC,YAApC;AACA,SAASJ,OAAO,IAAIK,SAApB,QAAqC,aAArC;AACA,SAASL,OAAO,IAAIM,UAApB,QAAsC,cAAtC","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"]}

package/lib/module/components/Table/table.js

@@ -1,24 +0,0 @@
-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); }
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-
-const Table = _ref => {
-  let {
-    children,
-    style,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
-    style: [styles.wrapper, style]
-  }), children);
-};
-
-const styles = StyleSheet.create({
-  wrapper: {
-    display: "flex",
-    flexDirection: "column"
-  }
-});
-export default Table;
-//# sourceMappingURL=table.js.map

package/lib/module/components/Table/table.js.map

@@ -1 +0,0 @@
-{"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"]}