@draftbit/core 48.4.8-f6d6b8.2 → 48.4.8-fa5021.2

package/src/components/SectionList/SectionHeader.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { View, Text } from "react-native";
+import { withTheme } from "../../theming";
+const SectionHeader = ({ style, children, }) => React.createElement(View, { style: [style] }, children);
+export const DefaultSectionHeader = withTheme(({ title, theme }) => {
+    return (React.createElement(Text, { testID: "default-section-header", style: {
+            color: theme.colors.background,
+            backgroundColor: theme.colors.primary,
+            fontSize: 16,
+            padding: 10,
+        } }, title));
+});
+export default SectionHeader;
+//# sourceMappingURL=SectionHeader.js.map

package/src/components/SectionList/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,aAAa,GAA0D,CAAC,EAC5E,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAQ,CAAC;AAM9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAC3C,CAAC,EAAE,KAAK,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9C,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAC,wBAAwB,EAC/B,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YAC9B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;SACZ,IAEA,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/SectionList/SectionList.js

@@ -0,0 +1,101 @@
+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, ...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);
+            }
+        }
+    };
+    switch (listComponent) {
+        case "FlatList":
+            return (React.createElement(FlatList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem }));
+        case "FlashList":
+            return (React.createElement(FlashList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem }));
+    }
+};
+export default SectionList;
+//# sourceMappingURL=SectionList.js.map

package/src/components/SectionList/SectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,aAAa,EAAE,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAiCxD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;AAE/C,MAAM,WAAW,GAAG,CAAmC,EACrD,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,UAAU,EAC1B,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,cAAc,EAC1B,GAAG,IAAI,EACoD,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAQ,EACtD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC1C,MAAM,MAAM,GAAyB,EAAE,CAAC;QACxC,MAAM,gBAAgB,GAA2B,EAAE,CAAC;QAEpD,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;YACvB,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,UAAU,CAAC,0CAAE,QAAQ,EAAE,KAAI,eAAe,CAAC;YAChE,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE;gBAC7B,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACtC;iBAAM;gBACL,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC;SACF;QAED,KAAK,MAAM,OAAO,IAAI,gBAAgB,EAAE;YACtC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YACtD,MAAM,YAAY,GAA6B,gBAAgB,CAC7D,OAAO,CACR,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACrD,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC;SAC9B;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACzC,GAAG,EAAE,CACH,YAAY;QACV,CAAC,CAAC,gBAAgB;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,CAAC,CAAC,SAAS,EACf,CAAC,gBAAgB,EAAE,YAAY,CAAC,CACjC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAC3B,OAA2B,EACP,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC;SACb;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,qBAAqB,CACpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAyB,CAC/D,CAAC;QAEF,IAAI,OAAO,CAAC,IAAI,KAAK,aAAa,EAAE;YAClC,OAAO,OAAO,CAAC;SAChB;aAAM;YACL,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;gBAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;oBAChC,OAAO,KAAK,CAAC;iBACd;aACF;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,gCAAgC,GAAG,CACvC,OAA2B,EACP,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC;SACb;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,qBAAqB,CACpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAyB,CAC/D,CAAC;QACF,IAAI,OAAO,CAAC,IAAI,KAAK,aAAa,EAAE;YAClC,OAAO,IAAI,CAAC;SACb;aAAM;YACL,MAAM,WAAW,GAAG,EAAE,CAAC;YACvB,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;gBAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;oBAChC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBACzB;aACF;YACD,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;gBACjC,GAAG,KAAK;gBACR,QAAQ,EAAE,WAAW;aACtB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,KAAK,GAIN,EAAE,EAAE;QACH,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,cAAc,CAAC,CAAC;gBACnB,MAAM,YAAY,GAAG,cAAc,CAAC;oBAClC,KAAK;oBACL,OAAO,EAAE,IAAI,CAAC,KAAK;iBACpB,CAAC,CAAC;gBACH,OAAO,CACL,oBAAoB,CAAC,YAAY,CAAC,IAAI,CACpC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC5C,CACF,CAAC;aACH;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,MAAM,YAAY,GAAG,cAAc,CAAC;oBAClC,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK;oBACL,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,eAAe;iBAClD,CAAC,CAAC;gBACH,OAAO,gCAAgC,CAAC,YAAY,CAAC,CAAC;aACvD;SACF;IACH,CAAC,CAAC;IAEF,QAAQ,aAAa,EAAE;QACrB,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,QAAQ,IACP,mBAAmB,EAAE,qBAAqB,KACrC,IAA0C,EAC/C,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,SAAS,IACR,mBAAmB,EAAE,qBAAqB,KACrC,IAA2C,EAChD,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;KACL;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/SectionList/index.js

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

