@codeleap/web 4.1.0 → 4.2.2

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

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

package/dist/components/ActionIcon/index.js

@@ -0,0 +1,88 @@
+"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.ActionIcon = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Icon_1 = require("../Icon");
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
+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 ActionIcon = function (props) {
+    var _a = __assign(__assign({}, exports.ActionIcon.defaultProps), props), icon = _a.icon, name = _a.name, iconProps = _a.iconProps, onPress = _a.onPress, style = _a.style, children = _a.children, disabled = _a.disabled, debugName = _a.debugName, touchableProps = __rest(_a, ["icon", "name", "iconProps", "onPress", "style", "children", "disabled", "debugName"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.ActionIcon.styleRegistryName, style);
+    var isPressable = common_1.TypeGuards.isFunction(onPress) && !disabled;
+    var WrapperComponent = isPressable ? Touchable_1.Touchable : View_1.View;
+    var handlePress = function (e) {
+        if (!isPressable)
+            return;
+        var pressed = (e === null || e === void 0 ? void 0 : e.type) === 'click' || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.key) === 'Enter';
+        if (pressed) {
+            onPress === null || onPress === void 0 ? void 0 : onPress();
+        }
+    };
+    var getStyles = function (key) { return (0, styles_1.mergeStyles)([
+        styles[key],
+        disabled && styles["".concat(key, ":disabled")],
+        isPressable && styles["".concat(key, ":pressable")],
+    ]); };
+    var wrapperProps = isPressable ? {
+        onPress: function () { return handlePress({ type: 'click' }); },
+        onKeyDown: handlePress,
+    } : {};
+    var wrapperStyles = getStyles('touchableWrapper');
+    var iconStyles = getStyles('icon');
+    return ((0, jsx_runtime_1.jsxs)(WrapperComponent, __assign({ disabled: disabled, debugName: debugName }, wrapperProps, touchableProps, { style: wrapperStyles }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: debugName, name: icon !== null && icon !== void 0 ? icon : name }, iconProps, { style: iconStyles })), children] })));
+};
+exports.ActionIcon = ActionIcon;
+exports.ActionIcon.styleRegistryName = 'ActionIcon';
+exports.ActionIcon.elements = ['touchable', 'icon'];
+exports.ActionIcon.rootElement = 'touchableWrapper';
+exports.ActionIcon.withVariantTypes = function (styles) {
+    return exports.ActionIcon;
+};
+exports.ActionIcon.defaultProps = {
+    disabled: false,
+    tabIndex: 0,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ActionIcon);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { IconComposition } from '../Icon';
+import { TouchableComposition } from '../Touchable/styles';
+export type ActionIconParts = IconComposition | `touchable${Capitalize<TouchableComposition>}`;
+export type ActionIconStates = 'disabled' | 'pressable';
+export type ActionIconComposition = ActionIconParts | `${ActionIconParts}:${ActionIconStates}`;

package/dist/components/ActionIcon/styles.js

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

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

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

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

@@ -0,0 +1,11 @@
+import { ComponentCommonProps } from '../../types';
+import { TouchableProps } from '../Touchable';
+import { ActionIconComposition } from './styles';
+import { IconProps } from '../Icon';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+export type ActionIconProps = Omit<TouchableProps, 'style'> & ComponentCommonProps & {
+    iconProps?: Partial<IconProps>;
+    icon?: AppIcon;
+    name?: AppIcon;
+    style?: StyledProp<ActionIconComposition>;
+};

package/dist/components/ActionIcon/types.js

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

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

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

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

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

