@draftbit/core 46.8.2-feb14e.2 → 46.8.2

package/lib/commonjs/components/Justification.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/commonjs/components/ResizeMode.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/module/components/Justification.js

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

package/lib/module/components/ResizeMode.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.8.2-feb14e.2+feb14e8",
+  "version": "46.8.2",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -40,9 +40,8 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
-    "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.8.2-feb14e.2+feb14e8",
-    "@expo/html-elements": "^0.3.1",
+    "@draftbit/react-theme-provider": "~2.1.1",
+    "@draftbit/types": "~46.8.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -93,5 +92,5 @@
       ]
     ]
   },
-  "gitHead": "feb14e87ddf0b82ca481143102a4c2d37989dbc9"
+  "gitHead": "418be230820228bdd01314d7757a218c882ff6a5"
 }

package/lib/commonjs/mappings/HtmlElements.js

@@ -1,175 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const ELEMENT_SEED_DATA = {
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  packageName: "@expo/html-elements",
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
-  layout: {
-    margin: 0
-  },
-  category: _types.COMPONENT_TYPES.webelement
-};
-const HEADING_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: _types.COMPONENT_TYPES.text,
-  props: {
-    accessibilityLabel: {
-      group: _types.GROUPS.accessibility,
-      name: "accessibilityLabel",
-      label: "accessibilityLabel",
-      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: null
-    },
-    selectable: {
-      group: _types.GROUPS.advanced,
-      name: "selectable",
-      label: "selectable",
-      description: "Lets the user select text, to use the native copy and paste functionality.",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN,
-      defaultValue: null
-    },
-    children: {
-      group: _types.GROUPS.data,
-      label: "Text",
-      description: "Text",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Your Headline Here"
-    }
-  }
-};
-const TEXT_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: _types.COMPONENT_TYPES.text,
-  props: {
-    children: {
-      group: _types.GROUPS.data,
-      label: "Text",
-      description: "Text",
-      defaultValue: "Your Text Here",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING
-    }
-  }
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_SEED_DATA
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...TEXT_SEED_DATA,
-  props: {
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...TEXT_SEED_DATA,
-  props: {
-    // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...TEXT_SEED_DATA
-}, {
-  name: "BR",
-  tag: "BR",
-  ...TEXT_SEED_DATA
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...TEXT_SEED_DATA
-}, {
-  name: "HR",
-  tag: "HR",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_SEED_DATA
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/HtmlElements.js

@@ -1,168 +0,0 @@
-import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections } from "@draftbit/types";
-const ELEMENT_SEED_DATA = {
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  packageName: "@expo/html-elements",
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
-  layout: {
-    margin: 0
-  },
-  category: COMPONENT_TYPES.webelement
-};
-const HEADING_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: COMPONENT_TYPES.text,
-  props: {
-    accessibilityLabel: {
-      group: GROUPS.accessibility,
-      name: "accessibilityLabel",
-      label: "accessibilityLabel",
-      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: null
-    },
-    selectable: {
-      group: GROUPS.advanced,
-      name: "selectable",
-      label: "selectable",
-      description: "Lets the user select text, to use the native copy and paste functionality.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      defaultValue: null
-    },
-    children: {
-      group: GROUPS.data,
-      label: "Text",
-      description: "Text",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "Your Headline Here"
-    }
-  }
-};
-const TEXT_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: COMPONENT_TYPES.text,
-  props: {
-    children: {
-      group: GROUPS.data,
-      label: "Text",
-      description: "Text",
-      defaultValue: "Your Text Here",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING
-    }
-  }
-};
-export const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_SEED_DATA
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_SEED_DATA
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...TEXT_SEED_DATA,
-  props: {
-    href: createTextProp({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...TEXT_SEED_DATA,
-  props: {
-    // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...TEXT_SEED_DATA
-}, {
-  name: "BR",
-  tag: "BR",
-  ...TEXT_SEED_DATA
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...TEXT_SEED_DATA
-}, {
-  name: "HR",
-  tag: "HR",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_SEED_DATA
-}];

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

@@ -1,73 +0,0 @@
-export declare const SEED_DATA: ({
-    props: {
-        href: any;
-        target: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-    };
-    category: string;
-    doc_link: string;
-    code_link: string;
-    packageName: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href?: undefined;
-        target?: undefined;
-    };
-    category: string;
-    doc_link: string;
-    code_link: string;
-    packageName: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    name: string;
-    tag: string;
-} | {
-    category: string;
-    props: {
-        children: {
-            group: string;
-            label: string;
-            description: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-        };
-    };
-    doc_link: string;
-    code_link: string;
-    packageName: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    name: string;
-    tag: string;
-} | {
-    doc_link: string;
-    code_link: string;
-    packageName: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    category: string;
-    name: string;
-    tag: string;
-})[];
-//# sourceMappingURL=HtmlElements.d.ts.map

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

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

package/src/Provider.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { ThemeProvider } from "./theming";
-import PortalHost from "./components/Portal/PortalHost";
-export default class Provider extends React.Component {
-    render() {
-        return (React.createElement(PortalHost, null,
-            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
-    }
-}

package/src/components/Accordion/AccordionGroup.js

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Pressable, } from "react-native";
-import Text from "../Text";
-import { withTheme } from "../../theming";
-import { extractStyles } from "../../utilities";
-const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
-    const [expanded, setExpanded] = React.useState(expandedProp);
-    const { textStyles, viewStyles } = extractStyles(style);
-    const expandedColor = openColor || theme.colors.primary;
-    const collapsedColor = closedColor || theme.colors.primary;
-    const labelColor = expanded ? expandedColor : collapsedColor;
-    const caretColor = caretColorProp || labelColor;
-    const handlePressAction = () => {
-        setExpanded(!expanded);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
-            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
-            React.createElement(View, { style: styles.content },
-                React.createElement(Text, { selectable: false, style: [
-                        textStyles,
-                        {
-                            color: labelColor,
-                        },
-                    ] }, label)),
-            React.createElement(Icon, { name: expanded
-                    ? "MaterialIcons/keyboard-arrow-up"
-                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
-        expanded ? children : null));
-};
-const styles = StyleSheet.create({
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    content: {
-        flex: 1,
-        justifyContent: "center",
-    },
-    icon: {
-        marginRight: 8,
-    },
-});
-export default withTheme(AccordionGroup);

package/src/components/Accordion/AccordionItem.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { Pressable, StyleSheet, View, } from "react-native";
-import Text from "../Text";
-import { extractStyles } from "../../utilities";
-import { withTheme } from "../../theming";
-const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
-        React.createElement(View, { style: styles.row },
-            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
-            React.createElement(View, { style: [styles.item, styles.content] },
-                React.createElement(Text, { selectable: false, style: textStyles }, label)))));
-};
-const styles = StyleSheet.create({
-    container: {
-        padding: 8,
-    },
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-        paddingLeft: 8,
-    },
-    item: {
-        marginVertical: 6,
-        paddingLeft: 8,
-    },
-    content: {
-        flex: 1,
-        justifyContent: "center",
-    },
-});
-export default withTheme(AccordionItem);