package/src/components/SectionList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/src/components/Shadow.js

@@ -0,0 +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;
+//# sourceMappingURL=Shadow.js.map

package/src/components/Shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsB/E,MAAM,MAAM,GAAmD,CAAC,EAC9D,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,EACxB,oBAAoB,GAAG,IAAI,EAC3B,wBAAwB,GAAG,IAAI,EAC/B,sBAAsB,GAAG,IAAI,EAC7B,2BAA2B,GAAG,IAAI,EAClC,yBAAyB,GAAG,IAAI,EAChC,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;QACtC,YAAY;QACZ,iBAAiB,CAAC,KAAK,CAAC;KACzB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAmB,CAAC;IACnE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,mBAAmB;YAC1B,GAAG,EAAE,iBAAiB;YACtB,GAAG,EAAE,iBAAiB;YACtB,MAAM,EAAE,oBAAoB;SAC7B,EACD,OAAO,EAAE;YACP,QAAQ,EAAE,wBAAwB;YAClC,MAAM,EAAE,sBAAsB;YAC9B,WAAW,EAAE,2BAA2B;YACxC,SAAS,EAAE,yBAAyB;SACrC,EACD,KAAK,EAAE,YAAY,EACnB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/src/components/Slider.js

@@ -0,0 +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);
+//# sourceMappingURL=Slider.js.map

package/src/components/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAuBvC,SAAS,eAAe,CAAC,KAAU;IACjC,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,SAAS,CAAC;KAClB;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnB,OAAO,KAAK,CAAC;KACd;IAED,IAAI;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;YACnB,OAAO,KAAK,CAAC;SACd;KACF;IAAC,MAAM;QACN,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,MAAM,CAAC,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,KAAK,EACL,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,GAAG,EAClB,SAAS,EACT,IAAI,GAAG,CAAC,EACR,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACD;IACN,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,KAAK,IAAI,YAAY,CACtB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,aAAa,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACpE,MAAM,aAAa,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAE1D,MAAM,kBAAkB,GAAG,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAC/D,MAAM,mBAAmB,GAAG,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAEjE,MAAM,WAAW,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAEnD,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;QACjD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,KAAM,IAAI;QAC7C,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,YAAY,IACX,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,aAAa,EACpC,qBAAqB,EAAE,aAAa,EACpC,cAAc,EAAE,UAAU,EAC1B,iBAAiB,EAAE,qBAAqB,EACxC,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB;QACD,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAChE,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,gBAAgB,EAAE,EAAE;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,MAAM,CAAC,CAAC"}

package/src/components/StarRating.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, } from "react-native";
+import { withTheme } from "../theming";
+const StarRating = ({ Icon, starSize = 16, maxStars = 5, rating = 0, defaultValue, isEditable = false, activeColor, inactiveColor, style, onPress, ...rest }) => {
+    const [localRating, setLocalRating] = React.useState(rating || defaultValue || 0);
+    React.useEffect(() => {
+        if (rating != null) {
+            setLocalRating(rating);
+        }
+    }, [rating]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setLocalRating(defaultValue);
+        }
+    }, [defaultValue]);
+    const ratingHandler = React.useCallback((r) => {
+        setLocalRating(r);
+        !!onPress && onPress(r);
+    }, [onPress]);
+    const ratingRounded = Math.round(localRating * 2) / 2;
+    return (React.createElement(View, { style: [styles.container, style], ...rest }, [...Array(maxStars)].map((_, i) => (React.createElement(View, { key: i, style: { display: "flex" } },
+        React.createElement(Icon, { name: ratingRounded - i === 0.5
+                ? "MaterialIcons/star-half"
+                : "MaterialIcons/star", size: starSize, color: ratingRounded > i ? activeColor : inactiveColor }),
+        isEditable && (React.createElement(View, { style: styles.touchContainer },
+            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 0.5) }),
+            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 1) }))))))));
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    touchContainer: {
+        display: "flex",
+        flexDirection: "row",
+        position: "absolute",
+        top: 0,
+        right: 0,
+        left: 0,
+        bottom: 0,
+        zIndex: 1,
+    },
+    pressable: {
+        flex: 1,
+        height: "100%",
+        width: "50%",
+    },
+});
+export default withTheme(StarRating);
+//# sourceMappingURL=StarRating.js.map