package/dist/components/ActivityIndicator/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 __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.ActivityIndicator = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var View_1 = require("../View");
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.ActivityIndicator = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = __assign(__assign({}, exports.ActivityIndicator.defaultProps), props), style = _a.style, Component = _a.component, size = _a.size, rest = __rest(_a, ["style", "component", "size"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.ActivityIndicator.styleRegistryName, style);
+    var _size = react_1.default.useMemo(function () {
+        return common_1.TypeGuards.isNumber(size) ? {
+            width: size,
+            height: size,
+        } : null;
+    }, [size]);
+    return ((0, jsx_runtime_1.jsx)(Component, __assign({ ref: ref }, rest, { style: [styles.wrapper, _size] })));
+});
+exports.ActivityIndicator.styleRegistryName = 'ActivityIndicator';
+exports.ActivityIndicator.elements = ['wrapper'];
+exports.ActivityIndicator.rootElement = 'wrapper';
+exports.ActivityIndicator.withVariantTypes = function (styles) {
+    return exports.ActivityIndicator;
+};
+exports.ActivityIndicator.defaultProps = {
+    component: View_1.View,
+    size: null,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ActivityIndicator);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAyC;AACzC,2CAA6C;AAE7C,6DAA2D;AAC3D,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEV,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAAyC,UAAC,KAAK,EAAE,GAAG;IAC7F,IAAM,2BAMD,yBAAiB,CAAC,YAAY,GAC9B,KAAK,CACT,EAPC,KAAK,WAAA,EACM,SAAS,eAAA,EACpB,IAAI,UAAA,EACD,IAAI,cAJH,8BAKL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,yBAAiB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEvE,IAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CAAC;QAC1B,OAAO,mBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACjC,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,uBAAC,SAAS,aACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAC9B,CACH,CAAA;AACH,CAAC,CAAqD,CAAA;AAEtD,yBAAiB,CAAC,iBAAiB,GAAG,mBAAmB,CAAA;AACzD,yBAAiB,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AACxC,yBAAiB,CAAC,WAAW,GAAG,SAAS,CAAA;AAEzC,yBAAiB,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAClE,OAAO,yBAAiG,CAAA;AAC1G,CAAC,CAAA;AAED,yBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,WAAI;IACf,IAAI,EAAE,IAAI;CACwB,CAAA;AAEpC,mCAAgB,CAAC,iBAAiB,CAAC,yBAAiB,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export type ActivityIndicatorComposition = 'wrapper';

package/dist/components/ActivityIndicator/styles.js

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyledProp } from '@codeleap/styles';
+import { ComponentCommonProps } from '../../types';
+import { ActivityIndicatorComposition } from './styles';
+export type ActivityIndicatorProps = ComponentCommonProps & {
+    style?: StyledProp<ActivityIndicatorComposition>;
+    component?: React.ComponentType<Omit<ActivityIndicatorProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }, 'component'>>;
+    size?: number;
+};

package/dist/components/ActivityIndicator/types.js

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

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

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

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

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

package/dist/components/Badge/index.js

