@draftbit/core 46.10.3-177666.2 → 46.10.3-17bcb4.2

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

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

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

@@ -0,0 +1,34 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {};
+    triggers: string[];
+    props: {
+        onPress: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
+        title: any;
+        buttonText: any;
+        icon: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            required: boolean;
+            editable: boolean;
+            group: string;
+        };
+    };
+}[];
+//# sourceMappingURL=HeaderLarge.d.ts.map

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

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

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

@@ -0,0 +1,53 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    preview_image_url: string;
+    supports_list_render: boolean;
+    props: {
+        title: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+        };
+        buttonText: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+        };
+        icon: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+        };
+        onPress: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+    };
+    layout: {};
+}[];
+//# sourceMappingURL=HeaderMedium.d.ts.map

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

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

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

@@ -0,0 +1,53 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    preview_image_url: string;
+    supports_list_render: boolean;
+    props: {
+        title: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+        };
+        buttonText: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+        };
+        icon: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+        };
+        onPress: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+    };
+    layout: {};
+}[];
+//# sourceMappingURL=HeaderOverline.d.ts.map

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

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

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

@@ -0,0 +1,181 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    stylesPanelSections: string[];
+    preview_image_url: string;
+    supports_list_render: boolean;
+    layout: {};
+    props: {
+        numberOfSteps: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: number;
+        };
+        currentStep: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: number;
+        };
+        stepIndicatorSize: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: number;
+        };
+        stepIndicatorLabelFontSize: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: number;
+        };
+        currentStepIndicatorLabelFontSize: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: number;
+        };
+        unfinishedColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        finishedColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        stepNumberUnfinishedColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        stepNumberFinishedColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        stepIndicatorCurrentColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        stepIndicatorLabelCurrentColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        stepStrokeCurrentColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        currentStepStrokeWidth: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: number;
+        };
+        currentStepIndicatorSize: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            min: number;
+            max: number;
+            step: number;
+            precision: number;
+            defaultValue: null;
+        };
+    };
+};
+//# sourceMappingURL=ProgressIndicator.d.ts.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.10.3-177666.2+177666e",
+  "version": "46.10.3-17bcb4.2+17bcb40",
   "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.10.3-177666.2+177666e",
+    "@draftbit/types": "^46.10.3-17bcb4.2+17bcb40",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -100,5 +100,5 @@
       ]
     ]
   },
-  "gitHead": "177666ee8ef3cc890c08bb938748ee789b2fb194"
+  "gitHead": "17bcb40c7216343fdeab3522d220cc4b7888d7a3"
 }

package/src/components/DeprecatedCardWrapper.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { withTheme } from "../theming";
+import Touchable from "./Touchable";
+const getWidth = (numColumns) => {
+    switch (numColumns) {
+        case 1:
+            return "33%";
+        case 2:
+            return "50%";
+        default:
+            return "100%";
+    }
+};
+const Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {
+    const width = getWidth(numColumns);
+    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));
+};
+export default withTheme(Card);

package/src/components/DeprecatedCardWrapper.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { withTheme } from "../theming";
+import Touchable from "./Touchable";
+import { StyleProp, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+
+type Props = {
+  numColumns?: number;
+  children?: React.ReactNode;
+  onPress?: () => void;
+  style?: StyleProp<ViewStyle>;
+  theme: typeof theme;
+};
+
+const getWidth = (numColumns: number) => {
+  switch (numColumns) {
+    case 1:
+      return "33%";
+    case 2:
+      return "50%";
+    default:
+      return "100%";
+  }
+};
+
+const Card: React.FC<React.PropsWithChildren<Props>> = ({
+  numColumns = 3,
+  children,
+  onPress,
+  style,
+  ...rest
+}) => {
+  const width = getWidth(numColumns);
+  return (
+    <Touchable
+      disabled={!onPress}
+      onPress={onPress}
+      style={[style, { width }]}
+      {...rest}
+    >
+      {children}
+    </Touchable>
+  );
+};
+
+export default withTheme(Card);

package/src/components/DeprecatedFAB.js

@@ -0,0 +1,114 @@
+import * as React from "react";
+import { ActivityIndicator, View, StyleSheet, Pressable, } from "react-native";
+import color from "color";
+import Config from "./Config";
+import Text from "./Text";
+import Elevation from "./Elevation";
+import { withTheme } from "../theming";
+const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {
+    let backgroundColor, borderColor, textColor, borderWidth;
+    const buttonColor = colorOverride || colors.primary;
+    if (type === "standard" || type === "extended" || type === "fixed") {
+        backgroundColor = buttonColor;
+        if (disabled) {
+            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = colors.surface;
+        }
+    }
+    else {
+        backgroundColor = "transparent";
+        if (disabled) {
+            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = buttonColor;
+        }
+    }
+    if (type === "outline") {
+        if (disabled) {
+            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            borderColor = buttonColor;
+        }
+        borderWidth = StyleSheet.hairlineWidth;
+    }
+    else {
+        borderColor = "transparent";
+        borderWidth = 0;
+    }
+    const buttonStyle = {
+        backgroundColor,
+        borderColor,
+        borderWidth,
+        borderRadius: roundness,
+        alignItems: "center",
+        justifyContent: "center",
+    };
+    const buttonStyles = [styles.button, buttonStyle];
+    const contentStyle = [styles.content];
+    const textStyle = {
+        textAlign: "center",
+        color: textColor,
+    };
+    const iconStyle = [
+        styles.icon,
+        {
+            width: Config.buttonIconSize,
+        },
+    ];
+    if (type === "standard" || type === "outline") {
+        buttonStyle.width = Config.FABSize;
+        buttonStyle.height = Config.FABSize;
+        buttonStyle.borderRadius = Config.FABBorderRadius;
+        contentStyle.push({
+            width: Config.FABSize,
+            height: Config.FABSize,
+        });
+    }
+    if (type === "extended" || type === "fixed") {
+        iconStyle.push({
+            marginLeft: 16,
+            marginRight: -8,
+        });
+        textStyle.margin = 16;
+    }
+    if (type === "fixed") {
+        buttonStyles.push({
+            height: Config.FABFixedHeight,
+            alignSelf: "stretch",
+        });
+    }
+    return (React.createElement(Elevation, { style: [{ elevation }, style] },
+        React.createElement(Pressable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: "button", disabled: disabled || loading, style: buttonStyles },
+            React.createElement(View, { style: styles.content },
+                icon && loading !== true ? (React.createElement(View, { style: iconStyle },
+                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,
+                loading ? (React.createElement(ActivityIndicator, { size: "small", color: textColor, style: iconStyle })) : null,
+                label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));
+};
+const styles = StyleSheet.create({
+    button: {
+        borderStyle: "solid",
+    },
+    content: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    icon: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: Config.buttonIconSize,
+    },
+    fixed: {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: 64,
+        borderRadius: 0,
+    },
+});
+export default withTheme(FAB);