@draftbit/core 46.10.3-fb35c9.2 → 46.10.3-fbd333.2

package/lib/module/mappings/CardContainerShortImage.js

@@ -0,0 +1,117 @@
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = [{
+  name: "Short Card (Left)",
+  tag: "CardContainerShortImage",
+  description: "An elevated card with a left aligned image and a title and subtitle",
+  category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png",
+  supports_list_render: true,
+  props: {
+    image: {
+      group: GROUPS.data,
+      label: "Image",
+      description: "Image",
+      formType: FORM_TYPES.image,
+      propType: PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    title: {
+      group: GROUPS.data,
+      label: "Title",
+      description: "Title to display",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "Beautiful West Coast Villa",
+      editable: true,
+      required: false
+    },
+    subtitle: {
+      group: GROUPS.data,
+      label: "Subtitle",
+      description: "Subtitle to display",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "San Diego",
+      editable: true,
+      required: false
+    },
+    aspectRatio: {
+      group: GROUPS.basic,
+      label: "Aspect ratio",
+      description: "Aspect ratio of the image",
+      formType: FORM_TYPES.aspectRatio,
+      propType: PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    elevation: createElevationType(2),
+    mode: {
+      group: GROUPS.uncategorized,
+      label: "Image Side",
+      description: "The side on which the image is on (left or right)",
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "left",
+      options: ["left", "right"],
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}, {
+  name: "Short Card (Right)",
+  tag: "CardContainerShortImage",
+  description: "An elevated card with a right aligned image and a title and subtitle",
+  category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortRightImage.png",
+  supports_list_render: true,
+  props: {
+    image: {
+      group: GROUPS.data,
+      label: "Image",
+      description: "Image",
+      formType: FORM_TYPES.image,
+      propType: PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    title: {
+      group: GROUPS.data,
+      label: "Title",
+      description: "Title to display",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "Beautiful West Coast Villa",
+      editable: true,
+      required: false
+    },
+    subtitle: {
+      group: GROUPS.data,
+      label: "Subtitle",
+      description: "Subtitle to display",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "San Diego",
+      editable: true,
+      required: false
+    },
+    elevation: createElevationType(2),
+    mode: {
+      label: "Mode",
+      description: "Mode",
+      group: GROUPS.uncategorized,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "right",
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}];

package/lib/module/mappings/CardInline.js

@@ -0,0 +1,52 @@
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Inline Card",
+  tag: "CardInline",
+  description: "An elevated card with image and a title and description overlayed, that takes up the full width of its container.",
+  category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {},
+  props: {
+    image: {
+      group: GROUPS.data,
+      label: "Image",
+      description: "Image",
+      formType: FORM_TYPES.image,
+      propType: PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    title: {
+      group: GROUPS.data,
+      label: "Title",
+      description: "Text to display",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "Beautiful West Coast Villa",
+      editable: true,
+      required: false
+    },
+    subtitle: {
+      group: GROUPS.data,
+      label: "Subtitle",
+      description: "Subtitle text",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "San Diego",
+      editable: true,
+      required: false
+    },
+    aspectRatio: {
+      group: GROUPS.basic,
+      label: "Aspect ratio",
+      description: "Aspect ratio of the image",
+      formType: FORM_TYPES.aspectRatio,
+      propType: PROP_TYPES.NUMBER,
+      defaultValue: 1.5,
+      editable: true,
+      required: false
+    },
+    elevation: createElevationType(2)
+  }
+};

package/lib/module/mappings/ProgressIndicator.js

@@ -0,0 +1,181 @@
+import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Progress Indicator",
+  tag: "ProgressIndicator",
+  description: "A component used to show current Step in a process",
+  category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Control_Slider.png",
+  supports_list_render: false,
+  layout: {},
+  props: {
+    numberOfSteps: {
+      group: GROUPS.data,
+      label: "Number of Steps",
+      description: "The border radius for the thumb",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 0,
+      max: 10,
+      step: 1,
+      precision: 0,
+      defaultValue: 5
+    },
+    currentStep: {
+      group: GROUPS.data,
+      label: "Current Step",
+      description: "The step that the user is on",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 0,
+      max: 10,
+      step: 1,
+      precision: 0,
+      defaultValue: 5
+    },
+    stepIndicatorSize: {
+      group: GROUPS.basic,
+      label: "Step Size",
+      description: "The size of the step circle",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 10,
+      max: 100,
+      step: 5,
+      precision: 0,
+      defaultValue: 25
+    },
+    stepIndicatorLabelFontSize: {
+      group: GROUPS.basic,
+      label: "Step Font Size",
+      description: "The font size of the step number",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 6,
+      max: 36,
+      step: 1,
+      precision: 0,
+      defaultValue: 15
+    },
+    currentStepIndicatorLabelFontSize: {
+      group: GROUPS.basic,
+      label: "Current Step Font Size",
+      description: "The font size of the current step number",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 6,
+      max: 36,
+      step: 1,
+      precision: 0,
+      defaultValue: 15
+    },
+    unfinishedColor: {
+      group: GROUPS.basic,
+      label: "Unfinished Color",
+      description: "The color of the step and divider when the step is either not the current step or not finished",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    finishedColor: {
+      group: GROUPS.basic,
+      label: "Finished Color",
+      description: "The color of the step and divider when the step is the current step or finished",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepNumberUnfinishedColor: {
+      group: GROUPS.basic,
+      label: "Unfinished Number Color",
+      description: "The color of the number within the step when unfinished",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepNumberFinishedColor: {
+      group: GROUPS.basic,
+      label: "Finished Number Color",
+      description: "The color of the number within the step when finished",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepIndicatorCurrentColor: {
+      group: GROUPS.basic,
+      label: "Current Step Color",
+      description: "The color of current step circle",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepIndicatorLabelCurrentColor: {
+      group: GROUPS.basic,
+      label: "Current Step Number Color",
+      description: "The color of current number within the step circle",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepStrokeCurrentColor: {
+      group: GROUPS.basic,
+      label: "Current Step Border Color",
+      description: "The color of current border color of the step",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    currentStepStrokeWidth: {
+      group: GROUPS.basic,
+      label: "Current Step Border Width",
+      description: "The width of the border for the current step",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 1,
+      max: 20,
+      step: 1,
+      precision: 0,
+      defaultValue: 0
+    },
+    currentStepIndicatorSize: {
+      group: GROUPS.basic,
+      label: "Current Step Size",
+      description: "The size of the current step circle",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 10,
+      max: 100,
+      step: 5,
+      precision: 0,
+      defaultValue: null
+    }
+  }
+};

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    numColumns?: number;
+    children?: React.ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+    theme: typeof theme;
+};
+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=DeprecatedCardWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedCardWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedCardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAiCF,wBAA+B"}

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

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1 @@
+{"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/components/ProgressIndicator.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import themeT from "../styles/DefaultTheme";
+import { colorTypes } from "@draftbit/types";
+declare type Props = {
+    numberOfSteps: number;
+    currentStep: number;
+    currentStepStrokeWidth?: number;
+    stepStrokeCurrentColor?: colorTypes;
+    stepIndicatorSize?: number;
+    currentStepIndicatorSize?: number;
+    stepIndicatorCurrentColor?: colorTypes;
+    stepIndicatorLabelCurrentColor?: colorTypes;
+    stepIndicatorLabelFontSize?: number;
+    stepNumberFinishedColor?: colorTypes;
+    stepNumberUnfinishedColor?: colorTypes;
+    unfinishedColor?: colorTypes;
+    finishedColor?: colorTypes;
+    theme: typeof themeT;
+};
+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=ProgressIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,aAAK,KAAK,GAAG;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC,8BAA8B,CAAC,EAAE,UAAU,CAAC;IAC5C,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,KAAK,EAAE,OAAO,MAAM,CAAC;CACtB,CAAC;;;;AAiDF,wBAA4C"}

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

@@ -0,0 +1,2 @@
+export declare type ResizeModeType = "cover" | "contain" | "stretch" | "repeat" | "center" | undefined;
+//# sourceMappingURL=ResizeMode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeMode.d.ts","sourceRoot":"","sources":["../../../../src/components/ResizeMode.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GACtB,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC"}