@codeleap/web 4.1.0 → 4.2.2

package/dist/components/SectionFilters/index.js

@@ -0,0 +1,178 @@
+"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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionFilters = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var Button_1 = require("../Button");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var ItemOption = function (props) {
+    var option = props.option, item = props.item, selectedItems = props.selectedItems, styles = props.styles, onPress = props.onPress, canSelectMultiple = props.canSelectMultiple;
+    var buttonProps = __assign(__assign({}, item === null || item === void 0 ? void 0 : item.itemProps), option === null || option === void 0 ? void 0 : option.itemProps);
+    var isItemSelected = (0, common_1.useMemo)(function () {
+        var _a, _b;
+        if ((item === null || item === void 0 ? void 0 : item.options) && selectedItems) {
+            if (canSelectMultiple) {
+                return common_1.TypeGuards.isArray(selectedItems[item === null || item === void 0 ? void 0 : item.id]) && ((_b = (_a = selectedItems[item === null || item === void 0 ? void 0 : item.id]) === null || _a === void 0 ? void 0 : _a.find) === null || _b === void 0 ? void 0 : _b.call(_a, function (item) { return JSON.stringify(item) === JSON.stringify(option); }));
+            }
+            else {
+                return JSON.stringify(option) === JSON.stringify(selectedItems[item === null || item === void 0 ? void 0 : item.id]);
+            }
+        }
+        else {
+            return selectedItems[item === null || item === void 0 ? void 0 : item.id];
+        }
+    }, [item === null || item === void 0 ? void 0 : item.options, option, selectedItems, item === null || item === void 0 ? void 0 : item.id, canSelectMultiple]);
+    if (isItemSelected) {
+        buttonProps = __assign(__assign({}, buttonProps), item === null || item === void 0 ? void 0 : item.selectedItemProps);
+    }
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ debugName: 'Item option', text: String(option === null || option === void 0 ? void 0 : option.label), onPress: onPress, selected: isItemSelected }, buttonProps, { style: styles })));
+};
+var SectionFilters = function (props) {
+    var _a, _b;
+    var _c = __assign(__assign({}, exports.SectionFilters.defaultProps), props), data = _c.data, onSelectItem = _c.onSelectItem, renderFooterComponent = _c.renderFooterComponent, style = _c.style, applyFilterButtonProps = _c.applyFilterButtonProps, clearFilterButtonProps = _c.clearFilterButtonProps, applyButtonText = _c.applyButtonText, clearButtonText = _c.clearButtonText, filterOnOptionPress = _c.filterOnOptionPress;
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.SectionFilters.styleRegistryName, style);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['itemOptionButton', 'clearButton', 'applyButton'], styles);
+    var _d = (0, common_1.useConditionalState)(props === null || props === void 0 ? void 0 : props.selectedItems, props === null || props === void 0 ? void 0 : props.setSelectedItems, { initialValue: {} }), _selectedItems = _d[0], _setSelectedItems = _d[1];
+    var _e = (0, common_1.useConditionalState)(props === null || props === void 0 ? void 0 : props.draftItems, props === null || props === void 0 ? void 0 : props.setDraftItems, { initialValue: {} }), _draft = _e[0], _setDraft = _e[1];
+    var isEmpty = (data === null || data === void 0 ? void 0 : data.length) <= 0;
+    var shouldDisableActions = ((_a = Object.keys(_draft)) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = Object.keys(_selectedItems)) === null || _b === void 0 ? void 0 : _b.length) === 0;
+    var onPressOption = (0, common_1.useCallback)(function (params) {
+        var item = params.item, option = params.option, canSelectMultiple = params.canSelectMultiple, hasMultipleOptions = params.hasMultipleOptions;
+        _setDraft(function (state) {
+            var _a, _b;
+            var items = __assign({}, state);
+            var multipleOptionsSelected = common_1.TypeGuards.isArray(state === null || state === void 0 ? void 0 : state[item.id]) ? state[item.id] : [];
+            var isItemAlreadySelected = null;
+            if (canSelectMultiple) {
+                isItemAlreadySelected = multipleOptionsSelected === null || multipleOptionsSelected === void 0 ? void 0 : multipleOptionsSelected.find(function (item) { return JSON.stringify(item) === JSON.stringify(option); });
+            }
+            else {
+                isItemAlreadySelected = JSON.stringify(items[item === null || item === void 0 ? void 0 : item.id]) === JSON.stringify(option);
+            }
+            if (isItemAlreadySelected) {
+                if (hasMultipleOptions) {
+                    var newChosenOptions = (_b = (_a = items[item.id]) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.call(_a, function (value) { return JSON.stringify(value) !== JSON.stringify(option); });
+                    if ((newChosenOptions === null || newChosenOptions === void 0 ? void 0 : newChosenOptions.length) === 0) {
+                        delete items[item === null || item === void 0 ? void 0 : item.id];
+                    }
+                    else {
+                        items[item.id] = newChosenOptions;
+                    }
+                }
+                else {
+                    delete items[item === null || item === void 0 ? void 0 : item.id];
+                }
+            }
+            else {
+                items[item.id] = canSelectMultiple ? __spreadArray(__spreadArray([], multipleOptionsSelected, true), [option], false) : option;
+            }
+            if (filterOnOptionPress) {
+                _setSelectedItems(items);
+            }
+            return items;
+        });
+        onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem({ id: item === null || item === void 0 ? void 0 : item.id, option: option });
+    }, [_draft, onSelectItem]);
+    var renderItem = (0, common_1.useCallback)(function (item) {
+        var _a, _b, _c;
+        var _d = item.showDescriptionLabel, showDescriptionLabel = _d === void 0 ? true : _d;
+        var hasMultipleOptions = !!((_a = item === null || item === void 0 ? void 0 : item.options) === null || _a === void 0 ? void 0 : _a.length);
+        var canSelectMultiple = (item === null || item === void 0 ? void 0 : item.canSelectMultiple) && hasMultipleOptions;
+        var description = common_1.TypeGuards.isString(item === null || item === void 0 ? void 0 : item.descriptionLabel) ? item === null || item === void 0 ? void 0 : item.descriptionLabel : item === null || item === void 0 ? void 0 : item.label;
+        var Option = function (_a) {
+            var option = _a.option;
+            if (common_1.TypeGuards.isNil(item === null || item === void 0 ? void 0 : item.id)) {
+                return null;
+            }
+            return ((0, jsx_runtime_1.jsx)(ItemOption, { option: option, item: item, selectedItems: _draft, styles: __assign({}, compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.itemOptionButton), onPress: function () { return onPressOption({ option: option, item: item, canSelectMultiple: canSelectMultiple, hasMultipleOptions: hasMultipleOptions }); }, canSelectMultiple: canSelectMultiple }));
+        };
+        return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.optionWrapper }, { children: [showDescriptionLabel && description ? (0, jsx_runtime_1.jsx)(Text_1.Text, { style: styles.label, text: "".concat(description) }) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.optionInnerWrapper }, { children: hasMultipleOptions ? ((_c = (_b = item === null || item === void 0 ? void 0 : item.options) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, function (option) { return (0, jsx_runtime_1.jsx)(Option, { option: option }); })) : ((0, jsx_runtime_1.jsx)(Option, { option: {
+                            label: common_1.TypeGuards.isNil(item === null || item === void 0 ? void 0 : item.label) ? String(item === null || item === void 0 ? void 0 : item.id) : item === null || item === void 0 ? void 0 : item.label,
+                            value: common_1.TypeGuards.isNil(item === null || item === void 0 ? void 0 : item.label) ? item === null || item === void 0 ? void 0 : item.id : item === null || item === void 0 ? void 0 : item.label,
+                        } })) }))] })));
+    }, [_draft, styles, compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.itemOptionButton]);
+    var DefaultFooter = function (_a) {
+        var onApply = _a.onApply, onClear = _a.onClear, shouldDisableActions = _a.shouldDisableActions;
+        return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.footerWrapper }, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ text: applyButtonText, debugName: "Section Filters Footer - Apply items", onPress: onApply, disabled: shouldDisableActions }, applyFilterButtonProps, { style: compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.applyButton })), (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ text: clearButtonText, debugName: "Section Filters Footer - Apply items", onPress: onClear, disabled: shouldDisableActions }, clearFilterButtonProps, { style: compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.clearButton }))] })));
+    };
+    var onClearItems = function () {
+        var _a;
+        _setDraft({});
+        _setSelectedItems({});
+        (_a = props === null || props === void 0 ? void 0 : props.onClearItems) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    var onApplyItems = function () {
+        var _a;
+        _setSelectedItems(_draft);
+        (_a = props === null || props === void 0 ? void 0 : props.onApplyItems) === null || _a === void 0 ? void 0 : _a.call(props, _selectedItems);
+    };
+    var Footer = renderFooterComponent || DefaultFooter;
+    if (!(data === null || data === void 0 ? void 0 : data.length)) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.innerWrapper }, { children: isEmpty ? null : data === null || data === void 0 ? void 0 : data.map(function (item) { return renderItem(item); }) })), (0, jsx_runtime_1.jsx)(Footer, { onApply: onApplyItems, onClear: onClearItems, shouldDisableActions: shouldDisableActions })] })));
+};
+exports.SectionFilters = SectionFilters;
+exports.SectionFilters.styleRegistryName = 'SectionFilters';
+exports.SectionFilters.elements = [
+    'wrapper',
+    'innerWrapper',
+    'label',
+    'optionWrapper',
+    'optionInnerWrapper',
+    'itemOptionButton',
+    'footerWrapper',
+    'applyButton',
+    'clearButton',
+];
+exports.SectionFilters.rootElement = 'wrapper';
+exports.SectionFilters.withVariantTypes = function (styles) {
+    return exports.SectionFilters;
+};
+exports.SectionFilters.defaultProps = {
+    applyButtonText: 'Filter',
+    clearButtonText: 'Clear',
+    filterOnOptionPress: false,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.SectionFilters);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { ButtonComposition } from '@codeleap/common';
+export type SectionFiltersComposition = 'wrapper' | 'innerWrapper' | 'label' | 'optionWrapper' | 'optionInnerWrapper' | `itemOptionButton${Capitalize<ButtonComposition>}` | 'footerWrapper' | `applyButton${Capitalize<ButtonComposition>}` | `clearButton${Capitalize<ButtonComposition>}`;

