@draftbit/core 46.10.3-0bad1e.2 → 46.10.3-1b8e7d.2

package/lib/commonjs/mappings/Container.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Container",
-  tag: "Container",
-  description: "A container component with gutter padding",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    height: 250
-  },
-  props: {
-    useThemeGutterPadding: {
-      group: _types.GROUPS.basic,
-      label: "Use gutter padding",
-      description: "When true, uses the theme gutter spacing as the container's horizontal padding",
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN,
-      defaultValue: false,
-      editable: false,
-      required: true
-    },
-    backgroundImage: (0, _types.createImageProp)({
-      label: "Background Image",
-      description: "Apply a custom background image",
-      defaultValue: null
-    }),
-    backgroundImageResizeMode: (0, _types.createResizeModeProp)(),
-    elevation: (0, _types.createElevationType)(0)
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Container.js

@@ -1,83 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { View, ImageBackground, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Elevation from "./Elevation";
-const Container = _ref => {
-  let {
-    useThemeGutterPadding,
-    borderColor,
-    borderWidth,
-    backgroundColor,
-    backgroundImage,
-    backgroundImageResizeMode,
-    elevation,
-    style,
-    children,
-    theme,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...rest
-  } = _ref;
-  const {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal,
-    ...styleProp
-  } = StyleSheet.flatten(style) || {};
-  const containerStyle = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    width: "100%",
-    ...styleProp
-  };
-  const innerStyle = {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
-  };
-  const Wrap = elevation ? Elevation : View;
-  if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
-    source: typeof backgroundImage === "string" ? {
-      uri: backgroundImage
-    } : backgroundImage,
-    resizeMode: backgroundImageResizeMode,
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children)) : /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children));
-};
-export default withTheme(Container);

package/lib/module/components/DeprecatedFAB.js

@@ -1,147 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { 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 = _ref => {
-  let {
-    Icon,
-    icon,
-    disabled = false,
-    type = "solid",
-    loading = false,
-    color: colorOverride,
-    label,
-    onPress,
-    elevation = 0,
-    style,
-    theme: {
-      colors,
-      disabledOpacity,
-      roundness,
-      typography
-    },
-    ...rest
-  } = _ref;
-  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 /*#__PURE__*/React.createElement(Elevation, {
-    style: [{
-      elevation
-    }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
-    onPress: onPress,
-    accessibilityState: {
-      disabled
-    },
-    accessibilityRole: "button",
-    disabled: disabled || loading,
-    style: buttonStyles
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.content
-  }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
-    style: iconStyle
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.buttonIconSize,
-    color: textColor
-  })) : null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: "small",
-    color: textColor,
-    style: iconStyle
-  }) : null, label ? /*#__PURE__*/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);

package/lib/module/mappings/Container.js

@@ -1,30 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Container",
-  tag: "Container",
-  description: "A container component with gutter padding",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    height: 250
-  },
-  props: {
-    useThemeGutterPadding: {
-      group: GROUPS.basic,
-      label: "Use gutter padding",
-      description: "When true, uses the theme gutter spacing as the container's horizontal padding",
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      defaultValue: false,
-      editable: false,
-      required: true
-    },
-    backgroundImage: createImageProp({
-      label: "Background Image",
-      description: "Apply a custom background image",
-      defaultValue: null
-    }),
-    backgroundImageResizeMode: createResizeModeProp(),
-    elevation: createElevationType(0)
-  }
-};

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

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import { ResizeModeType } from "./ResizeMode";
-declare type Props = {
-    theme: Theme;
-    useThemeGutterPadding: boolean;
-    borderColor: string;
-    borderWidth: number;
-    backgroundColor: string;
-    backgroundImage?: string | ImageSourcePropType;
-    backgroundImageResizeMode?: ResizeModeType;
-    elevation?: number;
-    style?: StyleProp<ViewStyle>;
-    children?: React.ReactNode;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=Container.d.ts.map

package/lib/typescript/src/components/Container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IAC/C,yBAAyB,CAAC,EAAE,cAAc,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;;;AAyFF,wBAAoC"}

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

@@ -1,56 +0,0 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, PressableProps } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-/**
- * A floating action button represents the primary action in an application.
- *
- * <div class="screenshots">
- *   <img src="screenshots/fab-1.png" />
- *   <img src="screenshots/fab-2.png" />
- * </div>
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { StyleSheet } from 'react-native';
- * import { FAB } from '@draftbit/ui';
- *
- * const MyComponent = () => (
- *   <FAB
- *     style={styles.fab}
- *     type="outline"
- *     icon="add"
- *     onPress={() => console.log('Pressed')}
- *   />
- * );
- *
- * const styles = StyleSheet.create({
- *   fab: {
- *     position: 'absolute',
- *     margin: 16,
- *     right: 0,
- *     bottom: 0,
- *   },
- * })
- *
- * export default MyComponent;
- * ```
- */
-declare type Props = {
-    disabled?: boolean;
-    type?: "solid" | "extended" | "outline" | "fixed" | "standard";
-    loading?: boolean;
-    icon?: string;
-    color?: string;
-    label?: string;
-    onPress: () => void;
-    elevation?: number;
-    theme: Theme;
-    style?: StyleProp<ViewStyle>;
-} & PressableProps & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=DeprecatedFAB.d.ts.map