package/src/components/StarRating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["StarRating.tsx"],"names":[],"mappings":"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"}

package/src/components/StepIndicator.js

@@ -0,0 +1,347 @@
+// @ts-nocheck
+import React, { Component } from "react";
+import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback, } from "react-native";
+const STEP_STATUS = {
+    CURRENT: "current",
+    FINISHED: "finished",
+    UNFINISHED: "unfinished",
+};
+export default class StepIndicator extends Component {
+    constructor(props) {
+        super(props);
+        this.renderProgressBarBackground = () => {
+            const { stepCount, direction } = this.props;
+            let progressBarBackgroundStyle;
+            if (direction === "vertical") {
+                progressBarBackgroundStyle = {
+                    backgroundColor: this.state.customStyles.separatorUnFinishedColor,
+                    position: "absolute",
+                    left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
+                    top: this.state.height / (2 * stepCount),
+                    bottom: this.state.height / (2 * stepCount),
+                    width: this.state.customStyles.separatorStrokeUnfinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeUnfinishedWidth,
+                };
+            }
+            else {
+                progressBarBackgroundStyle = {
+                    backgroundColor: this.state.customStyles.separatorUnFinishedColor,
+                    position: "absolute",
+                    top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /
+                        2,
+                    left: this.state.width / (2 * stepCount),
+                    right: this.state.width / (2 * stepCount),
+                    height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeUnfinishedWidth,
+                };
+            }
+            return (React.createElement(View, { onLayout: (event) => {
+                    if (direction === "vertical") {
+                        this.setState({ progressBarSize: event.nativeEvent.layout.height }, () => {
+                            this.onCurrentPositionChanged(this.props.currentPosition);
+                        });
+                    }
+                    else {
+                        this.setState({ progressBarSize: event.nativeEvent.layout.width }, () => {
+                            this.onCurrentPositionChanged(this.props.currentPosition);
+                        });
+                    }
+                }, style: progressBarBackgroundStyle }));
+        };
+        this.renderProgressBar = () => {
+            const { stepCount, direction } = this.props;
+            let progressBarStyle;
+            if (direction === "vertical") {
+                progressBarStyle = {
+                    backgroundColor: this.state.customStyles.separatorFinishedColor,
+                    position: "absolute",
+                    left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
+                    top: this.state.height / (2 * stepCount),
+                    bottom: this.state.height / (2 * stepCount),
+                    width: this.state.customStyles.separatorStrokeFinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeFinishedWidth,
+                    height: this.progressAnim,
+                };
+            }
+            else {
+                progressBarStyle = {
+                    backgroundColor: this.state.customStyles.separatorFinishedColor,
+                    position: "absolute",
+                    top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /
+                        2,
+                    left: this.state.width / (2 * stepCount),
+                    right: this.state.width / (2 * stepCount),
+                    height: this.state.customStyles.separatorStrokeFinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeFinishedWidth,
+                    width: this.progressAnim,
+                };
+            }
+            return React.createElement(Animated.View, { style: progressBarStyle });
+        };
+        this.renderStepIndicator = () => {
+            let steps = [];
+            const { stepCount, direction } = this.props;
+            for (let position = 0; position < stepCount; position++) {
+                steps.push(React.createElement(TouchableWithoutFeedback, { key: position, onPress: () => this.stepPressed(position) },
+                    React.createElement(View, { style: [
+                            styles.stepContainer,
+                            direction === "vertical"
+                                ? { flexDirection: "column" }
+                                : { flexDirection: "row" },
+                        ] }, this.renderStep(position))));
+            }
+            return (React.createElement(View, { onLayout: (event) => this.setState({
+                    width: event.nativeEvent.layout.width,
+                    height: event.nativeEvent.layout.height,
+                }), style: [
+                    styles.stepIndicatorContainer,
+                    direction === "vertical"
+                        ? {
+                            flexDirection: "column",
+                            width: this.state.customStyles.currentStepIndicatorSize,
+                        }
+                        : {
+                            flexDirection: "row",
+                            height: this.state.customStyles.currentStepIndicatorSize,
+                        },
+                ] }, steps));
+        };
+        this.renderStepLabels = () => {
+            const { labels, direction, currentPosition, renderLabel } = this.props;
+            var labelViews = labels.map((label, index) => {
+                const selectedStepLabelStyle = index === currentPosition
+                    ? { color: this.state.customStyles.currentStepLabelColor }
+                    : { color: this.state.customStyles.labelColor };
+                return (React.createElement(TouchableWithoutFeedback, { style: styles.stepLabelItem, key: index, onPress: () => this.stepPressed(index) },
+                    React.createElement(View, { style: styles.stepLabelItem }, renderLabel ? (renderLabel({
+                        position: index,
+                        stepStatus: this.getStepStatus(index),
+                        label,
+                        currentPosition,
+                    })) : (React.createElement(Text, { style: [
+                            styles.stepLabel,
+                            selectedStepLabelStyle,
+                            {
+                                fontSize: this.state.customStyles.labelSize,
+                                fontFamily: this.state.customStyles.labelFontFamily,
+                            },
+                        ] }, label)))));
+            });
+            return (React.createElement(View, { style: [
+                    styles.stepLabelsContainer,
+                    direction === "vertical"
+                        ? { flexDirection: "column", paddingHorizontal: 4 }
+                        : { flexDirection: "row", paddingVertical: 4 },
+                    { alignItems: this.state.customStyles.labelAlign },
+                ] }, labelViews));
+        };
+        this.renderStep = (position) => {
+            const { renderStepIndicator } = this.props;
+            let stepStyle;
+            let indicatorLabelStyle;
+            switch (this.getStepStatus(position)) {
+                case STEP_STATUS.CURRENT: {
+                    stepStyle = {
+                        backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,
+                        borderWidth: this.state.customStyles.currentStepStrokeWidth,
+                        borderColor: this.state.customStyles.stepStrokeCurrentColor,
+                        height: this.sizeAnim,
+                        width: this.sizeAnim,
+                        borderRadius: this.borderRadiusAnim,
+                    };
+                    indicatorLabelStyle = {
+                        fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,
+                        color: this.state.customStyles.stepIndicatorLabelCurrentColor,
+                    };
+                    break;
+                }
+                case STEP_STATUS.FINISHED: {
+                    stepStyle = {
+                        backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,
+                        borderWidth: this.state.customStyles.stepStrokeWidth,
+                        borderColor: this.state.customStyles.stepStrokeFinishedColor,
+                        height: this.state.customStyles.stepIndicatorSize,
+                        width: this.state.customStyles.stepIndicatorSize,
+                        borderRadius: this.state.customStyles.stepIndicatorSize / 2,
+                    };
+                    indicatorLabelStyle = {
+                        fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
+                        color: this.state.customStyles.stepIndicatorLabelFinishedColor,
+                    };
+                    break;
+                }
+                case STEP_STATUS.UNFINISHED: {
+                    stepStyle = {
+                        backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,
+                        borderWidth: this.state.customStyles.stepStrokeWidth,
+                        borderColor: this.state.customStyles.stepStrokeUnFinishedColor,
+                        height: this.state.customStyles.stepIndicatorSize,
+                        width: this.state.customStyles.stepIndicatorSize,
+                        borderRadius: this.state.customStyles.stepIndicatorSize / 2,
+                    };
+                    indicatorLabelStyle = {
+                        overflow: "hidden",
+                        fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
+                        color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,
+                    };
+                    break;
+                }
+                default:
+            }
+            return (React.createElement(Animated.View, { key: "step-indicator", style: [styles.step, stepStyle] }, renderStepIndicator ? (renderStepIndicator({
+                position,
+                stepStatus: this.getStepStatus(position),
+            })) : (React.createElement(Text, { style: indicatorLabelStyle }, `${position + 1}`))));
+        };
+        this.getStepStatus = (stepPosition) => {
+            const { currentPosition } = this.props;
+            if (stepPosition === currentPosition) {
+                return STEP_STATUS.CURRENT;
+            }
+            else if (stepPosition < currentPosition) {
+                return STEP_STATUS.FINISHED;
+            }
+            else {
+                return STEP_STATUS.UNFINISHED;
+            }
+        };
+        this.onCurrentPositionChanged = (position) => {
+            let { stepCount } = this.props;
+            if (position > stepCount - 1) {
+                position = stepCount - 1;
+            }
+            const animateToPosition = (this.state.progressBarSize / (stepCount - 1)) * position;
+            this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);
+            this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);
+            Animated.sequence([
+                Animated.timing(this.progressAnim, {
+                    toValue: animateToPosition,
+                    duration: 200,
+                }),
+                Animated.parallel([
+                    Animated.timing(this.sizeAnim, {
+                        toValue: this.state.customStyles.currentStepIndicatorSize,
+                        duration: 100,
+                    }),
+                    Animated.timing(this.borderRadiusAnim, {
+                        toValue: this.state.customStyles.currentStepIndicatorSize / 2,
+                        duration: 100,
+                    }),
+                ]),
+            ]).start();
+        };
+        const defaultStyles = {
+            stepIndicatorSize: 30,
+            currentStepIndicatorSize: 40,
+            separatorStrokeWidth: 3,
+            separatorStrokeUnfinishedWidth: 0,
+            separatorStrokeFinishedWidth: 0,
+            currentStepStrokeWidth: 5,
+            stepStrokeWidth: 0,
+            stepStrokeCurrentColor: "#4aae4f",
+            stepStrokeFinishedColor: "#4aae4f",
+            stepStrokeUnFinishedColor: "#4aae4f",
+            separatorFinishedColor: "#4aae4f",
+            separatorUnFinishedColor: "#a4d4a5",
+            stepIndicatorFinishedColor: "#4aae4f",
+            stepIndicatorUnFinishedColor: "#a4d4a5",
+            stepIndicatorCurrentColor: "#ffffff",
+            stepIndicatorLabelFontSize: 15,
+            currentStepIndicatorLabelFontSize: 15,
+            stepIndicatorLabelCurrentColor: "#000000",
+            stepIndicatorLabelFinishedColor: "#ffffff",
+            stepIndicatorLabelUnFinishedColor: "rgba(255,255,255,0.5)",
+            labelColor: "#000000",
+            labelSize: 13,
+            labelAlign: "center",
+            currentStepLabelColor: "#4aae4f",
+        };
+        const customStyles = Object.assign(defaultStyles, props.customStyles);
+        this.state = {
+            width: 0,
+            height: 1,
+            progressBarSize: -2,
+            customStyles,
+        };
+        this.progressAnim = new Animated.Value(0);
+        this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);
+        this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);
+    }
+    stepPressed(position) {
+        if (this.props.onPress) {
+            this.props.onPress(position);
+        }
+    }
+    render() {
+        const { labels, direction } = this.props;
+        return (React.createElement(View, { style: [
+                styles.container,
+                direction === "vertical"
+                    ? { flexDirection: "row", flex: 1 }
+                    : { flexDirection: "column" },
+            ] },
+            this.state.width !== 0 && this.renderProgressBarBackground(),
+            this.state.width !== 0 && this.renderProgressBar(),
+            this.renderStepIndicator(),
+            labels && this.renderStepLabels()));
+    }
+    componentDidUpdate(prevProps) {
+        // if (prevProps.customStyles !== this.props.customStyles) {
+        //   this.setState((state) => ({
+        //     customStyles: Object.assign(
+        //       state.customStyles,
+        //       this.props.customStyles
+        //     ),
+        //   }));
+        // }
+        if (prevProps.currentPosition !== this.props.currentPosition) {
+            this.onCurrentPositionChanged(this.props.currentPosition);
+        }
+    }
+}
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: "transparent",
+    },
+    stepIndicatorContainer: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-around",
+        backgroundColor: "transparent",
+    },
+    stepLabelsContainer: {
+        justifyContent: "space-around",
+    },
+    step: {
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 2,
+    },
+    stepContainer: {
+        flex: 1,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    stepLabel: {
+        fontSize: 12,
+        textAlign: "center",
+        fontWeight: "500",
+    },
+    stepLabelItem: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+StepIndicator.defaultProps = {
+    currentPosition: 0,
+    stepCount: 5,
+    customStyles: {},
+    direction: "horizontal",
+};
+//# sourceMappingURL=StepIndicator.js.map