@draftbit/core 43.2.4-aa029f.0 → 43.2.5-da45ce.0

package/lib/module/mappings/MapMarker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MapMarker.js"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","basic","pinColor"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,cAA1B,EAA0CC,eAA1C,EAA2DC,gBAA3D,EAA6EC,cAA7E,EAA6FC,MAA7F,QAA4G,iBAA5G;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,YADe;AAErBC,EAAAA,GAAG,EAAE,WAFgB;AAGrBC,EAAAA,WAAW,EAAE,kCAHQ;AAIrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,QAAQ,EAAEX,gBAAgB,CAAC;AACvBY,MAAAA,KAAK,EAAE,UADgB;AAEvBN,MAAAA,WAAW,EAAE,6CAFU;AAGvBO,MAAAA,QAAQ,EAAE,IAHa;AAIvBC,MAAAA,SAAS,EAAE,CAJY;AAKvBC,MAAAA,GAAG,EAAE,CAAC,EALiB;AAMvBC,MAAAA,GAAG,EAAE;AANkB,KAAD,CADvB;AASHC,IAAAA,SAAS,EAAEjB,gBAAgB,CAAC;AACxBY,MAAAA,KAAK,EAAE,WADiB;AAExBN,MAAAA,WAAW,EAAE,8CAFW;AAGxBO,MAAAA,QAAQ,EAAE,IAHc;AAIxBC,MAAAA,SAAS,EAAE,CAJa;AAKxBC,MAAAA,GAAG,EAAE,CAAC,GALkB;AAMxBC,MAAAA,GAAG,EAAE;AANmB,KAAD,CATxB;AAiBHE,IAAAA,KAAK,EAAEjB,cAAc,CAAC;AAClBW,MAAAA,KAAK,EAAE,OADW;AAElBN,MAAAA,WAAW,EAAE,qCAFK;AAGlBa,MAAAA,YAAY,EAAE;AAHI,KAAD,CAjBlB;AAsBHb,IAAAA,WAAW,EAAEL,cAAc,CAAC;AACxBW,MAAAA,KAAK,EAAE,aADiB;AAExBN,MAAAA,WAAW,EAAE,qCAFW;AAGxBa,MAAAA,YAAY,EAAE;AAHU,KAAD,CAtBxB;AA2BHC,IAAAA,IAAI,EAAEtB,cAAc,CAAC;AACjBc,MAAAA,KAAK,EAAE,MADU;AAEjBN,MAAAA,WAAW,EAAE,+GAFI;AAGjBe,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,KAHG;AAIjBH,MAAAA,YAAY,EAAE;AAJG,KAAD,CA3BjB;AAiCHI,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACtBa,MAAAA,KAAK,EAAE,WADe;AAEtBN,MAAAA,WAAW,EAAE;AAFS,KAAD;AAjCtB;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Map Marker\",\n    tag: \"MapMarker\",\n    description: \"A marker to show inside map view\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {},\n    props: {\n        latitude: createNumberProp({\n            label: \"Latitude\",\n            description: \"The latitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -90,\n            max: 90,\n        }),\n        longitude: createNumberProp({\n            label: \"Longitude\",\n            description: \"The longitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -180,\n            max: 180,\n        }),\n        title: createTextProp({\n            label: \"Title\",\n            description: \"Title to show along with the marker\",\n            defaultValue: null,\n        }),\n        description: createTextProp({\n            label: \"Description\",\n            description: \"Optional description for the marker\",\n            defaultValue: null,\n        }),\n        flat: createBoolProp({\n            label: \"Flat\",\n            description: \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n            group: GROUPS.basic,\n            defaultValue: false,\n        }),\n        pinColor: createColorProp({\n            label: \"Pin Color\",\n            description: \"Sets the color of the marker\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["MapMarker.ts"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","basic","pinColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,eAHF,EAIEC,gBAJF,EAKEC,cALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEX,gBAAgB,CAAC;AACzBY,MAAAA,KAAK,EAAE,UADkB;AAEzBN,MAAAA,WAAW,EAAE,6CAFY;AAGzBO,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAD,CADrB;AASLC,IAAAA,SAAS,EAAEjB,gBAAgB,CAAC;AAC1BY,MAAAA,KAAK,EAAE,WADmB;AAE1BN,MAAAA,WAAW,EAAE,8CAFa;AAG1BO,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAD,CATtB;AAiBLE,IAAAA,KAAK,EAAEjB,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE,OADa;AAEpBN,MAAAA,WAAW,EAAE,qCAFO;AAGpBa,MAAAA,YAAY,EAAE;AAHM,KAAD,CAjBhB;AAsBLb,IAAAA,WAAW,EAAEL,cAAc,CAAC;AAC1BW,MAAAA,KAAK,EAAE,aADmB;AAE1BN,MAAAA,WAAW,EAAE,qCAFa;AAG1Ba,MAAAA,YAAY,EAAE;AAHY,KAAD,CAtBtB;AA2BLC,IAAAA,IAAI,EAAEtB,cAAc,CAAC;AACnBc,MAAAA,KAAK,EAAE,MADY;AAEnBN,MAAAA,WAAW,EACT,+GAHiB;AAInBe,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,KAJK;AAKnBH,MAAAA,YAAY,EAAE;AALK,KAAD,CA3Bf;AAkCLI,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBa,MAAAA,KAAK,EAAE,WADiB;AAExBN,MAAAA,WAAW,EAAE;AAFW,KAAD;AAlCpB;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"]}