package/lib/typescript/src/components/DeprecatedFAB.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeprecatedFAB.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedFAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAGT,cAAc,EACf,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AAkKX,wBAA8B"}

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

@@ -1,55 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        height: number;
-    };
-    props: {
-        useThemeGutterPadding: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-        };
-        backgroundImage: {
-            label: string;
-            description: string;
-            group: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-        };
-        backgroundImageResizeMode: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: string;
-            formType: string;
-            propType: string;
-            options: string[];
-        };
-        elevation: {
-            defaultValue: any;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            options: number[];
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-};
-//# sourceMappingURL=Container.d.ts.map

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

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

package/src/components/Container.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { View, ImageBackground, StyleSheet, } from "react-native";
-import { withTheme } from "../theming";
-import Elevation from "./Elevation";
-const Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars
-...rest }) => {
-    const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};
-    const containerStyle = {
-        backgroundColor,
-        borderColor,
-        borderWidth,
-        width: "100%",
-        ...styleProp,
-    };
-    const innerStyle = {
-        flex,
-        flexGrow,
-        flexWrap,
-        flexBasis,
-        flexShrink,
-        flexDirection,
-        alignContent,
-        justifyContent,
-        alignItems,
-        padding,
-        paddingTop,
-        paddingBottom,
-        paddingLeft,
-        paddingRight,
-        paddingVertical,
-        paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
-    };
-    const Wrap = elevation ? Elevation : View;
-    if (elevation)
-        containerStyle.elevation = elevation;
-    return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === "string"
-            ? { uri: backgroundImage }
-            : backgroundImage, resizeMode: backgroundImageResizeMode, style: {
-            flex: 1,
-        } },
-        React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));
-};
-export default withTheme(Container);

package/src/components/Container.tsx

@@ -1,116 +0,0 @@
-import * as React from "react";
-import {
-  View,
-  ImageBackground,
-  ImageSourcePropType,
-  StyleProp,
-  StyleSheet,
-  ViewStyle,
-} from "react-native";
-import { withTheme } from "../theming";
-
-import Elevation from "./Elevation";
-import type { Theme } from "../styles/DefaultTheme";
-import { ResizeModeType } from "./ResizeMode";
-
-type Props = {
-  theme: Theme;
-  useThemeGutterPadding: boolean;
-  borderColor: string;
-  borderWidth: number;
-  backgroundColor: string;
-  backgroundImage?: string | ImageSourcePropType;
-  backgroundImageResizeMode?: ResizeModeType;
-  elevation?: number;
-  style?: StyleProp<ViewStyle>;
-  children?: React.ReactNode;
-};
-
-const Container: React.FC<React.PropsWithChildren<Props>> = ({
-  useThemeGutterPadding,
-  borderColor,
-  borderWidth,
-  backgroundColor,
-  backgroundImage,
-  backgroundImageResizeMode,
-  elevation,
-  style,
-  children,
-  theme, // eslint-disable-line @typescript-eslint/no-unused-vars
-  ...rest
-}) => {
-  const {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal,
-    ...styleProp
-  } = StyleSheet.flatten(style) || {};
-
-  const containerStyle: StyleProp<ViewStyle> = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    width: "100%",
-    ...styleProp,
-  };
-
-  const innerStyle: StyleProp<ViewStyle> = {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
-  };
-
-  const Wrap = elevation ? Elevation : View;
-
-  if (elevation) containerStyle.elevation = elevation;
-
-  return (
-    <Wrap style={[containerStyle, style]} {...rest}>
-      {backgroundImage ? (
-        <ImageBackground
-          source={
-            typeof backgroundImage === "string"
-              ? { uri: backgroundImage }
-              : backgroundImage
-          }
-          resizeMode={backgroundImageResizeMode}
-          style={{
-            flex: 1,
-          }}
-        >
-          <View style={innerStyle}>{children}</View>
-        </ImageBackground>
-      ) : (
-        <View style={innerStyle}>{children}</View>
-      )}
-    </Wrap>
-  );
-};
-
-export default withTheme(Container);