@draftbit/core 46.4.4-746597.2 → 46.4.4-74e9b3.2

package/lib/module/components/BottomSheet/BottomSheet.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","Dimensions","ScrollBottomSheet","extractStyles","windowHeight","get","height","BottomSheetComponent","style","children","step","viewStyles","bottomSheetRef","useRef","webStep","useMemo","snapPoints","useEffect","current","snapTo","length","styles","container","header","panelHandle","contentContainerStyle","backgroundColor","create","flex","padding","alignItems","paddingVertical","borderTopLeftRadius","borderTopRightRadius","width","borderRadius","item","justifyContent","marginVertical"],"sourceRoot":"../../src","sources":["BottomSheet.web.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,iBAAiB,MAAM,kCAAkC;AAEhE,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,YAAY,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;AAEpD,MAAMC,oBAAgD,GAAG,QAInD;EAAA,IAJoD;IACxDC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC;EACC,MAAM;IAAEC;EAAW,CAAC,GAAGR,aAAa,CAACK,KAAK,CAAC;EAC3C,MAAMI,cAAc,GAAGd,KAAK,CAACe,MAAM,EAAO;EAE1C,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,OAAO,CAAC,MAAML,IAAI,GAAG,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACrD,MAAMM,UAAU,GAAGlB,KAAK,CAACiB,OAAO,CAC9B,MAAM,CAAC,KAAK,EAAE,KAAK,EAAEX,YAAY,GAAG,GAAG,CAAC,EACxC,EAAE,CACH;EAEDN,KAAK,CAACmB,SAAS,CAAC,MAAM;IAAA;IACpBL,cAAc,aAAdA,cAAc,gDAAdA,cAAc,CAAEM,OAAO,0DAAvB,sBAAyBC,MAAM,CAACH,UAAU,CAACI,MAAM,GAAGN,OAAO,CAAC;IAC5D;EACF,CAAC,EAAE,CAACA,OAAO,EAAEJ,IAAI,EAAEM,UAAU,CAAC,CAAC;EAE/B,IAAIN,IAAI,KAAK,CAAC,CAAC,EAAE;IACf,oBAAO,yCAAK;EACd;EAEA,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAEW,MAAM,CAACC;EAAU,gBAC5B,oBAAC,iBAAiB;IAChB,GAAG,EAAEV,cAAe;IACpB,aAAa,EAAC,YAAY;IAC1B,UAAU,EAAEI,UAAW;IACvB,gBAAgB,EAAE,CAAE;IACpB,YAAY,EAAE,mBACZ,oBAAC,IAAI;MAAC,KAAK,EAAEK,MAAM,CAACE;IAAO,gBACzB,oBAAC,IAAI;MAAC,KAAK,EAAEF,MAAM,CAACG;IAAY,EAAG,CAErC;IACF,qBAAqB,EAAEH,MAAM,CAACI;EAAsB,gBAEpD,oBAAC,IAAI;IACH,KAAK,EAAE;MACL,GAAGJ,MAAM,CAACC,SAAS;MACnB,GAAGX,UAAU;MACbe,eAAe,EAAEZ,OAAO,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG;IAC7C;EAAE,GAEDL,QAAQ,CACJ,CACW,CACf;AAEX,CAAC;AAED,eAAeF,oBAAoB;AAEnC,MAAMc,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE;EACR,CAAC;EACDH,qBAAqB,EAAE;IACrBI,OAAO,EAAE;EACX,CAAC;EACDN,MAAM,EAAE;IACNO,UAAU,EAAE,QAAQ;IACpBJ,eAAe,EAAE,OAAO;IACxBK,eAAe,EAAE,EAAE;IACnBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDT,WAAW,EAAE;IACXU,KAAK,EAAE,EAAE;IACT5B,MAAM,EAAE,CAAC;IACToB,eAAe,EAAE,iBAAiB;IAClCS,YAAY,EAAE;EAChB,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAE,EAAE;IACXQ,cAAc,EAAE,QAAQ;IACxBX,eAAe,EAAE,OAAO;IACxBI,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["default","BottomSheet"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe"}

package/lib/module/components/BottomSheet/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/components/BottomSheet/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}

package/lib/module/mappings/BottomSheet.js

@@ -1,14 +0,0 @@
-import { COMPONENT_TYPES, createNumberProp, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  category: COMPONENT_TYPES.container,
-  stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
-  props: {
-    step: createNumberProp({
-      label: "Step",
-      description: "Step can be -1, 0, 1, or 2."
-    })
-  }
-};
-//# sourceMappingURL=BottomSheet.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["COMPONENT_TYPES","createNumberProp","StylesPanelSections","SEED_DATA","name","tag","category","container","stylesPanelSections","Background","Borders","Size","MarginsAndPaddings","Position","Effects","props","step","label","description"],"sourceRoot":"../../src","sources":["BottomSheet.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,gBAAgB,EAChBC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,QAAQ,EAAEN,eAAe,CAACO,SAAS;EACnCC,mBAAmB,EAAE,CACnBN,mBAAmB,CAACO,UAAU,EAC9BP,mBAAmB,CAACQ,OAAO,EAC3BR,mBAAmB,CAACS,IAAI,EACxBT,mBAAmB,CAACU,kBAAkB,EACtCV,mBAAmB,CAACW,QAAQ,EAC5BX,mBAAmB,CAACY,OAAO,CAC5B;EACDC,KAAK,EAAE;IACLC,IAAI,EAAEf,gBAAgB,CAAC;MACrBgB,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE;IACf,CAAC;EACH;AACF,CAAC"}