package/lib/typescript/src/components/NumberInput.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface Props {
-    defaultValue?: string;
+    value?: number;
+    defaultValue?: number;
     onChangeText: (value?: number) => void;
 }
 declare const NumberInput: React.FC<Props>;

package/lib/typescript/src/index.d.ts

@@ -27,7 +27,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 export { default as Button } from "./components/DeprecatedButton";

package/lib/typescript/src/mappings/FAB.d.ts

@@ -66,7 +66,7 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
-        iconSize: {
+        size: {
             group: string;
             label: string;
             description: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.2.4-aa029f.0+aa029f8e",
+  "version": "43.2.5-da45ce.0+da45ce1d",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^43.2.0",
+    "@draftbit/types": "^43.2.4",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -53,8 +53,6 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-pager-view": "^5.4.9",
-    "react-native-tab-view": "^3.1.1",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.1"
   },
@@ -81,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "aa029f8e3934e3717bc10f06e86131e0d9ef175d"
+  "gitHead": "da45ce1da13dea1a28b56ca96251dad30c9eaa5a"
 }

package/src/components/NumberInput.js

@@ -1,23 +1,28 @@
 import React from "react";
-import { TextInput as NativeNumberInput } from "react-native";
-const NumberInput = ({ defaultValue, onChangeText, ...props }) => {
-    const [internalValue, setInternalValue] = React.useState(defaultValue);
+import { TextInput } from "react-native";
+const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
+    const [isDecimal, setIsDecimal] = React.useState(value && !Number.isInteger(value));
     React.useEffect(() => {
-        if (defaultValue != null) {
-            setInternalValue(defaultValue);
+        if (value) {
+            setIsDecimal(value.toString().includes("."));
         }
-    }, [defaultValue]);
-    const handleChangeText = (value) => {
-        setInternalValue(value);
+    }, [value]);
+    const handleChangeText = (newValue) => {
         if (onChangeText) {
-            onChangeText(stringToInteger(value));
+            const parsedNumber = parseFloat(newValue);
+            const number = isNaN(parsedNumber) ? 0 : parsedNumber;
+            setIsDecimal(newValue.includes("."));
+            onChangeText(number);
         }
     };
-    return (React.createElement(NativeNumberInput, { keyboardType: "numeric", onChangeText: handleChangeText, ...props, value: internalValue }));
-};
-const stringToInteger = (str) => {
-    const number = parseFloat(str);
-    return isNaN(number) ? 0 : number;
+    let strValue;
+    if (value != undefined) {
+        strValue = value.toString();
+        if (isDecimal && !strValue.includes(".")) {
+            strValue = `${strValue}.`;
+        }
+    }
+    return (React.createElement(TextInput, { keyboardType: "numeric", ...props, value: strValue, defaultValue: defaultValue?.toString(), onChangeText: handleChangeText }));
 };
 export default NumberInput;
 // comment to try to fix sourcemap issue