package/dist/components/SectionFilters/styles.js

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

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

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

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

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+import { ButtonComposition, ButtonProps } from '../Button';
+import { StylesOf } from '@codeleap/common';
+import { SectionFiltersComposition } from './styles';
+import { StyledProp } from '@codeleap/styles';
+export type ItemOptionProps = {
+    label?: string | number;
+    value: string | number;
+    itemProps?: Omit<ButtonProps, 'debugName'>;
+};
+export type OnPressOptionProps = {
+    item: ItemProps;
+    option: ItemOptionProps;
+    canSelectMultiple: boolean;
+    hasMultipleOptions: boolean;
+};
+export type ItemProps = {
+    id: string | number;
+    label?: string | number;
+    canSelectMultiple?: boolean;
+    descriptionLabel?: string;
+    showDescriptionLabel?: boolean;
+    options?: ItemOptionProps[];
+    itemProps?: Omit<ButtonProps, 'debugName'>;
+    selectedItemProps?: Omit<ButtonProps, 'debugName'>;
+};
+export type onSelectItemProps = {
+    id: ItemProps['id'];
+    option: ItemOptionProps;
+};
+type ApplyFunction = (items?: ItemProps[]) => void;
+type ClearFunction = () => void;
+export type SectionFilterFooterProps = {
+    onClear: ClearFunction;
+    onApply: ApplyFunction;
+    shouldDisableActions: boolean;
+};
+type Item = Record<string, any> | Array<any>;
+export type SectionFiltersProps = {
+    data?: ItemProps[];
+    selectedItems?: Item;
+    setSelectedItems?: (value: Item) => void;
+    draftItems?: Item;
+    setDraftItems?: (value: Item) => void;
+    onSelectItem?: (item: onSelectItemProps) => void;
+    onClearItems?: ClearFunction;
+    onApplyItems?: ApplyFunction;
+    renderFooterComponent?: (props: SectionFilterFooterProps) => JSX.Element;
+    applyFilterButtonProps?: Omit<ButtonProps, 'debugName'>;
+    clearFilterButtonProps?: Omit<ButtonProps, 'debugName'>;
+    filterOnOptionPress?: boolean;
+    applyButtonText?: string;
+    clearButtonText?: string;
+    style?: StyledProp<SectionFiltersComposition>;
+};
+export type OptionProps = {
+    option: ItemOptionProps;
+    item: ItemProps;
+    styles: StylesOf<ButtonComposition>;
+    selectedItems: object;
+    onPress: () => void;
+    canSelectMultiple: boolean;
+};
+export {};

