@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

package/lib/typescript/src/components/SectionList/SectionList.js

@@ -1,111 +1,111 @@
-import React from "react";
-import { FlashList } from "@shopify/flash-list";
-import { FlatList } from "react-native";
-import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
-import { flattenReactFragments } from "../../utilities";
-export const DEFAULT_SECTION = "Uncategorized";
-const SectionList = ({ sectionKey, stickyHeader = false, listComponent = "FlatList", data: dataProp, renderItem: renderItemProp, keyExtractor: keyExtractorProp, ...rest }) => {
-    const data = React.useMemo(() => (Array.isArray(dataProp) ? dataProp : []), [dataProp]);
-    const dataWithSections = React.useMemo(() => {
-        var _a;
-        const result = [];
-        const sectionDataItems = {};
-        for (const item of data) {
-            const section = ((_a = item[sectionKey]) === null || _a === void 0 ? void 0 : _a.toString()) || DEFAULT_SECTION;
-            if (sectionDataItems[section]) {
-                sectionDataItems[section].push(item);
-            }
-            else {
-                sectionDataItems[section] = [item];
-            }
-        }
-        for (const section in sectionDataItems) {
-            result.push({ type: "SECTION_ITEM", title: section });
-            const sectionItems = sectionDataItems[section].map((item) => ({ type: "DATA_ITEM", data: item }));
-            result.push(...sectionItems);
-        }
-        return result;
-    }, [data, sectionKey]);
-    const sectionHeaderIndicies = React.useMemo(() => stickyHeader
-        ? dataWithSections
-            .filter((item) => item.type === "SECTION_ITEM")
-            .map((item) => dataWithSections.indexOf(item))
-        : undefined, [dataWithSections, stickyHeader]);
-    const extractSectionHeader = (element) => {
-        if (!element) {
-            return null;
-        }
-        const props = element.props || {};
-        const children = flattenReactFragments(React.Children.toArray(props.children));
-        if (element.type === SectionHeader) {
-            return element;
-        }
-        else {
-            for (const child of children) {
-                if (child.type === SectionHeader) {
-                    return child;
-                }
-            }
-        }
-        return null;
-    };
-    const extractRemainingNonSectionHeader = (element) => {
-        if (!element) {
-            return null;
-        }
-        const props = element.props || {};
-        const children = flattenReactFragments(React.Children.toArray(props.children));
-        if (element.type === SectionHeader) {
-            return null;
-        }
-        else {
-            const newChildren = [];
-            for (const child of children) {
-                if (child.type !== SectionHeader) {
-                    newChildren.push(child);
-                }
-            }
-            return React.cloneElement(element, {
-                ...props,
-                children: newChildren,
-            });
-        }
-    };
-    const renderItem = ({ item, index, }) => {
-        switch (item.type) {
-            case "SECTION_ITEM": {
-                const renderedItem = renderItemProp({
-                    index,
-                    section: item.title,
-                });
-                return (extractSectionHeader(renderedItem) || (React.createElement(DefaultSectionHeader, { title: item.title })));
-            }
-            case "DATA_ITEM": {
-                const renderedItem = renderItemProp({
-                    item: item.data,
-                    index,
-                    section: item.data[sectionKey] || DEFAULT_SECTION,
-                });
-                return extractRemainingNonSectionHeader(renderedItem);
-            }
-        }
-    };
-    const keyExtractor = (item, index) => {
-        switch (item.type) {
-            case "SECTION_ITEM": {
-                return `section_${index.toString()}`;
-            }
-            case "DATA_ITEM": {
-                return (keyExtractorProp === null || keyExtractorProp === void 0 ? void 0 : keyExtractorProp(item.data, index)) || index.toString();
-            }
-        }
-    };
-    switch (listComponent) {
-        case "FlatList":
-            return (React.createElement(FlatList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem, keyExtractor: keyExtractor }));
-        case "FlashList":
-            return (React.createElement(FlashList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem, keyExtractor: keyExtractor }));
-    }
-};
-export default SectionList;
+import React from "react";
+import { FlashList } from "@shopify/flash-list";
+import { FlatList } from "react-native";
+import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
+import { flattenReactFragments } from "../../utilities";
+export const DEFAULT_SECTION = "Uncategorized";
+const SectionList = ({ sectionKey, stickyHeader = false, listComponent = "FlatList", data: dataProp, renderItem: renderItemProp, keyExtractor: keyExtractorProp, ...rest }) => {
+    const data = React.useMemo(() => (Array.isArray(dataProp) ? dataProp : []), [dataProp]);
+    const dataWithSections = React.useMemo(() => {
+        var _a;
+        const result = [];
+        const sectionDataItems = {};
+        for (const item of data) {
+            const section = ((_a = item[sectionKey]) === null || _a === void 0 ? void 0 : _a.toString()) || DEFAULT_SECTION;
+            if (sectionDataItems[section]) {
+                sectionDataItems[section].push(item);
+            }
+            else {
+                sectionDataItems[section] = [item];
+            }
+        }
+        for (const section in sectionDataItems) {
+            result.push({ type: "SECTION_ITEM", title: section });
+            const sectionItems = sectionDataItems[section].map((item) => ({ type: "DATA_ITEM", data: item }));
+            result.push(...sectionItems);
+        }
+        return result;
+    }, [data, sectionKey]);
+    const sectionHeaderIndicies = React.useMemo(() => stickyHeader
+        ? dataWithSections
+            .filter((item) => item.type === "SECTION_ITEM")
+            .map((item) => dataWithSections.indexOf(item))
+        : undefined, [dataWithSections, stickyHeader]);
+    const extractSectionHeader = (element) => {
+        if (!element) {
+            return null;
+        }
+        const props = element.props || {};
+        const children = flattenReactFragments(React.Children.toArray(props.children));
+        if (element.type === SectionHeader) {
+            return element;
+        }
+        else {
+            for (const child of children) {
+                if (child.type === SectionHeader) {
+                    return child;
+                }
+            }
+        }
+        return null;
+    };
+    const extractRemainingNonSectionHeader = (element) => {
+        if (!element) {
+            return null;
+        }
+        const props = element.props || {};
+        const children = flattenReactFragments(React.Children.toArray(props.children));
+        if (element.type === SectionHeader) {
+            return null;
+        }
+        else {
+            const newChildren = [];
+            for (const child of children) {
+                if (child.type !== SectionHeader) {
+                    newChildren.push(child);
+                }
+            }
+            return React.cloneElement(element, {
+                ...props,
+                children: newChildren,
+            });
+        }
+    };
+    const renderItem = ({ item, index, }) => {
+        switch (item.type) {
+            case "SECTION_ITEM": {
+                const renderedItem = renderItemProp({
+                    index,
+                    section: item.title,
+                });
+                return (extractSectionHeader(renderedItem) || (React.createElement(DefaultSectionHeader, { title: item.title })));
+            }
+            case "DATA_ITEM": {
+                const renderedItem = renderItemProp({
+                    item: item.data,
+                    index,
+                    section: item.data[sectionKey] || DEFAULT_SECTION,
+                });
+                return extractRemainingNonSectionHeader(renderedItem);
+            }
+        }
+    };
+    const keyExtractor = (item, index) => {
+        switch (item.type) {
+            case "SECTION_ITEM": {
+                return `section_${index.toString()}`;
+            }
+            case "DATA_ITEM": {
+                return (keyExtractorProp === null || keyExtractorProp === void 0 ? void 0 : keyExtractorProp(item.data, index)) || index.toString();
+            }
+        }
+    };
+    switch (listComponent) {
+        case "FlatList":
+            return (React.createElement(FlatList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem, keyExtractor: keyExtractor }));
+        case "FlashList":
+            return (React.createElement(FlashList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem, keyExtractor: keyExtractor }));
+    }
+};
+export default SectionList;
 //# sourceMappingURL=SectionList.js.map

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

