@codeleap/web 4.1.0 → 4.2.1

package/dist/components/Progress/Circle/index.js

@@ -0,0 +1,82 @@
+"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 __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.ProgressCircle = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_circular_progressbar_1 = require("react-circular-progressbar");
+var common_1 = require("@codeleap/common");
+var utils_1 = require("../utils");
+var common_2 = require("@codeleap/common");
+var useStylesFor_1 = require("../../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../../lib/WebStyleRegistry");
+var Text_1 = require("../../Text");
+var Icon_1 = require("../../Icon");
+var View_1 = require("../../View");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var ProgressCircle = function (props) {
+    var _a = __assign(__assign({}, exports.ProgressCircle.defaultProps), props), text = _a.text, progress = _a.progress, icon = _a.icon, iconProps = _a.iconProps, debugName = _a.debugName, showProgress = _a.showProgress, circleProps = _a.circleProps, children = _a.children, formatProgress = _a.formatProgress, circleStyles = _a.circleStyles, style = _a.style, textProps = _a.textProps, propSize = _a.size, rest = __rest(_a, ["text", "progress", "icon", "iconProps", "debugName", "showProgress", "circleProps", "children", "formatProgress", "circleStyles", "style", "textProps", "size"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.ProgressCircle.styleRegistryName, style);
+    var wrapperSize = (0, common_2.useMemo)(function () {
+        var _a, _b, _c, _d, _e;
+        if (common_1.TypeGuards.isNumber(propSize))
+            return propSize;
+        // @ts-expect-error icss type
+        var value = (_d = (_b = (_a = styles.circle) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : (_c = styles.circle) === null || _c === void 0 ? void 0 : _c.width) !== null && _d !== void 0 ? _d : (_e = styles.circle) === null || _e === void 0 ? void 0 : _e.height;
+        return value !== null && value !== void 0 ? value : 0;
+    }, [styles.circle]);
+    var lineStyle = styles.line;
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ debugName: debugName }, rest, { style: styles.wrapper }, { children: (0, jsx_runtime_1.jsxs)(react_circular_progressbar_1.CircularProgressbarWithChildren, __assign({ value: progress, styles: (0, react_circular_progressbar_1.buildStyles)(__assign({ pathColor: lineStyle === null || lineStyle === void 0 ? void 0 : lineStyle.borderColor, trailColor: lineStyle === null || lineStyle === void 0 ? void 0 : lineStyle.backgroundColor, strokeLinecap: 'butt' }, circleStyles)) }, circleProps, { 
+            // @ts-expect-error
+            css: [styles.circle, { width: wrapperSize, height: wrapperSize }] }, { children: [children, !common_1.TypeGuards.isNil(icon) ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ name: icon, debugName: "innerIcon-".concat(debugName) }, iconProps, { style: styles.icon }))) : null, common_1.TypeGuards.isString(text) || showProgress ? ((0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: showProgress ? formatProgress(progress) : String(text) }, textProps, { style: styles.text }))) : text] })) })));
+};
+exports.ProgressCircle = ProgressCircle;
+exports.ProgressCircle.styleRegistryName = 'ProgressCircle';
+exports.ProgressCircle.elements = ['wrapper', 'line', 'circle', 'text', 'icon', 'text'];
+exports.ProgressCircle.rootElement = 'wrapper';
+exports.ProgressCircle.withVariantTypes = function (styles) {
+    return exports.ProgressCircle;
+};
+exports.ProgressCircle.defaultProps = {
+    progress: 0,
+    showProgress: false,
+    formatProgress: utils_1.formatProgress,
+    size: null,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ProgressCircle);
+//# sourceMappingURL=index.js.map

package/dist/components/Progress/Circle/index.js.map

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

package/dist/components/Progress/Circle/styles.d.ts

@@ -0,0 +1 @@
+export type ProgressCircleComposition = 'wrapper' | 'line' | 'circle' | 'text' | 'icon';

package/dist/components/Progress/Circle/styles.js

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

package/dist/components/Progress/Circle/styles.js.map

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

package/dist/components/Progress/Circle/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { PropsOf } from '@codeleap/common';
+import { IconProps, ProgressCircleComposition, ViewProps, TextProps } from '../../components';
+import { ProgressPropsRoot } from '..';
+import { CircularProgressbarWithChildren, buildStyles } from 'react-circular-progressbar';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+export type ProgressCircleProps = Omit<ViewProps, 'style'> & Omit<ProgressPropsRoot, 'style'> & {
+    style?: StyledProp<ProgressCircleComposition>;
+    circleProps?: PropsOf<typeof CircularProgressbarWithChildren>;
+    circleStyles?: Parameters<typeof buildStyles>[0];
+    children?: React.ReactNode;
+    size?: number;
+    text?: string | JSX.Element;
+    textProps?: Partial<TextProps>;
+    icon?: AppIcon;
+    iconProps?: Partial<IconProps>;
+};

