@codeleap/mobile 4.1.0 → 4.2.2

package/dist/components/Sections/index.js

@@ -0,0 +1,118 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sections = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.Sections = (0, react_1.forwardRef)(function (sectionsProps, ref) {
+    var _a, _b, _c;
+    var _d = __assign(__assign({}, exports.Sections.defaultProps), sectionsProps), style = _d.style, onRefresh = _d.onRefresh, component = _d.component, refreshing = _d.refreshing, placeholder = _d.placeholder, keyboardAware = _d.keyboardAware, refreshControlProps = _d.refreshControlProps, contentContainerStyle = _d.contentContainerStyle, fakeEmpty = _d.fakeEmpty, refreshControl = _d.refreshControl, props = __rest(_d, ["style", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps", "contentContainerStyle", "fakeEmpty", "refreshControl"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.Sections.styleRegistryName, style);
+    var renderSeparator = (0, common_1.useCallback)(function () {
+        return <View_1.View style={styles === null || styles === void 0 ? void 0 : styles.separator}/>;
+    }, [styles === null || styles === void 0 ? void 0 : styles.separator]);
+    var getItemPosition = function (section, itemIdx) {
+        var listLength = (section === null || section === void 0 ? void 0 : section.length) || 0;
+        var isFirst = itemIdx === 0;
+        var isLast = itemIdx === listLength - 1;
+        var isOnly = isFirst && isLast;
+        return { isFirst: isFirst, isLast: isLast, isOnly: isOnly };
+    };
+    var getSectionPosition = function (data) {
+        var _a;
+        var listLength = ((_a = props.sections) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        var isFirst = data.section.key === props.sections[0].key;
+        var isLast = data.section.key === props.sections[listLength - 1].key;
+        var isOnly = isFirst && isLast;
+        return { isFirst: isFirst, isLast: isLast, isOnly: isOnly };
+    };
+    var renderSectionHeader = (0, common_1.useCallback)(function (data) {
+        if (!(props === null || props === void 0 ? void 0 : props.renderSectionHeader))
+            return null;
+        return props === null || props === void 0 ? void 0 : props.renderSectionHeader(__assign(__assign({}, data), getSectionPosition(data)));
+    }, [props === null || props === void 0 ? void 0 : props.renderSectionHeader, (_a = props === null || props === void 0 ? void 0 : props.sections) === null || _a === void 0 ? void 0 : _a.length]);
+    var renderSectionFooter = (0, common_1.useCallback)(function (data) {
+        if (!(props === null || props === void 0 ? void 0 : props.renderSectionFooter))
+            return null;
+        return props === null || props === void 0 ? void 0 : props.renderSectionFooter(__assign(__assign({}, data), getSectionPosition(data)));
+    }, [props === null || props === void 0 ? void 0 : props.renderSectionFooter, (_b = props === null || props === void 0 ? void 0 : props.sections) === null || _b === void 0 ? void 0 : _b.length]);
+    var renderItem = (0, common_1.useCallback)(function (data) {
+        var _a;
+        if (!(props === null || props === void 0 ? void 0 : props.renderItem))
+            return null;
+        return props === null || props === void 0 ? void 0 : props.renderItem(__assign(__assign({}, data), getItemPosition((_a = data.section) === null || _a === void 0 ? void 0 : _a.data, data === null || data === void 0 ? void 0 : data.index)));
+    }, [props === null || props === void 0 ? void 0 : props.renderItem, (_c = props === null || props === void 0 ? void 0 : props.sections) === null || _c === void 0 ? void 0 : _c.length]);
+    var separatorProp = props.separators;
+    var isEmpty = !props.sections || !props.sections.length;
+    var separator = !isEmpty && separatorProp == true && renderSeparator;
+    var keyboardStyle = (0, utils_1.useKeyboardPaddingStyle)([styles === null || styles === void 0 ? void 0 : styles.content, contentContainerStyle], keyboardAware);
+    return (<react_native_1.SectionList contentContainerStyle={keyboardStyle} showsVerticalScrollIndicator={false} 
+    // @ts-ignore
+    ref={ref} ItemSeparatorComponent={separator} {...props} style={styles === null || styles === void 0 ? void 0 : styles.wrapper} refreshControl={!!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)} renderItem={renderItem} renderSectionHeader={renderSectionHeader} renderSectionFooter={renderSectionFooter}/>);
+});
+exports.Sections.styleRegistryName = 'Sections';
+exports.Sections.elements = ['wrapper', 'content', 'separator'];
+exports.Sections.rootElement = 'wrapper';
+exports.Sections.withVariantTypes = function (styles) {
+    return exports.Sections;
+};
+exports.Sections.defaultProps = {
+    keyboardShouldPersistTaps: 'handled',
+    keyboardAware: true,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Sections);
+//# sourceMappingURL=index.js.map

package/dist/components/Sections/index.js.map

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

package/dist/components/Sections/styles.d.ts

@@ -0,0 +1 @@
+export type SectionsComposition = 'wrapper' | 'content' | 'separator';

package/dist/components/Sections/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Sections/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sections/styles.ts"],"names":[],"mappings":""}

package/dist/components/Sections/types.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { StyledProp } from '@codeleap/styles';
+import { SectionListRenderItemInfo } from 'react-native';
+import { SectionsComposition } from './styles';
+import { SectionListProps as RNSectionListProps } from 'react-native';
+import { ViewProps } from '../View';
+import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+import { RefreshControlProps } from '../RefreshControl';
+export type DataboundSectionListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout' | 'style';
+export type AugmentedSectionRenderItemInfo<T> = SectionListRenderItemInfo<T> & {
+    isFirst: boolean;
+    isLast: boolean;
+    isOnly: boolean;
+};
+export type ReplaceSectionListProps<P, T> = Omit<P, DataboundSectionListPropsTypes> & {
+    sections: T[];
+    keyExtractor?: (item: T, index: number) => string;
+    renderItem: (data: AugmentedSectionRenderItemInfo<T>) => React.ReactElement;
+    onRefresh?: () => void;
+    getItemLayout?: ((data: T, index: number) => {
+        length: number;
+        offset: number;
+        index: number;
+    });
+    fakeEmpty?: boolean;
+};
+export type SectionListProps<T = any[], Data = T extends Array<infer D> ? D : never> = ReplaceSectionListProps<RNSectionListProps<Data>, Data> & Omit<ViewProps, 'style'> & {
+    separators?: boolean;
+    placeholder?: EmptyPlaceholderProps;
+    refreshControlProps?: Partial<RefreshControlProps>;
+    fakeEmpty?: boolean;
+    keyboardAware?: boolean;
+    style?: StyledProp<SectionsComposition>;
+};

package/dist/components/Sections/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Sections/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Sections/types.ts"],"names":[],"mappings":""}

package/dist/components/SegmentedControl/Option.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PropsOf } from '@codeleap/common';
+import { StylesOf } from '../../types';
+import { Text } from '../Text';
+import { TouchableProps } from '../Touchable';
+import { SegmentedControlComposition } from './styles';
+import { AppIcon } from '@codeleap/styles';
+export type SegmentedControlOptionProps = Omit<TouchableProps, 'debugName'> & {
+    selected?: boolean;
+    label: string;
+    value: string;
+    variantStyles?: StylesOf<SegmentedControlComposition>;
+    textProps?: Omit<PropsOf<typeof Text>, 'key'>;
+    icon?: AppIcon;
+    badge?: React.ReactNode;
+    debugName?: string;
+};
+export declare const SegmentedControlOption: (props: SegmentedControlOptionProps) => JSX.Element;

package/dist/components/SegmentedControl/Option.js

@@ -0,0 +1,44 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControlOption = void 0;
+var react_1 = __importDefault(require("react"));
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var Icon_1 = require("../Icon");
+var SegmentedControlOption = function (props) {
+    var selected = props.selected, onPress = props.onPress, debugName = props.debugName, style = props.style, variantStyles = props.variantStyles, label = props.label, value = props.value, icon = props.icon, textProps = props.textProps, _a = props.badge, badge = _a === void 0 ? null : _a, touchableProps = __rest(props, ["selected", "onPress", "debugName", "style", "variantStyles", "label", "value", "icon", "textProps", "badge"]);
+    return (<Touchable_1.Touchable debugName={"Segmented Control ".concat(debugName, ", option ").concat(label)} noFeedback={selected} style={[
+            variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.button,
+            selected && variantStyles['button:selected'],
+            style,
+            {
+                feedback: variantStyles.buttonFeedback,
+            }
+        ]} onPress={onPress} {...touchableProps}>
+      {!!icon ? <Icon_1.Icon name={icon} style={variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.icon}/> : null}
+
+      <Text_1.Text text={label} style={[
+            variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.text,
+            selected && variantStyles['text:selected'],
+            (touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.disabled) && variantStyles['text:disabled'],
+        ]} {...textProps}/>
+
+      {badge}
+    </Touchable_1.Touchable>);
+};
+exports.SegmentedControlOption = SegmentedControlOption;
+//# sourceMappingURL=Option.js.map

package/dist/components/SegmentedControl/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAGzB,gCAA8B;AAC9B,0CAAwD;AAExD,gCAA8B;AAcvB,IAAM,sBAAsB,GAAG,UAAC,KAAkC;IAErE,IAAA,QAAQ,GAWN,KAAK,SAXC,EACR,OAAO,GAUL,KAAK,QAVA,EACP,SAAS,GASP,KAAK,UATE,EACT,KAAK,GAQH,KAAK,MARF,EACL,aAAa,GAOX,KAAK,cAPM,EACb,KAAK,GAMH,KAAK,MANF,EACL,KAAK,GAKH,KAAK,MALF,EACL,IAAI,GAIF,KAAK,KAJH,EACJ,SAAS,GAGP,KAAK,UAHE,EACT,KAEE,KAAK,MAFK,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACT,cAAc,UACf,KAAK,EAZH,8GAYL,CADkB,CACV;IAET,OAAO,CACL,CAAC,qBAAS,CACR,SAAS,CAAC,CAAC,4BAAqB,SAAS,sBAAY,KAAK,CAAE,CAAC,CAC7D,UAAU,CAAC,CAAC,QAAQ,CAAC,CACrB,KAAK,CAAC,CAAC;YACL,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM;YACrB,QAAQ,IAAI,aAAa,CAAC,iBAAiB,CAAC;YAC5C,KAAK;YACL;gBACE,QAAQ,EAAE,aAAa,CAAC,cAAc;aACvC;SACF,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,cAAc,CAAC,CAEnB;MAAA,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAEjE;;MAAA,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC;YACL,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI;YACnB,QAAQ,IAAI,aAAa,CAAC,eAAe,CAAC;YAC1C,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,aAAa,CAAC,eAAe,CAAC;SAC3D,CAAC,CACF,IAAI,SAAS,CAAC,EAGhB;;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,qBAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,sBAAsB,0BA6ClC"}

package/dist/components/SegmentedControl/index.d.ts

@@ -0,0 +1,5 @@
+import { SegmentedControlProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const SegmentedControl: StyledComponentWithProps<SegmentedControlProps>;

package/dist/components/SegmentedControl/index.js

@@ -0,0 +1,174 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControl = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
+var Option_1 = require("./Option");
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var DefaultBubble = function (props) {
+    return <View_1.View animated {...props}/>;
+};
+var defaultAnimation = {
+    type: 'timing',
+    duration: 200,
+    easing: react_native_1.Easing.linear,
+};
+exports.SegmentedControl = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    // @ts-expect-error
+    var _b = (0, styles_1.useTheme)(function (store) { var _a, _b; return [(_a = store.current) === null || _a === void 0 ? void 0 : _a.values, (_b = store.current) === null || _b === void 0 ? void 0 : _b.spacing]; }), themeValues = _b[0], themeSpacing = _b[1];
+    var _c = __assign(__assign({}, exports.SegmentedControl.defaultProps), props), _d = _c.options, options = _d === void 0 ? [] : _d, onValueChange = _c.onValueChange, debugName = _c.debugName, label = _c.label, value = _c.value, _e = _c.animation, animation = _e === void 0 ? {} : _e, _f = _c.scrollProps, scrollProps = _f === void 0 ? {} : _f, _g = _c.getItemWidth, getItemWidth = _g === void 0 ? function () { var _a; return ((themeValues === null || themeValues === void 0 ? void 0 : themeValues.width) - ((_a = themeSpacing === null || themeSpacing === void 0 ? void 0 : themeSpacing.value) === null || _a === void 0 ? void 0 : _a.call(themeSpacing, 4))) / options.length; } : _g, renderBubble = _c.renderBubble, scrollToCurrentOptionOnMount = _c.scrollToCurrentOptionOnMount, renderOption = _c.renderOption, touchableProps = _c.touchableProps, style = _c.style, viewProps = __rest(_c, ["options", "onValueChange", "debugName", "label", "value", "animation", "scrollProps", "getItemWidth", "renderBubble", "scrollToCurrentOptionOnMount", "renderOption", "touchableProps", "style"]);
+    var _h = (0, react_1.useState)(0), bubbleWidth = _h[0], setBubbleWidth = _h[1];
+    var _animation = __assign(__assign({}, defaultAnimation), animation);
+    var styles = (0, hooks_1.useStylesFor)(exports.SegmentedControl.styleRegistryName, style);
+    var scrollRef = (0, react_1.useRef)(null);
+    function scrollTo(idx) {
+        if (!scrollRef.current)
+            return;
+        setTimeout(function () {
+            var _a, _b;
+            (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollToPosition) === null || _b === void 0 ? void 0 : _b.call(_a, widthStyle.width * idx, 0, true);
+        });
+    }
+    var widthStyle = (0, react_1.useMemo)(function () {
+        if (getItemWidth) {
+            var sizes = options.map(getItemWidth);
+            var maxWidth = sizes.sort(function (a, b) { return b - a; })[0];
+            return { width: maxWidth };
+        }
+        return {
+            width: bubbleWidth,
+        };
+    }, [options, bubbleWidth]);
+    var currentOptionIdx = options.findIndex(function (o) { return o.value === value; }) || 0;
+    var onPress = function (txt, idx) {
+        return function () {
+            onValueChange(txt);
+            scrollTo(idx);
+        };
+    };
+    var hasScrolledInitially = (0, react_1.useRef)(false);
+    (0, react_1.useImperativeHandle)(ref, function () {
+        if (!scrollRef.current)
+            return null;
+        return __assign(__assign({}, (scrollRef.current)), { scrollTo: scrollTo, scrollToCurrent: function () {
+                if (!scrollRef.current)
+                    return;
+                scrollTo(currentOptionIdx);
+            } });
+    }, [
+        currentOptionIdx,
+    ]);
+    if (!hasScrolledInitially.current && scrollRef.current && scrollToCurrentOptionOnMount) {
+        scrollTo(currentOptionIdx);
+        hasScrolledInitially.current = true;
+    }
+    var BubbleView = renderBubble;
+    var Option = renderOption;
+    var bubbleAnimation = (0, utils_1.useAnimatedVariantStyles)({
+        variantStyles: styles,
+        animatedProperties: [],
+        updater: function () {
+            'worklet';
+            return {
+                translateX: currentOptionIdx * widthStyle.width,
+            };
+        },
+        transition: _animation,
+        dependencies: [currentOptionIdx, widthStyle.width],
+    });
+    var largestWidth = (0, react_1.useRef)(0);
+    return (<View_1.View style={styles === null || styles === void 0 ? void 0 : styles.wrapper}>
+      <View_1.View {...viewProps} style={styles === null || styles === void 0 ? void 0 : styles.labelWrapper}>
+        <Text_1.Text style={styles === null || styles === void 0 ? void 0 : styles.labelText} text={label}/>
+      </View_1.View>
+
+      <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} style={styles === null || styles === void 0 ? void 0 : styles.scroll} contentContainerStyle={styles === null || styles === void 0 ? void 0 : styles.scrollContent} {...scrollProps} ref={scrollRef}>
+        <View_1.View style={styles === null || styles === void 0 ? void 0 : styles.innerWrapper}>
+          <BubbleView options={options} animated animatedStyle={bubbleAnimation} style={[
+            styles === null || styles === void 0 ? void 0 : styles.selectedBubble,
+            ((_a = props === null || props === void 0 ? void 0 : props.touchableProps) === null || _a === void 0 ? void 0 : _a.disabled) && (styles === null || styles === void 0 ? void 0 : styles['selectedBubble:disabled']),
+            widthStyle,
+        ]}/>
+          {options.map(function (o, idx) { return (<Option debugName={debugName} label={o.label} value={o.value} icon={o.icon} onPress={onPress(o.value, idx)} key={idx} style={widthStyle} selected={value === o.value} variantStyles={styles} onLayout={function (e) {
+                var width = e.nativeEvent.layout.width;
+                if (width > largestWidth.current) {
+                    largestWidth.current = width;
+                }
+                if (idx === options.length - 1) {
+                    setBubbleWidth(largestWidth.current);
+                    largestWidth.current = 0;
+                }
+            }} {...touchableProps}/>); })}
+        </View_1.View>
+      </react_native_1.ScrollView>
+    </View_1.View>);
+});
+exports.SegmentedControl.styleRegistryName = 'SegmentedControl';
+exports.SegmentedControl.elements = ['wrapper', 'selectedBubble', 'innerWrapper', 'scroll', 'text', 'icon', 'button', 'label', 'badge'];
+exports.SegmentedControl.rootElement = 'scroll';
+exports.SegmentedControl.withVariantTypes = function (styles) {
+    return exports.SegmentedControl;
+};
+exports.SegmentedControl.defaultProps = {
+    renderBubble: DefaultBubble,
+    renderOption: Option_1.SegmentedControlOption,
+    scrollToCurrentOptionOnMount: true,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.SegmentedControl);
+//# sourceMappingURL=index.js.map