package/dist/components/SectionFilters/types.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { SegmentedControlProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const SegmentedControl: {
+    (props: SegmentedControlProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<SegmentedControlProps, S>) => IJSX;
+    defaultProps: Partial<SegmentedControlProps>;
+};

package/dist/components/SegmentedControl/index.js

@@ -0,0 +1,157 @@
+"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 jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var View_1 = require("../View");
+var common_1 = require("@codeleap/common");
+var Text_1 = require("../Text");
+var framer_motion_1 = require("framer-motion");
+var lib_1 = require("../../lib");
+var Touchable_1 = require("../Touchable");
+var Icon_1 = require("../Icon");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Option = (0, react_1.forwardRef)(function (props, ref) {
+    var selected = props.selected, onPress = props.onPress, styles = props.styles, _a = props.iconProps, iconProps = _a === void 0 ? {} : _a, label = props.label, icon = props.icon, largestWidth = props.largestWidth, textProps = props.textProps, disabled = props.disabled, touchableProps = __rest(props, ["selected", "onPress", "styles", "iconProps", "label", "icon", "largestWidth", "textProps", "disabled"]);
+    var iconStyles = (0, styles_1.mergeStyles)([
+        styles.icon,
+        (selected ? styles['icon:selected'] : null),
+        (disabled ? styles['icon:disabled'] : null),
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ ref: ref, onPress: onPress, disabled: disabled }, touchableProps, { style: __assign(__assign(__assign(__assign({}, styles.button), (selected ? styles['button:selected'] : {})), (disabled ? styles['button:disabled'] : {})), { width: largestWidth === null || largestWidth === void 0 ? void 0 : largestWidth.width }) }, { children: [!!icon ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, name: icon }, iconProps, { style: iconStyles }))) : null, (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: label, debugName: touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName }, textProps, { style: __assign(__assign(__assign({}, styles.text), (selected ? styles['text:selected'] : {})), (disabled ? styles['text:disabled'] : {})) }))] }), touchableProps.key));
+});
+var SegmentedControl = function (props) {
+    var _a = __assign(__assign({}, exports.SegmentedControl.defaultProps), props), label = _a.label, options = _a.options, value = _a.value, onValueChange = _a.onValueChange, style = _a.style, bubbleProps = _a.bubbleProps, animationProps = _a.animationProps, transitionDuration = _a.transitionDuration, disabled = _a.disabled, Bubble = _a.RenderAnimatedView, textProps = _a.textProps, iconProps = _a.iconProps, debugName = _a.debugName, debounce = _a.debounce, debounceEnabled = _a.debounceEnabled, rest = __rest(_a, ["label", "options", "value", "onValueChange", "style", "bubbleProps", "animationProps", "transitionDuration", "disabled", "RenderAnimatedView", "textProps", "iconProps", "debugName", "debounce", "debounceEnabled"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.SegmentedControl.styleRegistryName, style);
+    var currentOptionIdx = react_1.default.useMemo(function () {
+        return (options === null || options === void 0 ? void 0 : options.findIndex(function (o) { return (o === null || o === void 0 ? void 0 : o.value) === value; })) || 0;
+    }, [value]);
+    var maxDivWidthRef = (0, common_1.useRef)(null);
+    var sectionPressedRef = (0, common_1.useRef)(null);
+    var largestWidth = react_1.default.useMemo(function () {
+        return {
+            width: maxDivWidthRef.current,
+        };
+    }, [maxDivWidthRef.current]);
+    var bubbleAnimation = (0, lib_1.useAnimatedVariantStyles)({
+        variantStyles: styles,
+        animatedProperties: [],
+        updater: function () {
+            'worklet';
+            return __assign({ translateX: currentOptionIdx * largestWidth.width, transition: {
+                    ease: 'easeInOut',
+                    duration: transitionDuration,
+                } }, animationProps);
+        },
+        dependencies: [currentOptionIdx, largestWidth.width],
+    });
+    var selectedBubbleStyles = [
+        styles.selectedBubble,
+        disabled && styles['selectedBubble:disabled'],
+        largestWidth,
+    ];
+    var onSelectTab = function (option, e) {
+        if (!e || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
+            if (!debounceEnabled || !common_1.TypeGuards.isNumber(debounce)) {
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option === null || option === void 0 ? void 0 : option.value);
+                return;
+            }
+            if (sectionPressedRef.current !== null)
+                return;
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option === null || option === void 0 ? void 0 : option.value);
+            sectionPressedRef.current = setTimeout(function () {
+                clearTimeout(sectionPressedRef.current);
+                sectionPressedRef.current = null;
+            }, debounce);
+        }
+        else {
+            return null;
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, rest, { style: styles.wrapper }, { children: [label ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, style: [styles.label, disabled && styles['label:disabled']] }) : null, (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: [styles.innerWrapper, disabled && styles['innerWrapper:disabled']] }, { children: [(0, jsx_runtime_1.jsx)(Bubble
+                    // @ts-expect-error
+                    , __assign({ 
+                        // @ts-expect-error
+                        css: selectedBubbleStyles, animate: bubbleAnimation, initial: false }, bubbleProps)), options.map(function (o, idx) { return ((0, jsx_runtime_1.jsx)(Option, __assign({ ref: function (ref) {
+                            if (ref && ref.offsetWidth > maxDivWidthRef.current) {
+                                maxDivWidthRef.current = ref.offsetWidth;
+                            }
+                        }, debugName: debugName, label: o.label, value: o.value, onPress: function () { return onSelectTab(o); }, onKeyDown: function (e) { return onSelectTab(o, e); }, icon: o.icon, selected: value === o.value, styles: styles, disabled: disabled, textProps: textProps, iconProps: iconProps, largestWidth: largestWidth, tabIndex: 0 }, props === null || props === void 0 ? void 0 : props.touchableProps), idx)); })] }))] })));
+};
+exports.SegmentedControl = SegmentedControl;
+exports.SegmentedControl.styleRegistryName = 'SegmentedControl';
+exports.SegmentedControl.elements = [
+    'wrapper',
+    'innerWrapper',
+    'selectedBubble',
+    'text',
+    'icon',
+    'button',
+    'label',
+];
+exports.SegmentedControl.rootElement = 'wrapper';
+exports.SegmentedControl.withVariantTypes = function (styles) {
+    return exports.SegmentedControl;
+};
+exports.SegmentedControl.defaultProps = {
+    animationProps: {},
+    transitionDuration: 0.2,
+    disabled: false,
+    RenderAnimatedView: framer_motion_1.motion.div,
+    debounce: 1000,
+    debounceEnabled: true,
+};
+WebStyleRegistry_1.WebStyleRegistry.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":"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"}

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