@@ -0,0 +1,100 @@
+"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.Badge = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var defaultGetBadgeContent = function (_a) {
+    var count = _a.count, maxCount = _a.maxCount;
+    if (Number(count) > maxCount) {
+        return "".concat(maxCount, "+");
+    }
+    else {
+        return String(count);
+    }
+};
+var Badge = function (props) {
+    var _a = __assign(__assign({}, exports.Badge.defaultProps), props), debugName = _a.debugName, innerWrapperProps = _a.innerWrapperProps, textProps = _a.textProps, maxCount = _a.maxCount, minCount = _a.minCount, getBadgeContent = _a.getBadgeContent, renderBadgeContent = _a.renderBadgeContent, disabled = _a.disabled, style = _a.style, badge = _a.badge, rest = __rest(_a, ["debugName", "innerWrapperProps", "textProps", "maxCount", "minCount", "getBadgeContent", "renderBadgeContent", "disabled", "style", "badge"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Badge.styleRegistryName, style);
+    var visible = (common_1.TypeGuards.isBoolean(badge) && badge === true) || common_1.TypeGuards.isNumber(badge);
+    if (!visible)
+        return null;
+    var wrapperStyles = [
+        styles === null || styles === void 0 ? void 0 : styles.wrapper,
+        (disabled && (styles === null || styles === void 0 ? void 0 : styles['wrapper:disabled'])),
+    ];
+    var innerWrapperStyles = [
+        styles === null || styles === void 0 ? void 0 : styles.innerWrapper,
+        (disabled && (styles === null || styles === void 0 ? void 0 : styles['innerWrapper:disabled'])),
+        innerWrapperProps === null || innerWrapperProps === void 0 ? void 0 : innerWrapperProps.style,
+    ];
+    var countStyles = [
+        styles === null || styles === void 0 ? void 0 : styles.count,
+        (disabled && (styles === null || styles === void 0 ? void 0 : styles['count:disabled'])),
+        textProps === null || textProps === void 0 ? void 0 : textProps.style,
+    ];
+    var count = common_1.TypeGuards.isNumber(badge) ? badge : null;
+    var content = getBadgeContent(__assign(__assign({}, props), { maxCount: maxCount, minCount: minCount, count: count }));
+    var showContent = common_1.TypeGuards.isNumber(count) && count >= minCount;
+    var BadgeContent = common_1.TypeGuards.isNil(renderBadgeContent) ? function () { return (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: content }, textProps)); } : renderBadgeContent;
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, rest, { style: wrapperStyles }, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({}, innerWrapperProps, { style: innerWrapperStyles }, { children: showContent
+                ? (0, jsx_runtime_1.jsx)(BadgeContent, __assign({}, props, { style: countStyles, maxCount: maxCount, minCount: minCount, count: count, getBadgeContent: getBadgeContent, content: content }))
+                : null })) })));
+};
+exports.Badge = Badge;
+exports.Badge.styleRegistryName = 'Badge';
+exports.Badge.elements = ['wrapper', 'innerWrapper', 'count'];
+exports.Badge.rootElement = 'wrapper';
+exports.Badge.withVariantTypes = function (styles) {
+    return exports.Badge;
+};
+exports.Badge.defaultProps = {
+    maxCount: 9,
+    minCount: 1,
+    getBadgeContent: defaultGetBadgeContent,
+    disabled: false,
+    badge: true,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Badge);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+type BadgeParts = 'wrapper' | 'innerWrapper' | 'count';
+type BadgeStates = 'disabled';
+export type BadgeComposition = `${BadgeParts}:${BadgeStates}` | BadgeParts;
+export {};

package/dist/components/Badge/styles.js

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

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

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { TextProps } from '../Text';
+import { ViewProps } from '../View';
+import { BadgeComposition } from './styles';
+import { ComponentCommonProps } from '../../types';
+import { StyledProp } from '@codeleap/styles';
+export type BadgeProps = Omit<ViewProps, 'style'> & ComponentCommonProps & {
+    style?: StyledProp<BadgeComposition>;
+    maxCount?: number;
+    minCount?: number;
+    debugName?: string;
+    innerWrapperProps?: Partial<ViewProps>;
+    textProps?: Partial<TextProps>;
+    getBadgeContent?: (props: BadgeContent) => string;
+    renderBadgeContent?: (props: BadgeContent & {
+        content: string;
+    }) => JSX.Element;
+    disabled?: boolean;
+    badge?: number | boolean;
+};
+export type BadgeContent = BadgeProps & {
+    count: number;
+};
+export type BadgeComponentProps = {
+    badge?: BadgeProps['badge'];
+    badgeProps?: Partial<BadgeProps>;
+};

package/dist/components/Badge/types.js

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

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

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

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

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

package/dist/components/Button/index.js