package/src/components/NumberInput.tsx

@@ -1,46 +1,55 @@
 import React from "react";
-import { TextInput as NativeNumberInput } from "react-native";
+import { TextInput } from "react-native";
 
 interface Props {
-  defaultValue?: string;
+  value?: number;
+  defaultValue?: number;
   onChangeText: (value?: number) => void;
 }
 
 const NumberInput: React.FC<Props> = ({
-  defaultValue,
   onChangeText,
+  value,
+  defaultValue,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-
+  const [isDecimal, setIsDecimal] = React.useState(
+    value && !Number.isInteger(value)
+  );
   React.useEffect(() => {
-    if (defaultValue != null) {
-      setInternalValue(defaultValue);
+    if (value) {
+      setIsDecimal(value.toString().includes("."));
     }
-  }, [defaultValue]);
+  }, [value]);
 
-  const handleChangeText = (value: string) => {
-    setInternalValue(value);
+  const handleChangeText = (newValue: string) => {
     if (onChangeText) {
-      onChangeText(stringToInteger(value));
+      const parsedNumber = parseFloat(newValue);
+      const number = isNaN(parsedNumber) ? 0 : parsedNumber;
+      setIsDecimal(newValue.includes("."));
+      onChangeText(number);
     }
   };
 
+  let strValue;
+  if (value != undefined) {
+    strValue = value.toString();
+    if (isDecimal && !strValue.includes(".")) {
+      strValue = `${strValue}.`;
+    }
+  }
+
   return (
-    <NativeNumberInput
+    <TextInput
       keyboardType="numeric"
-      onChangeText={handleChangeText}
       {...props}
-      value={internalValue}
+      value={strValue}
+      defaultValue={defaultValue?.toString()}
+      onChangeText={handleChangeText}
     />
   );
 };
 
-const stringToInteger = (str: string | undefined): number => {
-  const number = parseFloat(str as string);
-  return isNaN(number) ? 0 : number;
-};
-
 export default NumberInput;
 
 // comment to try to fix sourcemap issue

package/src/index.js

@@ -27,7 +27,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */

package/src/index.tsx

@@ -32,7 +32,6 @@ export {
   ActionSheetCancel,
 } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 
 export {
   Center,

package/src/mappings/FAB.js

@@ -31,6 +31,6 @@ export const SEED_DATA = {
             defaultValue: null,
             group: GROUPS.basic,
         }),
-        iconSize: createIconSizeProp(),
+        size: createIconSizeProp(),
     },
 };

package/src/mappings/FAB.ts

@@ -41,6 +41,6 @@ export const SEED_DATA = {
       defaultValue: null,
       group: GROUPS.basic,
     }),
-    iconSize: createIconSizeProp(),
+    size: createIconSizeProp(),
   },
 };

