@draftbit/core 46.8.2-fee87c.2 → 46.9.1-01e871.2

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

@@ -0,0 +1,120 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        flex: number;
+    };
+    triggers: string[];
+    props: {
+        onSettle: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        snapPoints: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            options: never[];
+            defaultValue: null;
+        };
+        initialSnapIndex: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        showHandle: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        handleColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        topBorderRadius: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        borderWidth: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        borderColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        bounces: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

package/lib/typescript/src/mappings/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/BottomSheet.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}

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

@@ -5,9 +5,6 @@ export declare const SEED_DATA: ({
     packageName: string;
     category: string;
     stylesPanelSections: string[];
-    layout: {
-        flex: number;
-    };
     triggers: string[];
     props: {
         onRefresh: {
@@ -113,9 +110,6 @@ export declare const SEED_DATA: ({
     packageName: string;
     category: string;
     stylesPanelSections: string[];
-    layout: {
-        flex: number;
-    };
     triggers: string[];
     props: {
         onRefresh: {

package/lib/typescript/src/mappings/FlashList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}
+{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}

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

@@ -0,0 +1,20 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    props: {
+        children: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+        };
+    };
+};
+//# sourceMappingURL=Markdown.d.ts.map

package/lib/typescript/src/mappings/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Markdown.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAuBrB,CAAC"}

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

@@ -0,0 +1,173 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    props: {
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        startColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        endColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        distance: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        paintInside: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        stretch: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        offsetX: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        offsetY: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        showShadowSideStart: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowSideEnd: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowSideTop: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowSideBottom: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowCornerTopStart: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowCornerTopEnd: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowCornerBottomStart: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showShadowCornerBottomEnd: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};
+//# sourceMappingURL=Shadow.d.ts.map

package/lib/typescript/src/mappings/Shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FrB,CAAC"}

package/lib/typescript/src/mappings/TabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TabView.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmErB,CAAC"}
+{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TabView.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyErB,CAAC"}

package/lib/typescript/src/mappings/TabViewItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabViewItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TabViewItem.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC"}
+{"version":3,"file":"TabViewItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TabViewItem.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.8.2-fee87c.2+fee87cb",
+  "version": "46.9.1-01e871.2+01e871a",
   "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": "^46.8.2-fee87c.2+fee87cb",
+    "@draftbit/types": "^46.9.1-01e871.2+01e871a",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -54,8 +54,11 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-deck-swiper": "^2.0.12",
+    "react-native-gesture-handler": "^2.9.0",
+    "react-native-markdown-display": "^7.0.0-alpha.2",
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-pager-view": "5.4.24",
+    "react-native-shadow-2": "^7.0.6",
     "react-native-svg": "12.3.0",
     "react-native-tab-view": "^3.4.0",
     "react-native-typography": "^1.4.1",
@@ -94,5 +97,5 @@
       ]
     ]
   },
-  "gitHead": "fee87cb4bc771a1e2aa0cd8648590bc42903c400"
+  "gitHead": "01e871a0a7d195a2b843ef1317f1535e5f377a2e"
 }

package/src/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,57 @@
+import React from "react";
+import { StyleSheet, View, } from "react-native";
+import BottomSheetComponent from "./BottomSheetComponent";
+import { withTheme } from "../../theming";
+const BottomSheet = ({ theme, snapPoints = ["10%", "50%", "80%"], initialSnapIndex = 0, showHandle = true, handleColor = theme.colors.divider, topBorderRadius = 20, borderWidth = 1, borderColor = theme.colors.divider, onSettle, style, children, ...rest }) => {
+    const backgroundColor = (style === null || style === void 0 ? void 0 : style.backgroundColor) || theme.colors.background;
+    return (React.createElement(View, { style: styles.parentContainer, pointerEvents: "box-none" },
+        React.createElement(BottomSheetComponent, { componentType: "ScrollView", snapPoints: snapPoints, initialSnapIndex: initialSnapIndex, renderHandle: () => (React.createElement(React.Fragment, null, showHandle && (React.createElement(View, { style: [
+                    styles.handleContainer,
+                    {
+                        backgroundColor,
+                        borderTopLeftRadius: topBorderRadius,
+                        borderTopRightRadius: topBorderRadius,
+                    },
+                ] },
+                React.createElement(View, { style: [styles.handle, { backgroundColor: handleColor }] }))))), contentContainerStyle: [styles.contentContainerStyle, style], containerStyle: StyleSheet.flatten([
+                styles.containerStyle,
+                {
+                    backgroundColor,
+                    borderTopLeftRadius: topBorderRadius,
+                    borderTopRightRadius: topBorderRadius,
+                    borderWidth,
+                    borderColor,
+                },
+            ]), onSettle: onSettle, ...rest }, children)));
+};
+const styles = StyleSheet.create({
+    //Render on top of everything
+    parentContainer: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        zIndex: 10,
+        overflow: "hidden",
+    },
+    contentContainerStyle: {
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        flex: 1,
+    },
+    containerStyle: {
+        flex: 1,
+        overflow: "hidden",
+    },
+    handleContainer: {
+        alignItems: "center",
+        paddingVertical: 20,
+    },
+    handle: {
+        width: 40,
+        height: 2,
+        borderRadius: 4,
+    },
+});
+export default withTheme(BottomSheet);

package/src/components/BottomSheet/BottomSheet.tsx

@@ -0,0 +1,121 @@
+import React from "react";
+import {
+  StyleSheet,
+  View,
+  StyleProp,
+  ViewStyle,
+  ScrollViewProps,
+} from "react-native";
+
+import BottomSheetComponent from "./BottomSheetComponent";
+import type { Theme } from "../../styles/DefaultTheme";
+import { withTheme } from "../../theming";
+
+export interface BottomSheetProps extends ScrollViewProps {
+  snapPoints?: (string | number)[];
+  initialSnapIndex?: number;
+  showHandle?: boolean;
+  handleColor?: string;
+  topBorderRadius?: number;
+  borderWidth?: number;
+  borderColor?: string;
+  onSettle?: (index: number) => void;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+}
+
+const BottomSheet: React.FC<React.PropsWithChildren<BottomSheetProps>> = ({
+  theme,
+  snapPoints = ["10%", "50%", "80%"],
+  initialSnapIndex = 0,
+  showHandle = true,
+  handleColor = theme.colors.divider,
+  topBorderRadius = 20,
+  borderWidth = 1,
+  borderColor = theme.colors.divider,
+  onSettle,
+  style,
+  children,
+  ...rest
+}) => {
+  const backgroundColor =
+    (style as ViewStyle)?.backgroundColor || theme.colors.background;
+
+  return (
+    <View style={styles.parentContainer} pointerEvents="box-none">
+      <BottomSheetComponent
+        componentType="ScrollView"
+        snapPoints={snapPoints}
+        initialSnapIndex={initialSnapIndex}
+        renderHandle={() => (
+          <>
+            {showHandle && (
+              <View
+                style={[
+                  styles.handleContainer,
+                  {
+                    backgroundColor,
+                    borderTopLeftRadius: topBorderRadius,
+                    borderTopRightRadius: topBorderRadius,
+                  },
+                ]}
+              >
+                <View
+                  style={[styles.handle, { backgroundColor: handleColor }]}
+                />
+              </View>
+            )}
+          </>
+        )}
+        contentContainerStyle={[styles.contentContainerStyle, style]}
+        containerStyle={StyleSheet.flatten([
+          styles.containerStyle,
+          {
+            backgroundColor,
+            borderTopLeftRadius: topBorderRadius,
+            borderTopRightRadius: topBorderRadius,
+            borderWidth,
+            borderColor,
+          },
+        ])}
+        onSettle={onSettle}
+        {...rest}
+      >
+        {children}
+      </BottomSheetComponent>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  //Render on top of everything
+  parentContainer: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    zIndex: 10,
+    overflow: "hidden",
+  },
+  contentContainerStyle: {
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    flex: 1,
+  },
+  containerStyle: {
+    flex: 1,
+    overflow: "hidden",
+  },
+  handleContainer: {
+    alignItems: "center",
+    paddingVertical: 20,
+  },
+  handle: {
+    width: 40,
+    height: 2,
+    borderRadius: 4,
+  },
+});
+
+export default withTheme(BottomSheet);