package/lib/typescript/src/components/BottomSheet/BottomSheet.native.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { BottomSheetProps } from "./types";
-declare const BottomSheetComponent: React.FC<BottomSheetProps>;
-export default BottomSheetComponent;
-//# sourceMappingURL=BottomSheet.native.d.ts.map

package/lib/typescript/src/components/BottomSheet/BottomSheet.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheet.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwCpD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/typescript/src/components/BottomSheet/BottomSheet.web.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { BottomSheetProps } from "./types";
-declare const BottomSheetComponent: React.FC<BottomSheetProps>;
-export default BottomSheetComponent;
-//# sourceMappingURL=BottomSheet.web.d.ts.map

package/lib/typescript/src/components/BottomSheet/BottomSheet.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheet.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiDpD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -1,2 +0,0 @@
-export { default as BottomSheet } from "./BottomSheet";
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/BottomSheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/src/components/BottomSheet/types.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-export interface BottomSheetProps {
-    style: StyleProp<ViewStyle | TextStyle>;
-    children: React.ReactNode;
-    step: number;
-    isOpen?: Boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/BottomSheet/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

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

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

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

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

package/src/components/BottomSheet/BottomSheet.native.js

@@ -1,37 +0,0 @@
-import React, { useCallback, useMemo, useRef } from "react";
-import { View, StyleSheet } from "react-native";
-import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
-import { extractStyles } from "../../utilities";
-const BottomSheetComponent = ({ style, children, step, }) => {
-    const bottomSheetRef = useRef(null);
-    const { viewStyles } = extractStyles(style);
-    // variables
-    const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
-    // callbacks
-    const handleSheetChanges = useCallback((index) => {
-        console.log("handleSheetChanges", index);
-    }, []);
-    React.useEffect(() => {
-        var _a;
-        if (step === -1) {
-            (_a = bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        }
-    }, [step]);
-    return (React.createElement(View, { style: [
-            containerStyle.container,
-            viewStyles,
-            { backgroundColor: step !== -1 ? "grey" : "transparent" },
-        ] },
-        React.createElement(BottomSheet, { ref: bottomSheetRef, index: step, snapPoints: snapPoints, onChange: handleSheetChanges },
-            React.createElement(BottomSheetView, null, children))));
-};
-export default BottomSheetComponent;
-const containerStyle = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    contentContainer: {
-        flex: 1,
-        alignItems: "center",
-    },
-});

package/src/components/BottomSheet/BottomSheet.native.tsx

@@ -1,60 +0,0 @@
-import React, { useCallback, useMemo, useRef } from "react";
-import { View, StyleSheet } from "react-native";
-import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
-
-import { extractStyles } from "../../utilities";
-import { BottomSheetProps } from "./types";
-
-const BottomSheetComponent: React.FC<BottomSheetProps> = ({
-  style,
-  children,
-  step,
-}) => {
-  const bottomSheetRef = useRef<BottomSheet>(null);
-  const { viewStyles } = extractStyles(style);
-
-  // variables
-  const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
-
-  // callbacks
-  const handleSheetChanges = useCallback((index: number) => {
-    console.log("handleSheetChanges", index);
-  }, []);
-
-  React.useEffect(() => {
-    if (step === -1) {
-      bottomSheetRef?.current?.close();
-    }
-  }, [step]);
-
-  return (
-    <View
-      style={[
-        containerStyle.container,
-        viewStyles,
-        { backgroundColor: step !== -1 ? "grey" : "transparent" },
-      ]}
-    >
-      <BottomSheet
-        ref={bottomSheetRef}
-        index={step}
-        snapPoints={snapPoints}
-        onChange={handleSheetChanges}
-      >
-        <BottomSheetView>{children}</BottomSheetView>
-      </BottomSheet>
-    </View>
-  );
-};
-
-export default BottomSheetComponent;
-
-const containerStyle = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  contentContainer: {
-    flex: 1,
-    alignItems: "center",
-  },
-});

package/src/components/BottomSheet/BottomSheet.web.js