package/lib/commonjs/components/TabView/TabView.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNativeTabView = require("react-native-tab-view");
-
-var _TabViewItem = _interopRequireDefault(require("./TabViewItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 TabViewComponent = _ref => {
-  let {
-    Icon,
-    tabBarPosition,
-    keyboardDismissMode,
-    swipeEnabled,
-    scrollEnabled,
-    activeColor,
-    inactiveColor,
-    pressColor,
-    indicatorColor,
-    style,
-    children
-  } = _ref;
-  const [index, setIndex] = React.useState(0);
-  const [routes, setRoutes] = React.useState([]);
-  const [tabScenes, setTabScenes] = React.useState({});
-  React.useEffect(() => {
-    const newRoutes = [];
-    const scenes = {};
-    React.Children.toArray(children).filter(child => child.type === _TabViewItem.default).forEach(child => {
-      var _child$props;
-
-      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
-        var _child$props2, _child$props3;
-
-        newRoutes.push({
-          key: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
-          ...(child === null || child === void 0 ? void 0 : child.props)
-        });
-
-        scenes[child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.id] = () => child;
-      }
-    });
-    setRoutes(newRoutes);
-    setTabScenes(scenes);
-  }, [children]);
-
-  const indexChangeHandler = i => setIndex(i);
-
-  const renderTabBar = props => {
-    console.log(props);
-    return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
-      activeColor: activeColor,
-      inactiveColor: inactiveColor,
-      pressColor: pressColor,
-      scrollEnabled: scrollEnabled,
-      indicatorStyle: {
-        backgroundColor: indicatorColor
-      },
-      renderIcon: _ref2 => {
-        let {
-          route,
-          color
-        } = _ref2;
-        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
-          name: route.icon,
-          color: color,
-          size: 36
-        }) : null;
-      },
-      style: style
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement(_reactNativeTabView.TabView, {
-    navigationState: {
-      index,
-      routes
-    },
-    renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
-    renderTabBar: renderTabBar,
-    onIndexChange: indexChangeHandler,
-    tabBarPosition: tabBarPosition,
-    keyboardDismissMode: keyboardDismissMode,
-    swipeEnabled: swipeEnabled
-  });
-};
-
-var _default = TabViewComponent;
-exports.default = _default;
-//# sourceMappingURL=TabView.js.map

package/lib/commonjs/components/TabView/TabView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabView.tsx"],"names":["TabViewComponent","Icon","tabBarPosition","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","style","children","index","setIndex","React","useState","routes","setRoutes","tabScenes","setTabScenes","useEffect","newRoutes","scenes","Children","toArray","filter","child","type","TabViewItem","forEach","props","id","push","key","indexChangeHandler","i","renderTabBar","console","log","backgroundColor","route","color","icon"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport { TabView, TabBar, SceneMap } from \"react-native-tab-view\";\n\n// import { withTheme } from \"../../theming\";\nimport TabViewItem from \"./TabViewItem\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\ntype TabBarPosition = \"top\" | \"bottom\";\ntype KeyboardDismissMode = \"none\" | \"auto\" | \"on-drag\";\n\ntype TabViewProps = {\n  tabBarPosition?: TabBarPosition;\n  keyboardDismissMode?: KeyboardDismissMode;\n  swipeEnabled?: boolean;\n  scrollEnabled?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  pressColor?: string;\n  indicatorColor?: string;\n  style?: StyleProp<TextStyle | ViewStyle>;\n  children: React.ReactNode;\n} & IconSlot;\n\nconst TabViewComponent = ({\n  Icon,\n  tabBarPosition,\n  keyboardDismissMode,\n  swipeEnabled,\n  scrollEnabled,\n  activeColor,\n  inactiveColor,\n  pressColor,\n  indicatorColor,\n  style,\n  children,\n}: TabViewProps) => {\n  const [index, setIndex] = React.useState(0);\n  const [routes, setRoutes] = React.useState([]);\n  const [tabScenes, setTabScenes] = React.useState({});\n\n  React.useEffect(() => {\n    const newRoutes: any = [];\n    const scenes: any = {};\n\n    React.Children.toArray(children)\n      .filter((child: any) => child.type === TabViewItem)\n      .forEach((child: any) => {\n        if (child?.props?.id) {\n          newRoutes.push({\n            key: child?.props?.id,\n            ...child?.props,\n          });\n          scenes[child?.props?.id] = () => child;\n        }\n      });\n\n    setRoutes(newRoutes);\n    setTabScenes(scenes);\n  }, [children]);\n\n  const indexChangeHandler = (i: any) => setIndex(i);\n\n  const renderTabBar = (props: any) => {\n    console.log(props);\n    return (\n      <TabBar\n        {...props}\n        activeColor={activeColor}\n        inactiveColor={inactiveColor}\n        pressColor={pressColor}\n        scrollEnabled={scrollEnabled}\n        indicatorStyle={{ backgroundColor: indicatorColor }}\n        renderIcon={({ route, color }) =>\n          route?.icon ? (\n            <Icon name={route.icon} color={color} size={36} />\n          ) : null\n        }\n        style={style}\n      />\n    );\n  };\n\n  return (\n    <TabView\n      navigationState={{ index, routes }}\n      renderScene={SceneMap(tabScenes)}\n      renderTabBar={renderTabBar}\n      onIndexChange={indexChangeHandler}\n      tabBarPosition={tabBarPosition}\n      keyboardDismissMode={keyboardDismissMode}\n      swipeEnabled={swipeEnabled}\n    />\n  );\n};\n\nexport default TabViewComponent;\n"]}