@@ -1,2 +1,2 @@
-export { default as SectionList } from "./SectionList";
-export { default as SectionHeader } from "./SectionHeader";
+export { default as SectionList } from "./SectionList";
+export { default as SectionHeader } from "./SectionHeader";

package/lib/typescript/src/components/SectionList/index.js

@@ -1,3 +1,3 @@
-export { default as SectionList } from "./SectionList";
-export { default as SectionHeader } from "./SectionHeader";
+export { default as SectionList } from "./SectionList";
+export { default as SectionHeader } from "./SectionHeader";
 //# sourceMappingURL=index.js.map

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

@@ -1,23 +1,23 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface ShadowProps {
-    disabled?: boolean;
-    startColor?: string;
-    endColor?: string;
-    distance?: number;
-    paintInside?: boolean;
-    stretch?: boolean;
-    offsetX?: number;
-    offsetY?: number;
-    showShadowSideStart?: boolean;
-    showShadowSideEnd?: boolean;
-    showShadowSideTop?: boolean;
-    showShadowSideBottom?: boolean;
-    showShadowCornerTopStart?: boolean;
-    showShadowCornerTopEnd?: boolean;
-    showShadowCornerBottomStart?: boolean;
-    showShadowCornerBottomEnd?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-declare const Shadow: React.FC<React.PropsWithChildren<ShadowProps>>;
-export default Shadow;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+interface ShadowProps {
+    disabled?: boolean;
+    startColor?: string;
+    endColor?: string;
+    distance?: number;
+    paintInside?: boolean;
+    stretch?: boolean;
+    offsetX?: number;
+    offsetY?: number;
+    showShadowSideStart?: boolean;
+    showShadowSideEnd?: boolean;
+    showShadowSideTop?: boolean;
+    showShadowSideBottom?: boolean;
+    showShadowCornerTopStart?: boolean;
+    showShadowCornerTopEnd?: boolean;
+    showShadowCornerBottomStart?: boolean;
+    showShadowCornerBottomEnd?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Shadow: React.FC<React.PropsWithChildren<ShadowProps>>;
+export default Shadow;

package/lib/typescript/src/components/Shadow.js

@@ -1,26 +1,26 @@
-import React from "react";
-import { StyleSheet } from "react-native";
-import { Shadow as ShadowComponent } from "react-native-shadow-2";
-import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
-const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
-    const { borderStyles } = extractBorderAndMarginStyles(style);
-    const shadowStyles = StyleSheet.flatten([
-        borderStyles,
-        extractSizeStyles(style),
-    ]);
-    const containerStyle = StyleSheet.flatten(style);
-    Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
-    return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
-            start: showShadowSideStart,
-            end: showShadowSideEnd,
-            top: showShadowSideTop,
-            bottom: showShadowSideBottom,
-        }, corners: {
-            topStart: showShadowCornerTopStart,
-            topEnd: showShadowCornerTopEnd,
-            bottomStart: showShadowCornerBottomStart,
-            bottomEnd: showShadowCornerBottomEnd,
-        }, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
-};
-export default Shadow;
+import React from "react";
+import { StyleSheet } from "react-native";
+import { Shadow as ShadowComponent } from "react-native-shadow-2";
+import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
+const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
+    const { borderStyles } = extractBorderAndMarginStyles(style);
+    const shadowStyles = StyleSheet.flatten([
+        borderStyles,
+        extractSizeStyles(style),
+    ]);
+    const containerStyle = StyleSheet.flatten(style);
+    Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
+    return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
+            start: showShadowSideStart,
+            end: showShadowSideEnd,
+            top: showShadowSideTop,
+            bottom: showShadowSideBottom,
+        }, corners: {
+            topStart: showShadowCornerTopStart,
+            topEnd: showShadowCornerTopEnd,
+            bottomStart: showShadowCornerBottomStart,
+            bottomEnd: showShadowCornerBottomEnd,
+        }, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
+};
+export default Shadow;
 //# sourceMappingURL=Shadow.js.map

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