@@ -1,56 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Dimensions } from "react-native";
-import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
-import { extractStyles } from "../../utilities";
-const windowHeight = Dimensions.get("window").height;
-const BottomSheetComponent = ({ style, children, step, }) => {
-    const { viewStyles } = extractStyles(style);
-    const bottomSheetRef = React.useRef();
-    const webStep = React.useMemo(() => step + 1, [step]);
-    const snapPoints = React.useMemo(() => ["25%", "50%", windowHeight - 200], []);
-    React.useEffect(() => {
-        var _a;
-        (_a = bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.snapTo(snapPoints.length - webStep);
-        // bottomSheetRef.current.snapTo(step);
-    }, [webStep, step, snapPoints]);
-    if (step === -1) {
-        return React.createElement(React.Fragment, null);
-    }
-    return (React.createElement(View, { style: styles.container },
-        React.createElement(ScrollBottomSheet, { ref: bottomSheetRef, componentType: "ScrollView", snapPoints: snapPoints, initialSnapIndex: 0, renderHandle: () => (React.createElement(View, { style: styles.header },
-                React.createElement(View, { style: styles.panelHandle }))), contentContainerStyle: styles.contentContainerStyle },
-            React.createElement(View, { style: {
-                    ...styles.container,
-                    ...viewStyles,
-                    backgroundColor: webStep !== -1 ? "grey" : "transparent",
-                } }, children))));
-};
-export default BottomSheetComponent;
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    contentContainerStyle: {
-        padding: 16,
-    },
-    header: {
-        alignItems: "center",
-        backgroundColor: "white",
-        paddingVertical: 20,
-        borderTopLeftRadius: 20,
-        borderTopRightRadius: 20,
-    },
-    panelHandle: {
-        width: 40,
-        height: 2,
-        backgroundColor: "rgba(0,0,0,0.3)",
-        borderRadius: 4,
-    },
-    item: {
-        padding: 20,
-        justifyContent: "center",
-        backgroundColor: "white",
-        alignItems: "center",
-        marginVertical: 10,
-    },
-});

package/src/components/BottomSheet/BottomSheet.web.tsx

@@ -1,90 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Dimensions } from "react-native";
-import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
-
-import { extractStyles } from "../../utilities";
-import { BottomSheetProps } from "./types";
-
-const windowHeight = Dimensions.get("window").height;
-
-const BottomSheetComponent: React.FC<BottomSheetProps> = ({
-  style,
-  children,
-  step,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const bottomSheetRef = React.useRef<any>();
-
-  const webStep = React.useMemo(() => step + 1, [step]);
-  const snapPoints = React.useMemo(
-    () => ["25%", "50%", windowHeight - 200],
-    []
-  );
-
-  React.useEffect(() => {
-    bottomSheetRef?.current?.snapTo(snapPoints.length - webStep);
-    // bottomSheetRef.current.snapTo(step);
-  }, [webStep, step, snapPoints]);
-
-  if (step === -1) {
-    return <></>;
-  }
-
-  return (
-    <View style={styles.container}>
-      <ScrollBottomSheet
-        ref={bottomSheetRef}
-        componentType="ScrollView"
-        snapPoints={snapPoints}
-        initialSnapIndex={0}
-        renderHandle={() => (
-          <View style={styles.header}>
-            <View style={styles.panelHandle} />
-          </View>
-        )}
-        contentContainerStyle={styles.contentContainerStyle}
-      >
-        <View
-          style={{
-            ...styles.container,
-            ...viewStyles,
-            backgroundColor: webStep !== -1 ? "grey" : "transparent",
-          }}
-        >
-          {children}
-        </View>
-      </ScrollBottomSheet>
-    </View>
-  );
-};
-
-export default BottomSheetComponent;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  contentContainerStyle: {
-    padding: 16,
-  },
-  header: {
-    alignItems: "center",
-    backgroundColor: "white",
-    paddingVertical: 20,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-  },
-  panelHandle: {
-    width: 40,
-    height: 2,
-    backgroundColor: "rgba(0,0,0,0.3)",
-    borderRadius: 4,
-  },
-  item: {
-    padding: 20,
-    justifyContent: "center",
-    backgroundColor: "white",
-    alignItems: "center",
-    marginVertical: 10,
-  },
-});

package/src/components/BottomSheet/index.js

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/index.tsx

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/types.js

@@ -1 +0,0 @@
-export {};

package/src/components/BottomSheet/types.tsx

@@ -1,8 +0,0 @@
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-
-export interface BottomSheetProps {
-  style: StyleProp<ViewStyle | TextStyle>;
-  children: React.ReactNode;
-  step: number;
-  isOpen?: Boolean;
-}

package/src/mappings/BottomSheet.js

@@ -1,20 +0,0 @@
-import { COMPONENT_TYPES, createNumberProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Bottom Sheet",
-    tag: "BottomSheet",
-    category: COMPONENT_TYPES.container,
-    stylesPanelSections: [
-        StylesPanelSections.Background,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-    ],
-    props: {
-        step: createNumberProp({
-            label: "Step",
-            description: "Step can be -1, 0, 1, or 2.",
-        }),
-    },
-};

package/src/mappings/BottomSheet.ts

@@ -1,25 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createNumberProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  category: COMPONENT_TYPES.container,
-  stylesPanelSections: [
-    StylesPanelSections.Background,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  props: {
-    step: createNumberProp({
-      label: "Step",
-      description: "Step can be -1, 0, 1, or 2.",
-    }),
-  },
-};