package/lib/commonjs/components/TabView/TabViewItem.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-const TabViewItem = _ref => {
-  let {
-    title,
-    id,
-    icon,
-    children,
-    accessibilityLabel
-  } = _ref;
-  console.log({
-    title,
-    id,
-    icon,
-    accessibilityLabel
-  });
-  return children;
-};
-
-var _default = TabViewItem;
-exports.default = _default;
-//# sourceMappingURL=TabViewItem.js.map

package/lib/commonjs/components/TabView/TabViewItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabViewItem.tsx"],"names":["TabViewItem","title","id","icon","children","accessibilityLabel","console","log"],"mappings":";;;;;;;AASA,MAAMA,WAAW,GAAG,QAMI;AAAA,MANH;AACnBC,IAAAA,KADmB;AAEnBC,IAAAA,EAFmB;AAGnBC,IAAAA,IAHmB;AAInBC,IAAAA,QAJmB;AAKnBC,IAAAA;AALmB,GAMG;AACtBC,EAAAA,OAAO,CAACC,GAAR,CAAY;AAAEN,IAAAA,KAAF;AAASC,IAAAA,EAAT;AAAaC,IAAAA,IAAb;AAAmBE,IAAAA;AAAnB,GAAZ;AACA,SAAOD,QAAP;AACD,CATD;;eAWeJ,W","sourcesContent":["import React from \"react\";\ninterface TabViewItemProps {\n  title: string;\n  id: string;\n  icon: string;\n  accessibilityLabel: string;\n  children: React.ReactNode;\n}\n\nconst TabViewItem = ({\n  title,\n  id,\n  icon,\n  children,\n  accessibilityLabel,\n}: TabViewItemProps) => {\n  console.log({ title, id, icon, accessibilityLabel });\n  return children;\n};\n\nexport default TabViewItem;\n"]}

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

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TabView", {
-  enumerable: true,
-  get: function () {
-    return _TabView.default;
-  }
-});
-Object.defineProperty(exports, "TabViewItem", {
-  enumerable: true,
-  get: function () {
-    return _TabViewItem.default;
-  }
-});
-
-var _TabView = _interopRequireDefault(require("./TabView"));
-
-var _TabViewItem = _interopRequireDefault(require("./TabViewItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as TabView } from \"./TabView\";\nexport { default as TabViewItem } from \"./TabViewItem\";\n"]}