package/src/components/Accordion/index.js

@@ -1,2 +0,0 @@
-export { default as AccordionGroup } from "./AccordionGroup";
-export { default as AccordionItem } from "./AccordionItem";

package/src/components/ActionSheet/ActionSheet.js

@@ -1,45 +0,0 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import Portal from "../Portal/Portal";
-import Touchable from "../Touchable";
-import ActionSheetCancel from "./ActionSheetCancel";
-const ActionSheet = ({ visible = false, onClose, children }) => {
-    return visible ? (React.createElement(Portal, null,
-        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
-            React.createElement(View, { style: styles.overlay }),
-            React.createElement(View, { style: styles.groupWrapper },
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-    },
-    overlay: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "#000000",
-        opacity: 0.3,
-    },
-    groupWrapper: {
-        flex: 1,
-        flexDirection: "column",
-        justifyContent: "flex-end",
-        display: "flex",
-        marginBottom: 25,
-    },
-    group: {
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: 10,
-        marginHorizontal: 7,
-        marginVertical: 2.5,
-        overflow: "hidden",
-    },
-});
-export default ActionSheet;

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -1,6 +0,0 @@
-import React from "react";
-import ActionSheetItem from "./ActionSheetItem";
-const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
-    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
-};
-export default ActionSheetCancel;

package/src/components/ActionSheet/ActionSheetItem.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { Text, StyleSheet, TouchableOpacity, } from "react-native";
-import { extractStyles } from "../../utilities";
-const ActionSheetItem = ({ label, style, color, onPress, }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
-        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: "#CCCCCC",
-        backgroundColor: "#F1F1F1",
-        minHeight: 50,
-        overflow: "hidden",
-        display: "flex",
-        justifyContent: "center",
-    },
-    label: {
-        fontSize: 16,
-        textAlign: "center",
-        color: "#0A84FF",
-        fontWeight: "500",
-        overflow: "hidden",
-        paddingHorizontal: 20,
-        paddingVertical: 10,
-        alignSelf: "center",
-    },
-});
-export default ActionSheetItem;

package/src/components/ActionSheet/index.js

@@ -1,3 +0,0 @@
-export { default as ActionSheet } from "./ActionSheet";
-export { default as ActionSheetItem } from "./ActionSheetItem";
-export { default as ActionSheetCancel } from "./ActionSheetCancel";