@@ -1,27 +1,27 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-export declare type Props = {
-    style?: StyleProp<ViewStyle>;
-    value?: number;
-    defaultValue?: number;
-    minimumTrackTintColor: string;
-    maximumTrackTintColor: string;
-    leftIcon?: string;
-    rightIcon?: string;
-    leftIconColor?: string;
-    rightIconColor?: string;
-    thumbTintColor?: string;
-    tapToSeek?: boolean;
-    minimumValue: number;
-    maximumValue: number;
-    step: number;
-    onValueChange?: (value: number) => void;
-    theme: Theme;
-} & IconSlot;
-declare function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue, maximumValue, tapToSeek, step, onValueChange, style, theme, ...rest }: Props): JSX.Element;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Slider, {}>;
-export default _default;
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+export declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    value?: number;
+    defaultValue?: number;
+    minimumTrackTintColor: string;
+    maximumTrackTintColor: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    leftIconColor?: string;
+    rightIconColor?: string;
+    thumbTintColor?: string;
+    tapToSeek?: boolean;
+    minimumValue: number;
+    maximumValue: number;
+    step: number;
+    onValueChange?: (value: number) => void;
+    theme: Theme;
+} & IconSlot;
+declare function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue, maximumValue, tapToSeek, step, onValueChange, style, theme, ...rest }: Props): JSX.Element;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Slider, {}>;
+export default _default;

package/lib/typescript/src/components/Slider.js