package/lib/commonjs/mappings/TabView.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TabView.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","container","layout","props","tabBarPosition","label","description","options","defaultValue","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","title","id","accessibilityLabel"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,cAAc,EAAE,+BAAmB;AACjCC,MAAAA,KAAK,EAAE,kBAD0B;AAEjCC,MAAAA,WAAW,EAAE,kBAFoB;AAGjCC,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,QAAR,CAHwB;AAIjCC,MAAAA,YAAY,EAAE;AAJmB,KAAnB,CADX;AAOLC,IAAAA,mBAAmB,EAAE,+BAAmB;AACtCJ,MAAAA,KAAK,EAAE,uBAD+B;AAEtCC,MAAAA,WAAW,EAAE,uBAFyB;AAGtCC,MAAAA,OAAO,EAAE,CAAC,MAAD,EAAS,SAAT,EAAoB,MAApB,CAH6B;AAItCC,MAAAA,YAAY,EAAE;AAJwB,KAAnB,CAPhB;AAaLE,IAAAA,YAAY,EAAE,2BAAe;AAC3BL,MAAAA,KAAK,EAAE,eADoB;AAE3BC,MAAAA,WAAW,EAAE,eAFc;AAG3BE,MAAAA,YAAY,EAAE;AAHa,KAAf,CAbT;AAkBLG,IAAAA,aAAa,EAAE,2BAAe;AAC5BN,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,gBAFe;AAG5BE,MAAAA,YAAY,EAAE;AAHc,KAAf,CAlBV;AAuBLI,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE,cADoB;AAE3BC,MAAAA,WAAW,EAAE,cAFc;AAG3BE,MAAAA,YAAY,EAAE;AAHa,KAAhB,CAvBR;AA4BLK,IAAAA,aAAa,EAAE,4BAAgB;AAC7BR,MAAAA,KAAK,EAAE,gBADsB;AAE7BC,MAAAA,WAAW,EAAE,gBAFgB;AAG7BE,MAAAA,YAAY,EAAE;AAHe,KAAhB,CA5BV;AAiCLM,IAAAA,UAAU,EAAE,4BAAgB;AAC1BT,MAAAA,KAAK,EAAE,aADmB;AAE1BC,MAAAA,WAAW,EAAE,aAFa;AAG1BE,MAAAA,YAAY,EAAE;AAHY,KAAhB,CAjCP;AAsCLO,IAAAA,cAAc,EAAE,4BAAgB;AAC9BV,MAAAA,KAAK,EAAE,iBADuB;AAE9BC,MAAAA,WAAW,EAAE,iBAFiB;AAG9BE,MAAAA,YAAY,EAAE;AAHgB,KAAhB;AAtCX;AALT,CADuB,EAmDvB;AACEX,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLa,IAAAA,KAAK,EAAE,2BAAe;AACpBX,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE;AAFO,KAAf,CADF;AAKLW,IAAAA,EAAE,EAAE,2BAAe;AACjBZ,MAAAA,KAAK,EAAE,IADU;AAEjBC,MAAAA,WAAW,EAAE;AAFI,KAAf,CALC;AASLY,IAAAA,kBAAkB,EAAE,2BAAe;AACjCb,MAAAA,KAAK,EAAE,qBAD0B;AAEjCC,MAAAA,WAAW,EAAE;AAFoB,KAAf;AATf;AALT,CAnDuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createTextProp,\n  createTextEnumProp,\n  createBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"TabView\",\n    tag: \"TabView\",\n    category: COMPONENT_TYPES.container,\n    layout: {},\n    props: {\n      tabBarPosition: createTextEnumProp({\n        label: \"Tab Bar Position\",\n        description: \"Tab Bar Position\",\n        options: [\"top\", \"bottom\"],\n        defaultValue: \"top\",\n      }),\n      keyboardDismissMode: createTextEnumProp({\n        label: \"Keyboard Dismiss Mode\",\n        description: \"Keyboard Dismiss Mode\",\n        options: [\"auto\", \"on-drag\", \"none\"],\n        defaultValue: \"auto\",\n      }),\n      swipeEnabled: createBoolProp({\n        label: \"Swipe Enabled\",\n        description: \"Swipe Enabled\",\n        defaultValue: true,\n      }),\n      scrollEnabled: createBoolProp({\n        label: \"Scroll Enabled\",\n        description: \"Scroll Enabled\",\n        defaultValue: true,\n      }),\n      activeColor: createColorProp({\n        label: \"Active Color\",\n        description: \"Active Color\",\n        defaultValue: \"primary\",\n      }),\n      inactiveColor: createColorProp({\n        label: \"Inactive Color\",\n        description: \"Inactive Color\",\n        defaultValue: null,\n      }),\n      pressColor: createColorProp({\n        label: \"Press Color\",\n        description: \"Press Color\",\n        defaultValue: null,\n      }),\n      indicatorColor: createColorProp({\n        label: \"Indicator Color\",\n        description: \"Indicator Color\",\n        defaultValue: null,\n      }),\n    },\n  },\n  {\n    name: \"TabViewItem\",\n    tag: \"TabViewItem\",\n    category: COMPONENT_TYPES.container,\n    layout: {},\n    props: {\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Tab Title\",\n      }),\n      id: createTextProp({\n        label: \"Id\",\n        description: \"Tab Id\",\n      }),\n      accessibilityLabel: createTextProp({\n        label: \"Accessibility Label\",\n        description: \"Accessibility Label\",\n      }),\n    },\n  },\n];\n"]}