package/dist/components/Progress/Circle/types.js

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

package/dist/components/Progress/Circle/types.js.map

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export * from './Bar';
+export * from './Circle';
+export type ProgressPropsRoot = {
+    progress: number;
+    style?: React.CSSProperties;
+    showProgress?: boolean;
+    debugName?: string;
+    formatProgress?: (progress: number) => string;
+};

package/dist/components/Progress/index.js

@@ -0,0 +1,19 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Bar"), exports);
+__exportStar(require("./Circle"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,2CAAwB"}

package/dist/components/Progress/utils.d.ts

@@ -0,0 +1 @@
+export declare function formatProgress(value: any): string;

package/dist/components/Progress/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatProgress = void 0;
+function formatProgress(value) {
+    return "".concat(value.toFixed(value % 1 != 0 && !isNaN(value % 1) ? 2 : 0), "%");
+}
+exports.formatProgress = formatProgress;
+//# sourceMappingURL=utils.js.map

package/dist/components/Progress/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Progress/utils.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,KAAK;IAClC,OAAO,UAAG,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAG,CAAA;AACzE,CAAC;AAFD,wCAEC"}

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

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

package/dist/components/RadioInput/index.js

@@ -0,0 +1,83 @@
+"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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioInput = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var InputBase_1 = require("../InputBase");
+var styles_1 = require("@codeleap/styles");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Option = function (props) {
+    var debugName = props.debugName, item = props.item, disabled = props.disabled, styles = props.styles, selected = props.selected, onSelect = props.onSelect, _a = props.separator, separator = _a === void 0 ? false : _a;
+    var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.disabled);
+    var getStyle = function (key) {
+        var style = null;
+        if (isDisabled && selected)
+            style = styles["".concat(key, ":selectedDisabled")];
+        else if (isDisabled)
+            style = styles["".concat(key, ":disabled")];
+        else if (selected)
+            style = styles["".concat(key, ":selected")];
+        return (0, styles_1.mergeStyles)([styles[key], style]);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ debugName: "".concat(debugName, " option ").concat(item.value), style: getStyle('optionWrapper'), onPress: onSelect, disabled: isDisabled }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: getStyle('optionIndicator') }, { children: (0, jsx_runtime_1.jsx)(View_1.View, { style: getStyle('optionIndicatorInner') }) })), common_1.TypeGuards.isString(item.label) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { style: getStyle('optionLabel'), text: item.label }) : item.label] })), separator ? (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.optionSeparator }) : null] }));
+};
+var RadioInput = function (props) {
+    var _a = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.RadioInput.defaultProps), props)), inputBaseProps = _a.inputBaseProps, radioInputProps = _a.others;
+    var options = radioInputProps.options, value = radioInputProps.value, onValueChange = radioInputProps.onValueChange, style = radioInputProps.style, disabled = radioInputProps.disabled, debugName = radioInputProps.debugName;
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.RadioInput.styleRegistryName, style);
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { disabled: disabled, style: styles, debugName: debugName }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)(Option, { debugName: debugName, item: item, disabled: disabled, styles: styles, selected: value === (item === null || item === void 0 ? void 0 : item.value), onSelect: function () { return onValueChange(item === null || item === void 0 ? void 0 : item.value); }, separator: idx < (options === null || options === void 0 ? void 0 : options.length) - 1 }, idx)); }) })));
+};
+exports.RadioInput = RadioInput;
+exports.RadioInput.styleRegistryName = 'RadioInput';
+exports.RadioInput.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['option'], false);
+exports.RadioInput.rootElement = 'wrapper';
+exports.RadioInput.withVariantTypes = function (styles) {
+    return exports.RadioInput;
+};
+exports.RadioInput.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.RadioInput);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { IconLessInputBaseParts } from '../InputBase';
+type OptionParts = 'wrapper' | 'label' | 'indicator' | 'indicatorInner' | 'separator';
+type OptionStates = 'selected' | 'disabled' | 'selectedDisabled';
+type OptionComposition = `${OptionParts}:${OptionStates}` | OptionParts;
+export type RadioInputComposition = IconLessInputBaseParts | `${IconLessInputBaseParts}:disabled` | `option${Capitalize<OptionComposition>}`;
+export {};

package/dist/components/RadioInput/styles.js

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

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

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

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