@@ -1,64 +1,64 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import NativeSlider from "@react-native-community/slider";
-import isNumber from "lodash.isnumber";
-import toNumber from "lodash.tonumber";
-import { withTheme } from "../theming";
-function maybeParseValue(value) {
-    if (value === undefined) {
-        return undefined;
-    }
-    if (isNumber(value)) {
-        return value;
-    }
-    try {
-        const maybe = toNumber(value);
-        if (isNumber(maybe)) {
-            return maybe;
-        }
-    }
-    catch {
-        return undefined;
-    }
-    return undefined;
-}
-function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue = 0, maximumValue = 100, tapToSeek, step = 1, onValueChange = () => { }, style, theme, ...rest }) {
-    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
-    React.useEffect(() => {
-        if (value != null) {
-            setInternalValue(value);
-        }
-    }, [value]);
-    React.useEffect(() => {
-        if (defaultValue != null) {
-            setInternalValue(defaultValue);
-        }
-    }, [defaultValue]);
-    const minTrackColor = minimumTrackTintColor || theme.colors.primary;
-    const maxTrackColor = maximumTrackTintColor || theme.colors.light;
-    const thumbColor = thumbTintColor || theme.colors.primary;
-    const leftIconThemeColor = leftIconColor || theme.colors.light;
-    const rightIconThemeColor = rightIconColor || theme.colors.light;
-    const parsedValue = maybeParseValue(internalValue);
-    const handleSlidingComplete = (newValue) => {
-        setInternalValue(newValue);
-        onValueChange(newValue);
-    };
-    return (React.createElement(View, { style: [styles.container, style], ...rest },
-        leftIcon ? (React.createElement(Icon, { color: leftIconThemeColor, name: leftIcon, size: 24 })) : null,
-        React.createElement(NativeSlider, { value: parsedValue, step: step, minimumValue: minimumValue, maximumValue: maximumValue, tapToSeek: tapToSeek, minimumTrackTintColor: minTrackColor, maximumTrackTintColor: maxTrackColor, thumbTintColor: thumbColor, onSlidingComplete: handleSlidingComplete, style: styles.slider }),
-        rightIcon ? (React.createElement(Icon, { color: rightIconThemeColor, name: rightIcon, size: 24 })) : null));
-}
-const styles = StyleSheet.create({
-    container: {
-        height: 40,
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    slider: {
-        flex: 1,
-        marginHorizontal: 12,
-    },
-});
-export default withTheme(Slider);
+import * as React from "react";
+import { View, StyleSheet } from "react-native";
+import NativeSlider from "@react-native-community/slider";
+import isNumber from "lodash.isnumber";
+import toNumber from "lodash.tonumber";
+import { withTheme } from "../theming";
+function maybeParseValue(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (isNumber(value)) {
+        return value;
+    }
+    try {
+        const maybe = toNumber(value);
+        if (isNumber(maybe)) {
+            return maybe;
+        }
+    }
+    catch {
+        return undefined;
+    }
+    return undefined;
+}
+function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue = 0, maximumValue = 100, tapToSeek, step = 1, onValueChange = () => { }, style, theme, ...rest }) {
+    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+        if (value != null) {
+            setInternalValue(value);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const minTrackColor = minimumTrackTintColor || theme.colors.primary;
+    const maxTrackColor = maximumTrackTintColor || theme.colors.light;
+    const thumbColor = thumbTintColor || theme.colors.primary;
+    const leftIconThemeColor = leftIconColor || theme.colors.light;
+    const rightIconThemeColor = rightIconColor || theme.colors.light;
+    const parsedValue = maybeParseValue(internalValue);
+    const handleSlidingComplete = (newValue) => {
+        setInternalValue(newValue);
+        onValueChange(newValue);
+    };
+    return (React.createElement(View, { style: [styles.container, style], ...rest },
+        leftIcon ? (React.createElement(Icon, { color: leftIconThemeColor, name: leftIcon, size: 24 })) : null,
+        React.createElement(NativeSlider, { value: parsedValue, step: step, minimumValue: minimumValue, maximumValue: maximumValue, tapToSeek: tapToSeek, minimumTrackTintColor: minTrackColor, maximumTrackTintColor: maxTrackColor, thumbTintColor: thumbColor, onSlidingComplete: handleSlidingComplete, style: styles.slider }),
+        rightIcon ? (React.createElement(Icon, { color: rightIconThemeColor, name: rightIcon, size: 24 })) : null));
+}
+const styles = StyleSheet.create({
+    container: {
+        height: 40,
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    slider: {
+        flex: 1,
+        marginHorizontal: 12,
+    },
+});
+export default withTheme(Slider);
 //# sourceMappingURL=Slider.js.map

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

@@ -1,20 +1,20 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-declare type Props = {
-    starSize?: number;
-    maxStars?: number;
-    rating?: number;
-    defaultValue?: number;
-    isEditable?: boolean;
-    activeColor?: string;
-    inactiveColor?: string;
-    theme: Theme;
-    style?: StyleProp<ViewStyle>;
-    onPress?: (newValue: number) => void;
-} & 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;
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    starSize?: number;
+    maxStars?: number;
+    rating?: number;
+    defaultValue?: number;
+    isEditable?: boolean;
+    activeColor?: string;
+    inactiveColor?: string;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+    onPress?: (newValue: number) => void;
+} & 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;