@@ -0,0 +1,91 @@
+"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.Button = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var Icon_1 = require("../Icon");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+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 Button = function (buttonProps) {
+    var _a;
+    var allProps = __assign(__assign({}, exports.Button.defaultProps), buttonProps);
+    var children = allProps.children, icon = allProps.icon, text = allProps.text, loading = allProps.loading, loadingShowText = allProps.loadingShowText, onPress = allProps.onPress, disabled = allProps.disabled, rightIcon = allProps.rightIcon, selected = allProps.selected, loaderProps = allProps.loaderProps, debugName = allProps.debugName, style = allProps.style, props = __rest(allProps, ["children", "icon", "text", "loading", "loadingShowText", "onPress", "disabled", "rightIcon", "selected", "loaderProps", "debugName", "style"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Button.styleRegistryName, style);
+    var getStyles = function (key, partialStyle) {
+        if (partialStyle === void 0) { partialStyle = null; }
+        return (0, styles_1.mergeStyles)([
+            styles === null || styles === void 0 ? void 0 : styles[key],
+            disabled ? styles === null || styles === void 0 ? void 0 : styles[key + ':disabled'] : null,
+            selected ? styles === null || styles === void 0 ? void 0 : styles[key + ':selected'] : null,
+            partialStyle,
+        ]);
+    };
+    var iconStyles = getStyles('icon');
+    var componentStyles = {
+        wrapper: getStyles('wrapper'),
+        text: getStyles('text'),
+        loaderWrapper: getStyles('loaderWrapper'),
+        leftIcon: getStyles('leftIcon', iconStyles),
+        rightIcon: getStyles('rightIcon', iconStyles),
+    };
+    // TODO - This is a hack to hide the icon with display: none
+    var isLeftIconHide = ((_a = componentStyles === null || componentStyles === void 0 ? void 0 : componentStyles.leftIcon) === null || _a === void 0 ? void 0 : _a.display) === 'none';
+    var shouldRenderLeftIcon = !loading && !isLeftIconHide && !!icon;
+    var _hideTextOnLoading = !loadingShowText && loading;
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ component: 'button', debugComponent: 'Button', disabled: disabled, onPress: onPress, debugName: debugName }, props, { style: componentStyles.wrapper }, { children: [shouldRenderLeftIcon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: icon, style: componentStyles.leftIcon }) : null, common_1.TypeGuards.isString(text) && !_hideTextOnLoading ? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: text, style: componentStyles.text }) : null, children, loading ? (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, __assign({ debugName: debugName }, loaderProps, { style: componentStyles.loaderWrapper })) : null, !!rightIcon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: rightIcon, style: componentStyles.rightIcon }) : null] })));
+};
+exports.Button = Button;
+exports.Button.styleRegistryName = 'Button';
+exports.Button.elements = ['wrapper', 'text', 'icon', 'leftIcon', 'rightIcon', "loader"];
+exports.Button.rootElement = 'wrapper';
+exports.Button.withVariantTypes = function (styles) {
+    return exports.Button;
+};
+exports.Button.defaultProps = {
+    debounce: 600,
+    loadingShowText: false,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Button);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export type ButtonStates = 'disabled' | 'selected';
+export type ButtonParts = 'wrapper' | 'text' | 'icon' | 'leftIcon' | 'rightIcon' | `loader${Capitalize<ActivityIndicatorComposition>}`;
+export type ButtonComposition = `${ButtonParts}:${ButtonStates}` | ButtonParts;

package/dist/components/Button/styles.js

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

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { AnyFunction } from '@codeleap/common';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { TouchableProps } from '../Touchable';
+import { ActivityIndicatorProps } from '../ActivityIndicator';
+import { ButtonComposition } from './styles';
+import { ComponentCommonProps } from '../../types';
+export type ButtonProps = Omit<TouchableProps, 'style'> & ComponentCommonProps & {
+    text?: string;
+    rightIcon?: AppIcon;
+    icon?: AppIcon;
+    onPress?: AnyFunction;
+    style?: StyledProp<ButtonComposition>;
+    loading?: boolean;
+    loadingShowText?: boolean;
+    debugName: string;
+    debounce?: number;
+    selected?: boolean;
+    children?: React.ReactNode;
+    loaderProps?: Partial<ActivityIndicatorProps>;
+};

package/dist/components/Button/types.js

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

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

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

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

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