package/lib/module/components/TabView/TabView.js

@@ -1,88 +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 * as React from "react";
-import { TabView, TabBar, SceneMap } from "react-native-tab-view"; // import { withTheme } from "../../theming";
-
-import TabViewItem from "./TabViewItem";
-
-const TabViewComponent = _ref => {
-  let {
-    Icon,
-    tabBarPosition,
-    keyboardDismissMode,
-    swipeEnabled,
-    scrollEnabled,
-    activeColor,
-    inactiveColor,
-    pressColor,
-    indicatorColor,
-    style,
-    children
-  } = _ref;
-  const [index, setIndex] = React.useState(0);
-  const [routes, setRoutes] = React.useState([]);
-  const [tabScenes, setTabScenes] = React.useState({});
-  React.useEffect(() => {
-    const newRoutes = [];
-    const scenes = {};
-    React.Children.toArray(children).filter(child => child.type === TabViewItem).forEach(child => {
-      var _child$props;
-
-      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
-        var _child$props2, _child$props3;
-
-        newRoutes.push({
-          key: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
-          ...(child === null || child === void 0 ? void 0 : child.props)
-        });
-
-        scenes[child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.id] = () => child;
-      }
-    });
-    setRoutes(newRoutes);
-    setTabScenes(scenes);
-  }, [children]);
-
-  const indexChangeHandler = i => setIndex(i);
-
-  const renderTabBar = props => {
-    console.log(props);
-    return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
-      activeColor: activeColor,
-      inactiveColor: inactiveColor,
-      pressColor: pressColor,
-      scrollEnabled: scrollEnabled,
-      indicatorStyle: {
-        backgroundColor: indicatorColor
-      },
-      renderIcon: _ref2 => {
-        let {
-          route,
-          color
-        } = _ref2;
-        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
-          name: route.icon,
-          color: color,
-          size: 36
-        }) : null;
-      },
-      style: style
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement(TabView, {
-    navigationState: {
-      index,
-      routes
-    },
-    renderScene: SceneMap(tabScenes),
-    renderTabBar: renderTabBar,
-    onIndexChange: indexChangeHandler,
-    tabBarPosition: tabBarPosition,
-    keyboardDismissMode: keyboardDismissMode,
-    swipeEnabled: swipeEnabled
-  });
-};
-
-export default TabViewComponent;
-//# sourceMappingURL=TabView.js.map