package/dist/components/SegmentedControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkF;AAClF,6CAAiD;AACjD,gCAA8B;AAC9B,gCAA8B;AAC9B,qCAAsD;AACtD,mCAAiD;AAEjD,2CAA4G;AAC5G,2CAAoD;AACpD,qCAA0C;AAE1C,2CAAwB;AACxB,0CAAuB;AAEvB,IAAM,aAAa,GAAG,UAAC,KAAK;IAC1B,OAAO,CAAC,WAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AACrC,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,qBAAM,CAAC,MAAM;CACtB,CAAA;AAEY,QAAA,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAA6C,UAAC,KAAK,EAAE,GAAG;;IACtG,mBAAmB;IACb,IAAA,KAA8B,IAAA,iBAAQ,EAAC,UAAA,KAAK,gBAAI,OAAA,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,MAAM,EAAE,MAAA,KAAK,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAA,EAAA,CAAC,EAA/F,WAAW,QAAA,EAAE,YAAY,QAAsE,CAAA;IAEtG,IAAM,2BAgBD,wBAAgB,CAAC,YAAY,GAC7B,KAAK,CACT,EAjBC,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,oBAAqF,EAArF,YAAY,mBAAG,sBAAM,OAAA,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,6DAAG,CAAC,CAAC,CAAA,CAAC,GAAG,OAAO,CAAC,MAAM,CAAA,EAAA,KAAA,EACrF,YAAY,kBAAA,EACZ,4BAA4B,kCAAA,EAC5B,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,KAAK,WAAA,EACF,SAAS,cAdR,kMAeL,CAGA,CAAA;IAEK,IAAA,KAAgC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAA;IAEjD,IAAM,UAAU,yBACX,gBAAgB,GAChB,SAAS,CACb,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,wBAAgB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEtE,IAAM,SAAS,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAA;IAEnD,SAAS,QAAQ,CAAC,GAAW;QAC3B,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAC9B,UAAU,CAAC;;YACT,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,gBAAgB,mDAAG,UAAU,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;QACxE,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;QACzB,IAAI,YAAY,EAAE;YAChB,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;YACvC,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,CAAC,CAAC,CAAC,CAAA;YAE/C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;SAE3B;QAED,OAAO;YACL,KAAK,EAAE,WAAW;SACnB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAA;IAE1B,IAAM,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,EAAjB,CAAiB,CAAC,IAAI,CAAC,CAAA;IAEvE,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACvC,OAAO;YACL,aAAa,CAAC,GAAG,CAAC,CAAA;YAClB,QAAQ,CAAC,GAAG,CAAC,CAAA;QACf,CAAC,CAAA;IACH,CAAC,CAAA;IAED,IAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAE1C,IAAA,2BAAmB,EAAC,GAAG,EAAE;QACvB,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO,IAAI,CAAA;QAEnC,OAAO,sBACF,CAAC,SAAS,CAAC,OAAO,CAAC,KACtB,QAAQ,UAAA,EACR,eAAe;gBACb,IAAI,CAAC,SAAS,CAAC,OAAO;oBAAE,OAAM;gBAC9B,QAAQ,CAAC,gBAAgB,CAAC,CAAA;YAC5B,CAAC,GACqB,CAAA;IAC1B,CAAC,EAAE;QACD,gBAAgB;KACjB,CAAC,CAAA;IAEF,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,IAAI,4BAA4B,EAAE;QACtF,QAAQ,CAAC,gBAAgB,CAAC,CAAA;QAC1B,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;KACpC;IAED,IAAM,UAAU,GAAG,YAAY,CAAA;IAC/B,IAAM,MAAM,GAAG,YAAY,CAAA;IAE3B,IAAM,eAAe,GAAG,IAAA,gCAAwB,EAAC;QAC/C,aAAa,EAAE,MAAM;QACrB,kBAAkB,EAAE,EAAE;QACtB,OAAO,EAAE;YACP,SAAS,CAAA;YACT,OAAO;gBACL,UAAU,EAAE,gBAAgB,GAAG,UAAU,CAAC,KAAK;aAChD,CAAA;QACH,CAAC;QACD,UAAU,EAAE,UAAU;QACtB,YAAY,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,KAAK,CAAC;KACnD,CAAC,CAAA;IAEF,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAC3B;MAAA,CAAC,WAAI,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,CAC/C;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAC9C;MAAA,EAAE,WAAI,CAEN;;MAAA,CAAC,yBAAU,CACT,UAAU,CACV,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CACtB,qBAAqB,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,CAC7C,IAAI,WAAW,CAAC,CAChB,GAAG,CAAC,CAAC,SAAuC,CAAC,CAE7C;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,CAChC;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CACR,aAAa,CAAC,CAAC,eAAe,CAAC,CAC/B,KAAK,CAAC,CAAC;YACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc;YACtB,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,yBAAyB,CAAC,CAAA;YACtE,UAAU;SACX,CAAC,EAEJ;UAAA,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,CACvB,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CACf,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAC/B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,QAAQ,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAC5B,aAAa,CAAC,CAAC,MAAM,CAAC,CACtB,QAAQ,CAAC,CAAC,UAAA,CAAC;gBACD,IAAA,KAAK,GAAK,CAAC,CAAC,WAAW,CAAC,MAAM,MAAzB,CAAyB;gBACtC,IAAI,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE;oBAChC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;iBAC7B;gBAED,IAAI,GAAG,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9B,cAAc,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;oBACpC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;iBACzB;YACH,CAAC,CAAC,CACF,IAAI,cAAc,CAAC,EACnB,CACH,EAxBwB,CAwBxB,CAAC,CACJ;QAAA,EAAE,WAAI,CACR;MAAA,EAAE,yBAAU,CACd;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAoD,CAAA;AAErD,wBAAgB,CAAC,iBAAiB,GAAG,kBAAkB,CAAA;AACvD,wBAAgB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC/H,wBAAgB,CAAC,WAAW,GAAG,QAAQ,CAAA;AAEvC,wBAAgB,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACjE,OAAO,wBAA2J,CAAA;AACpK,CAAC,CAAA;AAED,wBAAgB,CAAC,YAAY,GAAG;IAC9B,YAAY,EAAE,aAAa;IAC3B,YAAY,EAAE,+BAAsB;IACpC,4BAA4B,EAAE,IAAI;CACD,CAAA;AAEnC,8BAAmB,CAAC,iBAAiB,CAAC,wBAAgB,CAAC,CAAA"}