@@ -0,0 +1,26 @@
+import { FormTypes, StylesOf } from '@codeleap/common';
+import { InputBaseProps } from '../InputBase';
+import { ReactNode } from 'react';
+import { StyledProp } from '@codeleap/styles';
+import { RadioInputComposition } from './styles';
+type WrapperProps = InputBaseProps;
+type RadioOption<T> = FormTypes.Options<T>[number] & {
+    disabled?: boolean;
+};
+export type RadioInputProps<T extends string | number> = Omit<WrapperProps, 'style'> & {
+    options: RadioOption<T>[];
+    value: T;
+    onValueChange(value: T): void;
+    label: ReactNode;
+    style?: StyledProp<RadioInputComposition>;
+};
+export type RadioOptionProps<T extends string | number> = {
+    item: RadioOption<T>;
+    selected: boolean;
+    onSelect(): void;
+    styles?: StylesOf<RadioInputComposition>;
+    debugName?: string;
+    disabled?: boolean;
+    separator?: boolean;
+};
+export {};

package/dist/components/RadioInput/types.js

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

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

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

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

@@ -0,0 +1,20 @@
+import { TextInputProps } from '../TextInput';
+import { AnyFunction } from '@codeleap/common';
+import { AppIcon } from '@codeleap/styles';
+export type SearchInputProps = {
+    placeholder: string;
+    clearable?: boolean;
+    debugName: string;
+    clearIcon?: AppIcon;
+    searchIcon?: AppIcon;
+    debounce?: number;
+    onSearchChange: (search: string) => void;
+    onTypingChange?: (isTyping: boolean) => void;
+    onValueChange?: (search: string) => void;
+    onClear?: AnyFunction;
+    defaultValue?: string;
+} & Partial<TextInputProps>;
+export declare const SearchInput: {
+    (props: SearchInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: Partial<SearchInputProps>;
+};

package/dist/components/SearchInput/index.js

@@ -0,0 +1,101 @@
+"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 __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.SearchInput = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var TextInput_1 = require("../TextInput");
+var common_1 = require("@codeleap/common");
+var SearchInput = function (props) {
+    var _a;
+    var _b = __assign(__assign({}, exports.SearchInput.defaultProps), props), debugName = _b.debugName, onSearchChange = _b.onSearchChange, onTypingChange = _b.onTypingChange, onClear = _b.onClear, clearable = _b.clearable, placeholder = _b.placeholder, clearIcon = _b.clearIcon, searchIcon = _b.searchIcon, debounce = _b.debounce, value = _b.value, onValueChange = _b.onValueChange, defaultValue = _b.defaultValue, rest = __rest(_b, ["debugName", "onSearchChange", "onTypingChange", "onClear", "clearable", "placeholder", "clearIcon", "searchIcon", "debounce", "value", "onValueChange", "defaultValue"]);
+    var hasStateProps = !common_1.TypeGuards.isNil(value) && common_1.TypeGuards.isFunction(onValueChange);
+    var _c = hasStateProps ? [value, onValueChange] : (0, react_1.useState)(defaultValue), search = _c[0], setSearch = _c[1];
+    var setSearchTimeout = react_1.default.useRef(null);
+    var handleChangeSearch = function (value) {
+        setSearch(value);
+        if (common_1.TypeGuards.isNil(debounce)) {
+            onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
+        }
+        else {
+            if (!common_1.TypeGuards.isNil(setSearchTimeout.current)) {
+                clearTimeout(setSearchTimeout.current);
+            }
+            setSearchTimeout.current = setTimeout(function () {
+                onSearchChange(value);
+                onTypingChange === null || onTypingChange === void 0 ? void 0 : onTypingChange(false);
+            }, debounce !== null && debounce !== void 0 ? debounce : 0);
+        }
+    };
+    var handleClear = function () {
+        setSearch('');
+        onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange('');
+        if (common_1.TypeGuards.isFunction(onClear))
+            onClear === null || onClear === void 0 ? void 0 : onClear();
+    };
+    var showClearIcon = !!((_a = String(search)) === null || _a === void 0 ? void 0 : _a.trim()) && clearable;
+    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInput, __assign({ value: search, placeholder: placeholder, onChangeText: function (value) {
+            onTypingChange === null || onTypingChange === void 0 ? void 0 : onTypingChange(true);
+            handleChangeSearch(value);
+        }, debugName: "Search ".concat(debugName), rightIcon: showClearIcon && {
+            debugName: "Search ".concat(debugName, " right icon"),
+            name: clearIcon,
+            onPress: handleClear,
+        }, leftIcon: {
+            debugName: "Search ".concat(debugName, " left icon"),
+            name: searchIcon,
+        } }, rest)));
+};
+exports.SearchInput = SearchInput;
+exports.SearchInput.defaultProps = {
+    debounce: null,
+    clearable: true,
+    clearIcon: 'x',
+    searchIcon: 'search',
+    defaultValue: '',
+};
+//# sourceMappingURL=index.js.map

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

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

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

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