package/lib/module/components/TabView/TabView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabView.tsx"],"names":["React","TabView","TabBar","SceneMap","TabViewItem","TabViewComponent","Icon","tabBarPosition","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","style","children","index","setIndex","useState","routes","setRoutes","tabScenes","setTabScenes","useEffect","newRoutes","scenes","Children","toArray","filter","child","type","forEach","props","id","push","key","indexChangeHandler","i","renderTabBar","console","log","backgroundColor","route","color","icon"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport { TabView, TabBar, SceneMap } from \"react-native-tab-view\";\n\n// import { withTheme } from \"../../theming\";\nimport TabViewItem from \"./TabViewItem\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\ntype TabBarPosition = \"top\" | \"bottom\";\ntype KeyboardDismissMode = \"none\" | \"auto\" | \"on-drag\";\n\ntype TabViewProps = {\n  tabBarPosition?: TabBarPosition;\n  keyboardDismissMode?: KeyboardDismissMode;\n  swipeEnabled?: boolean;\n  scrollEnabled?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  pressColor?: string;\n  indicatorColor?: string;\n  style?: StyleProp<TextStyle | ViewStyle>;\n  children: React.ReactNode;\n} & IconSlot;\n\nconst TabViewComponent = ({\n  Icon,\n  tabBarPosition,\n  keyboardDismissMode,\n  swipeEnabled,\n  scrollEnabled,\n  activeColor,\n  inactiveColor,\n  pressColor,\n  indicatorColor,\n  style,\n  children,\n}: TabViewProps) => {\n  const [index, setIndex] = React.useState(0);\n  const [routes, setRoutes] = React.useState([]);\n  const [tabScenes, setTabScenes] = React.useState({});\n\n  React.useEffect(() => {\n    const newRoutes: any = [];\n    const scenes: any = {};\n\n    React.Children.toArray(children)\n      .filter((child: any) => child.type === TabViewItem)\n      .forEach((child: any) => {\n        if (child?.props?.id) {\n          newRoutes.push({\n            key: child?.props?.id,\n            ...child?.props,\n          });\n          scenes[child?.props?.id] = () => child;\n        }\n      });\n\n    setRoutes(newRoutes);\n    setTabScenes(scenes);\n  }, [children]);\n\n  const indexChangeHandler = (i: any) => setIndex(i);\n\n  const renderTabBar = (props: any) => {\n    console.log(props);\n    return (\n      <TabBar\n        {...props}\n        activeColor={activeColor}\n        inactiveColor={inactiveColor}\n        pressColor={pressColor}\n        scrollEnabled={scrollEnabled}\n        indicatorStyle={{ backgroundColor: indicatorColor }}\n        renderIcon={({ route, color }) =>\n          route?.icon ? (\n            <Icon name={route.icon} color={color} size={36} />\n          ) : null\n        }\n        style={style}\n      />\n    );\n  };\n\n  return (\n    <TabView\n      navigationState={{ index, routes }}\n      renderScene={SceneMap(tabScenes)}\n      renderTabBar={renderTabBar}\n      onIndexChange={indexChangeHandler}\n      tabBarPosition={tabBarPosition}\n      keyboardDismissMode={keyboardDismissMode}\n      swipeEnabled={swipeEnabled}\n    />\n  );\n};\n\nexport default TabViewComponent;\n"]}

package/lib/module/components/TabView/TabViewItem.js

@@ -1,19 +0,0 @@
-const TabViewItem = _ref => {
-  let {
-    title,
-    id,
-    icon,
-    children,
-    accessibilityLabel
-  } = _ref;
-  console.log({
-    title,
-    id,
-    icon,
-    accessibilityLabel
-  });
-  return children;
-};
-
-export default TabViewItem;
-//# sourceMappingURL=TabViewItem.js.map

package/lib/module/components/TabView/TabViewItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabViewItem.tsx"],"names":["TabViewItem","title","id","icon","children","accessibilityLabel","console","log"],"mappings":"AASA,MAAMA,WAAW,GAAG,QAMI;AAAA,MANH;AACnBC,IAAAA,KADmB;AAEnBC,IAAAA,EAFmB;AAGnBC,IAAAA,IAHmB;AAInBC,IAAAA,QAJmB;AAKnBC,IAAAA;AALmB,GAMG;AACtBC,EAAAA,OAAO,CAACC,GAAR,CAAY;AAAEN,IAAAA,KAAF;AAASC,IAAAA,EAAT;AAAaC,IAAAA,IAAb;AAAmBE,IAAAA;AAAnB,GAAZ;AACA,SAAOD,QAAP;AACD,CATD;;AAWA,eAAeJ,WAAf","sourcesContent":["import React from \"react\";\ninterface TabViewItemProps {\n  title: string;\n  id: string;\n  icon: string;\n  accessibilityLabel: string;\n  children: React.ReactNode;\n}\n\nconst TabViewItem = ({\n  title,\n  id,\n  icon,\n  children,\n  accessibilityLabel,\n}: TabViewItemProps) => {\n  console.log({ title, id, icon, accessibilityLabel });\n  return children;\n};\n\nexport default TabViewItem;\n"]}

package/lib/module/components/TabView/index.js

@@ -1,3 +0,0 @@
-export { default as TabView } from "./TabView";
-export { default as TabViewItem } from "./TabViewItem";
-//# sourceMappingURL=index.js.map