package/dist/components/SegmentedControl/styles.d.ts

@@ -0,0 +1,8 @@
+import { StylesOf } from '@codeleap/common';
+import { BadgeComposition } from '../Badge';
+import { TouchableStylesGen } from '../Touchable';
+export type SegmentedControlStates = 'selected' | 'disabled';
+export type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'innerWrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'icon' | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}` | `selectedBubble:${SegmentedControlStates}` | 'labelText' | 'labelWrapper' | `badge${Capitalize<BadgeComposition>}`;
+export type SegmentedControlStylesGen<TCSS = any> = StylesOf<Exclude<SegmentedControlComposition, 'buttonFeedback'>> & {
+    buttonFeedback?: TouchableStylesGen['feedback'];
+};

package/dist/components/SegmentedControl/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/SegmentedControl/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":""}

package/dist/components/SegmentedControl/types.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { ScrollProps, ScrollRef } from '../Scroll';
+import { SegmentedControlOptionProps } from './Option';
+import { TransitionConfig } from '../../utils';
+import { TextProps } from '../Text';
+import { TouchableProps } from '../Touchable';
+import { FormTypes } from '@codeleap/common';
+import { StyledProp } from '@codeleap/styles';
+import { SegmentedControlComposition } from '../components';
+export type SegmentedControlRef = ScrollRef & {
+    scrollTo: (index: number) => void;
+    scrollToCurrent: () => void;
+};
+export type SegmentedControlProps<T = string> = Omit<ScrollProps, 'style'> & {
+    options: SegmentedControlOptionProps[];
+    onValueChange: (value: T) => any;
+    value: T;
+    debugName: string;
+    animation?: TransitionConfig;
+    textProps?: Partial<TextProps>;
+    touchableProps?: Partial<TouchableProps>;
+    label?: FormTypes.Label;
+    renderOption?: (props: SegmentedControlOptionProps) => JSX.Element;
+    renderBubble?: (props: Partial<SegmentedControlProps>) => JSX.Element;
+    getItemWidth?: (item: {
+        label: string;
+        value: T;
+    }, idx: number, arr: {
+        label: string;
+        value: T;
+    }[]) => number;
+    scrollToCurrentOptionOnMount?: boolean;
+    style?: StyledProp<SegmentedControlComposition>;
+};

package/dist/components/SegmentedControl/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/SegmentedControl/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/types.ts"],"names":[],"mappings":""}

package/dist/components/Select/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SelectProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Select: {
+    <T extends string | number = string, Multi extends boolean = false>(selectProps: SelectProps<T, Multi>): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): <T_1 extends string | number = string, Multi_1 extends boolean = false>(props: StyledComponentProps<SelectProps<T_1, Multi_1>, S>) => IJSX;
+    defaultProps: Partial<SelectProps<any, boolean>>;
+};