@@ -0,0 +1,4 @@
+export type SegmentedControlStates = 'selected' | 'disabled';
+type SegmentedControlParts = 'wrapper' | 'innerWrapper' | 'selectedBubble' | 'text' | 'icon' | 'button' | `label`;
+export type SegmentedControlComposition = SegmentedControlParts | `${SegmentedControlParts}:${SegmentedControlStates}`;
+export {};

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,39 @@
+import React from 'react';
+import { StylesOf } from '@codeleap/common';
+import { TextProps } from '../Text';
+import { TouchableProps } from '../Touchable';
+import { SegmentedControlComposition } from './styles';
+import { MotionProps, AnimationProps, ForwardRefComponent } from 'framer-motion';
+import { IconProps } from '../Icon';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+export type SegmentedControlProps<T = string> = {
+    options: SegmentedControlOptionProps[];
+    value?: T;
+    style?: StyledProp<SegmentedControlComposition>;
+    onValueChange?: (v: any) => void;
+    bubbleProps?: React.HTMLAttributes<HTMLDivElement> & MotionProps;
+    label?: string;
+    touchableProps?: Partial<TouchableProps>;
+    debugName?: string;
+    disabled?: boolean;
+    animationProps?: AnimationProps;
+    transitionDuration?: number;
+    RenderAnimatedView?: ForwardRefComponent<HTMLDivElement, any>;
+    textProps?: TextProps;
+    iconProps?: Partial<IconProps>;
+    debounce?: number;
+    debounceEnabled?: boolean;
+};
+export type OptionRef = TouchableProps['ref'];
+export type SegmentedControlOptionProps = TouchableProps & {
+    selected?: boolean;
+    label: string;
+    styles?: StylesOf<SegmentedControlComposition>;
+    value?: any;
+    textProps?: TextProps;
+    iconProps?: Partial<IconProps>;
+    icon?: AppIcon;
+    largestWidth?: {
+        width: number;
+    };
+};

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,5 @@
+import { SelectProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Select: StyledComponentWithProps<SelectProps>;