@codeleap/mobile 4.1.0 → 4.2.2

package/dist/Registry.d.ts

@@ -0,0 +1,7 @@
+import { AnyStyledComponent, CodeleapStyleRegistry, ICSS } from '@codeleap/styles';
+export declare class MobileStyleRegistry extends CodeleapStyleRegistry {
+    constructor();
+    createStyle(css: ICSS): ICSS;
+    static get current(): MobileStyleRegistry;
+    static registerComponent(component: AnyStyledComponent): void;
+}

package/dist/Registry.js

@@ -0,0 +1,67 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileStyleRegistry = void 0;
+var styles_1 = require("@codeleap/styles");
+var react_native_1 = require("react-native");
+var react_native_mmkv_1 = require("react-native-mmkv");
+var mmkvStorage = new react_native_mmkv_1.MMKV();
+var persistor = new styles_1.StylePersistor({
+    set: function (key, value) {
+        return mmkvStorage === null || mmkvStorage === void 0 ? void 0 : mmkvStorage.set(key, value);
+    },
+    get: function (key) {
+        return mmkvStorage === null || mmkvStorage === void 0 ? void 0 : mmkvStorage.getString(key);
+    },
+    del: function (key) {
+        return mmkvStorage === null || mmkvStorage === void 0 ? void 0 : mmkvStorage.delete(key);
+    },
+});
+var instance;
+var components = [];
+var MobileStyleRegistry = /** @class */ (function (_super) {
+    __extends(MobileStyleRegistry, _super);
+    function MobileStyleRegistry() {
+        var _this = _super.call(this, persistor) || this;
+        components.forEach(function (component) {
+            _this.registerComponent(component);
+        });
+        if (!instance) {
+            instance = _this;
+        }
+        return instance;
+    }
+    MobileStyleRegistry.prototype.createStyle = function (css) {
+        return react_native_1.StyleSheet.create({ s: css }).s;
+    };
+    Object.defineProperty(MobileStyleRegistry, "current", {
+        get: function () {
+            return instance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MobileStyleRegistry.registerComponent = function (component) {
+        components.push(component);
+        if (instance) {
+            instance.registerComponent(component);
+        }
+    };
+    return MobileStyleRegistry;
+}(styles_1.CodeleapStyleRegistry));
+exports.MobileStyleRegistry = MobileStyleRegistry;
+//# sourceMappingURL=Registry.js.map

package/dist/Registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Registry.js","sourceRoot":"","sources":["../src/Registry.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2CAAkG;AAClG,6CAAyC;AACzC,uDAAwC;AAExC,IAAM,WAAW,GAAG,IAAI,wBAAI,EAAE,CAAA;AAE9B,IAAM,SAAS,GAAG,IAAI,uBAAc,CAAC;IACnC,GAAG,YAAC,GAAG,EAAE,KAAK;QACZ,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC;IACD,GAAG,YAAC,GAAG;QACL,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IACpC,CAAC;IACD,GAAG,YAAC,GAAG;QACL,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,GAAG,CAAC,CAAA;IACjC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA6B,CAAA;AAEjC,IAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE;IAAyC,uCAAqB;IAC5D;QAAA,YACE,kBAAM,SAAS,CAAC,SAWjB;QATC,UAAU,CAAC,OAAO,CAAC,UAAC,SAAS;YAC3B,KAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,KAAI,CAAA;SAChB;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,yCAAW,GAAX,UAAY,GAAS;QACnB,OAAO,yBAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;IACxC,CAAC;IAED,sBAAW,8BAAO;aAAlB;YACE,OAAO,QAAQ,CAAA;QACjB,CAAC;;;OAAA;IAEM,qCAAiB,GAAxB,UAAyB,SAA6B;QACpD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;SACtC;IACH,CAAC;IACH,0BAAC;AAAD,CAAC,AA7BD,CAAyC,8BAAqB,GA6B7D;AA7BY,kDAAmB"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { ActionIconProps } from './types';
+export * from './styles';
+export * from './types';
+export declare const ActionIcon: {
+    (props: ActionIconProps): 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,79 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var Badge_1 = require("../Badge");
+var Icon_1 = require("../Icon");
+var Touchable_1 = require("../Touchable");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var ActionIcon = function (props) {
+    var _a = __assign(__assign({}, exports.ActionIcon.defaultProps), props), name = _a.name, icon = _a.icon, iconProps = _a.iconProps, children = _a.children, badge = _a.badge, _b = _a.badgeProps, badgeProps = _b === void 0 ? {} : _b, style = _a.style, touchableProps = __rest(_a, ["name", "icon", "iconProps", "children", "badge", "badgeProps", "style"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.ActionIcon.styleRegistryName, style);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['badge', 'touchable'], styles);
+    return (<Touchable_1.Touchable {...touchableProps} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.touchable}>
+      <Icon_1.Icon name={icon !== null && icon !== void 0 ? icon : name} {...iconProps} style={[
+            styles.icon,
+            (touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.disabled) && styles['icon:disabled'],
+        ]}/>
+
+      {children}
+
+      <Badge_1.Badge badge={badge} {...badgeProps} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.badge}/>
+    </Touchable_1.Touchable>);
+};
+exports.ActionIcon = ActionIcon;
+exports.ActionIcon.styleRegistryName = 'ActionIcon';
+exports.ActionIcon.elements = ['icon', 'touchable', 'badge'];
+exports.ActionIcon.rootElement = 'touchableWrapper';
+exports.ActionIcon.withVariantTypes = function (styles) {
+    return exports.ActionIcon;
+};
+exports.ActionIcon.defaultProps = {
+    hitSlop: 10,
+    badge: false,
+};
+Registry_1.MobileStyleRegistry.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA8F;AAC9F,2CAAoD;AACpD,kCAAgC;AAChC,gCAA8B;AAC9B,0CAAwC;AAExC,qCAA0C;AAE1C,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,UAAU,GAAG,UAAC,KAAsB;IAC/C,IAAM,2BAUD,kBAAU,CAAC,YAAY,GACvB,KAAK,CACT,EAXC,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,KAAK,WAAA,EACF,cAAc,cARb,yEASL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,kBAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEhE,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,CAAA;IAE9E,OAAO,CACL,CAAC,qBAAS,CAAC,IAAI,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,CAAC,CACjE;MAAA,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,CACnB,IAAI,SAAS,CAAC,CACd,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,IAAI;YACX,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,MAAM,CAAC,eAAe,CAAC;SACpD,CAAC,EAGJ;;MAAA,CAAC,QAAQ,CAET;;MAAA,CAAC,aAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAC,EACvE;IAAA,EAAE,qBAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,UAAU,cAmCtB;AAED,kBAAU,CAAC,iBAAiB,GAAG,YAAY,CAAA;AAC3C,kBAAU,CAAC,QAAQ,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;AACpD,kBAAU,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE3C,kBAAU,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC3D,OAAO,kBAAmF,CAAA;AAC5F,CAAC,CAAA;AAED,kBAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,KAAK;CACe,CAAA;AAE7B,8BAAmB,CAAC,iBAAiB,CAAC,kBAAU,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+import { BadgeComposition } from '../Badge';
+import { TouchableComposition } from '../Touchable';
+export type ActionIconParts = 'icon' | `touchable${Capitalize<TouchableComposition>}` | `badge${Capitalize<BadgeComposition>}`;
+export type ActionIconStates = ':disabled' | '';
+export type ActionIconComposition = `${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 { AppIcon, StyledProp } from '@codeleap/styles';
+import { BadgeComponentProps } from '../Badge';
+import { IconProps } from '../Icon';
+import { TouchableProps } from '../Touchable';
+import { ActionIconComposition } from './styles';
+export type ActionIconProps = Omit<TouchableProps, 'style'> & BadgeComponentProps & {
+    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,15 @@
+import React from 'react';
+import { ActivityIndicator as RNActivityIndicator } from 'react-native';
+import { ActivityIndicatorProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { ActionIconProps } from '../ActionIcon';
+export * from './styles';
+export * from './types';
+export declare const ActivityIndicator: {
+    <T extends React.ComponentType<{}> = typeof RNActivityIndicator>(props: ActivityIndicatorProps<T>): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    defaultProps: Partial<ActionIconProps>;
+    withVariantTypes<S extends AnyRecord>(styles: S): <T_1 extends React.ComponentType<{}> = typeof RNActivityIndicator>(props: StyledComponentProps<ActivityIndicatorProps<T_1>, S>) => IJSX;
+};

package/dist/components/ActivityIndicator/index.js

@@ -0,0 +1,66 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityIndicator = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var ActivityIndicator = function (props) {
+    var _a = __assign(__assign({}, exports.ActivityIndicator.defaultProps), props), style = _a.style, _b = _a.component, Component = _b === void 0 ? react_native_1.ActivityIndicator : _b, rest = __rest(_a, ["style", "component"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.ActivityIndicator.styleRegistryName, style);
+    var wrapperStyle = styles === null || styles === void 0 ? void 0 : styles.wrapper;
+    var color = (wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.color) || '#000';
+    var size = ((wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.height) || (wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.width) || 'large');
+    return (<Component size={size} color={color} {...rest} style={styles === null || styles === void 0 ? void 0 : styles.wrapper}/>);
+};
+exports.ActivityIndicator = ActivityIndicator;
+exports.ActivityIndicator.styleRegistryName = 'ActivityIndicator';
+exports.ActivityIndicator.elements = ['wrapper'];
+exports.ActivityIndicator.rootElement = 'wrapper';
+exports.ActivityIndicator.defaultProps = {};
+exports.ActivityIndicator.withVariantTypes = function (styles) {
+    return exports.ActivityIndicator;
+};
+Registry_1.MobileStyleRegistry.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,gDAA4C;AAC5C,6CAAuE;AAEvE,2CAAoD;AAEpD,qCAA0C;AAG1C,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,iBAAiB,GAAG,UAA6D,KAAgC;IAC5H,IAAM,2BAKD,yBAAiB,CAAC,YAAY,GAC9B,KAAK,CACT,EANC,KAAK,WAAA,EACL,iBAA0C,EAA/B,SAAS,mBAAG,gCAAmB,KAAA,EACvC,IAAI,cAHH,sBAIL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,yBAAiB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEvE,IAAM,YAAY,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAwB,CAAA;IAErD,IAAM,KAAK,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,MAAM,CAAA;IAC3C,IAAM,IAAI,GAAG,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA,IAAI,OAAO,CAAW,CAAA;IAE/E,OAAO,CACL,CAAC,SAAS,CACR,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,EACvB,CACH,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,iBAAiB,qBAyB7B;AAED,yBAAiB,CAAC,iBAAiB,GAAG,mBAAmB,CAAA;AACzD,yBAAiB,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AACxC,yBAAiB,CAAC,WAAW,GAAG,SAAS,CAAA;AACzC,yBAAiB,CAAC,YAAY,GAAG,EAA8B,CAAA;AAE/D,yBAAiB,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAClE,OAAO,yBAAkK,CAAA;AAC3K,CAAC,CAAA;AAED,8BAAmB,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,9 @@
+/// <reference types="react" />
+import { PropsOf } from '@codeleap/common';
+import { StyledProp } from '@codeleap/styles';
+import { ActivityIndicator as RNActivityIndicator } from 'react-native';
+import { ActivityIndicatorComposition } from './styles';
+export type ActivityIndicatorProps<T extends React.ComponentType = typeof RNActivityIndicator> = {
+    style?: StyledProp<ActivityIndicatorComposition>;
+    component?: T;
+} & PropsOf<T>;

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/Autocomplete/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AutocompleteProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Autocomplete: {
+    <T extends string | number = string, Multi extends boolean = false>(autocomplete: AutocompleteProps<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<AutocompleteProps<T_1, Multi_1>, S>) => IJSX;
+    defaultProps: Partial<AutocompleteProps<any, boolean>>;
+};

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,192 @@
+"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 __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.Autocomplete = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var List_1 = require("../List");
+var SearchInput_1 = require("../SearchInput");
+var Button_1 = require("../Button");
+var View_1 = require("../View");
+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 defaultFilterFunction = function (search, options) {
+    return options.filter(function (option) {
+        if (common_1.TypeGuards.isString(option.label)) {
+            return option.label.toLowerCase().includes(search.toLowerCase());
+        }
+        return option.label === search;
+    });
+};
+var defaultGetLabel = function (option) {
+    if (common_1.TypeGuards.isArray(option)) {
+        if (option.length === 0)
+            return null;
+        return option.map(function (o) { return o.label; }).join(', ');
+    }
+    else {
+        if (!option)
+            return null;
+        return option === null || option === void 0 ? void 0 : option.label;
+    }
+};
+var Autocomplete = function (autocomplete) {
+    var allProps = __assign(__assign({}, exports.Autocomplete.defaultProps), autocomplete);
+    var value = allProps.value, onValueChange = allProps.onValueChange, _a = allProps.options, options = _a === void 0 ? [] : _a, renderItem = allProps.renderItem, debugName = allProps.debugName, placeholder = allProps.placeholder, _b = allProps.itemProps, itemProps = _b === void 0 ? {} : _b, searchable = allProps.searchable, loadOptions = allProps.loadOptions, multiple = allProps.multiple, _c = allProps.limit, limit = _c === void 0 ? null : _c, _d = allProps.defaultOptions, defaultOptions = _d === void 0 ? options : _d, onLoadOptionsError = allProps.onLoadOptionsError, selectedIcon = allProps.selectedIcon, _e = allProps.loadOptionsOnMount, loadOptionsOnMount = _e === void 0 ? defaultOptions.length === 0 : _e, selectable = allProps.selectable, searchComponent = allProps.searchComponent, _f = allProps.filterItems, filterItems = _f === void 0 ? defaultFilterFunction : _f, _g = allProps.searchInputProps, searchProps = _g === void 0 ? {} : _g, _h = allProps.onItemPressed, onItemPressed = _h === void 0 ? function () { } : _h, listPlaceholder = allProps.listPlaceholder, style = allProps.style, _j = allProps.loading, loadingProp = _j === void 0 ? false : _j, _k = allProps.listProps, listProps = _k === void 0 ? {} : _k;
+    var isValueArray = common_1.TypeGuards.isArray(value) && multiple;
+    var _l = (0, common_1.useSearch)({
+        value: value,
+        multiple: multiple,
+        options: options,
+        filterItems: filterItems,
+        debugName: debugName,
+        defaultOptions: defaultOptions,
+        loadOptions: loadOptions,
+        onLoadOptionsError: onLoadOptionsError,
+    }), loading = _l.loading, setLoading = _l.setLoading, labelOptions = _l.labelOptions, setLabelOptions = _l.setLabelOptions, filteredOptions = _l.filteredOptions, load = _l.load, onChangeSearch = _l.onChangeSearch;
+    (0, common_1.onMount)(function () {
+        if (loadOptionsOnMount && !!loadOptions) {
+            load();
+        }
+    });
+    var styles = (0, hooks_1.useStylesFor)(exports.Autocomplete.styleRegistryName, style);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['item', 'list', 'searchInput'], styles);
+    var currentOptions = searchable ? filteredOptions : defaultOptions;
+    var select = function (selectedValue) {
+        var newValue = null;
+        var newOption = null;
+        var removedIndex = null;
+        if (multiple && isValueArray) {
+            if (value.includes(selectedValue)) {
+                removedIndex = value.findIndex(function (v) { return v === selectedValue; });
+                newValue = value.filter(function (v, i) { return i !== removedIndex; });
+            }
+            else {
+                if (common_1.TypeGuards.isNumber(limit) && value.length >= limit) {
+                    return;
+                }
+                newOption = currentOptions.find(function (o) { return o.value === selectedValue; });
+                newValue = __spreadArray(__spreadArray([], value, true), [selectedValue], false);
+            }
+        }
+        else {
+            newValue = selectedValue;
+            newOption = currentOptions.find(function (o) { return o.value === selectedValue; });
+        }
+        onValueChange(newValue);
+        if (isValueArray) {
+            if (removedIndex !== null) {
+                var newOptions = __spreadArray([], labelOptions, true);
+                newOptions.splice(removedIndex, 1);
+                setLabelOptions(newOptions);
+            }
+            else {
+                setLabelOptions(__spreadArray(__spreadArray([], labelOptions, true), [newOption], false));
+            }
+        }
+        else {
+            setLabelOptions([newOption]);
+        }
+    };
+    var Item = renderItem || Button_1.Button;
+    var renderListItem = (0, react_1.useCallback)(function (_a) {
+        var item = _a.item;
+        var selected = false;
+        if (multiple && isValueArray) {
+            selected = value === null || value === void 0 ? void 0 : value.includes(item.value);
+        }
+        else {
+            selected = value === item.value;
+        }
+        return <Item debugName={"".concat(debugName, " item ").concat(item.value)} selected={selectable ? selected : false} text={item.label} item={item} onPress={function () {
+                onItemPressed(item);
+                if (selectable) {
+                    select(item.value);
+                }
+            }} 
+        // @ts-ignore
+        rightIcon={selectedIcon} 
+        // @ts-ignore
+        icon={selectedIcon} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.item} {...itemProps}/>;
+    }, [value, select, multiple, selectable, isValueArray]);
+    var Search = searchComponent;
+    var showLoading = common_1.TypeGuards.isFunction(loadingProp) ? loadingProp(loading) : (loadingProp || loading);
+    return <View_1.View style={styles === null || styles === void 0 ? void 0 : styles.wrapper}>
+    <Search placeholder={placeholder} debugName={debugName} onTypingChange={function (isTyping) {
+            if (searchable && !!loadOptions && isTyping) {
+                setLoading(isTyping);
+            }
+        }} debounce={!!loadOptions ? 800 : null} onSearchChange={onChangeSearch} hideErrorMessage {...searchProps} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.searchInput}/>
+
+    <List_1.List data={searchable ? filteredOptions : options} scrollEnabled={false} showsHorizontalScrollIndicator={false} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.list} 
+    // @ts-ignore
+    keyExtractor={function (i) { return i.value; }} renderItem={renderListItem} loading={showLoading} placeholder={listPlaceholder} keyboardAware={false} {...listProps}/>
+  </View_1.View>;
+};
+exports.Autocomplete = Autocomplete;
+exports.Autocomplete.styleRegistryName = 'Autocomplete';
+exports.Autocomplete.elements = ['wrapper', 'list', 'item', 'searchInput'];
+exports.Autocomplete.rootElement = 'wrapper';
+exports.Autocomplete.withVariantTypes = function (styles) {
+    return exports.Autocomplete;
+};
+exports.Autocomplete.defaultProps = {
+    getLabel: defaultGetLabel,
+    searchInputProps: {},
+    selectedIcon: 'check',
+    searchComponent: SearchInput_1.SearchInput,
+    placeholder: 'Select',
+    searchable: true,
+    multiple: false,
+    selectable: false,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Autocomplete);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { ButtonComposition } from '../Button';
+import { ListComposition } from '../List';
+import { TextInputComposition } from '../TextInput';
+type ItemStates = '' | ':selected';
+type ItemParts = ButtonComposition;
+type ItemComposition = `${ItemParts}${ItemStates}` | ItemParts;
+export type AutocompleteComposition = 'wrapper' | `list${Capitalize<ListComposition>}` | `item${Capitalize<ItemComposition>}` | `searchInput${Capitalize<TextInputComposition>}`;
+export {};

package/dist/components/Autocomplete/styles.js

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

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

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

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

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { FormTypes, PropsOf } from '@codeleap/common';
+import { StylesOf } from '../../types/utility';
+import { GetKeyboardAwarePropsOptions } from '../../utils';
+import { Icon } from '../Icon';
+import { FlatListProps } from '../List';
+import { Text } from '../Text';
+import { SearchInputProps } from '../SearchInput';
+import { Touchable } from '../Touchable';
+import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { AutocompleteComposition } from './styles';
+export type AutocompleteRenderFNProps<T> = {
+    style?: StylesOf<AutocompleteComposition>;
+    onPress: () => void;
+    isSelected?: boolean;
+    item: FormTypes.Options<T>[number];
+    touchableProps?: Partial<PropsOf<typeof Touchable>>;
+    textProps?: Partial<PropsOf<typeof Text>>;
+    iconProps?: Partial<PropsOf<typeof Icon>>;
+};
+export type AutocompleteRenderFN<T> = (props: AutocompleteRenderFNProps<T>) => JSX.Element;
+export type AutocompleteValue<T, Multi extends boolean = false> = Multi extends true ? T[] : T;
+export type ValueBoundAutocompleteProps<T, Multi extends boolean = false> = {
+    options?: FormTypes.Options<T>;
+    defaultOptions?: FormTypes.Options<T>;
+    loadOptions?: (search: string) => Promise<FormTypes.Options<T>>;
+    value: AutocompleteValue<T, Multi>;
+    renderItem?: AutocompleteRenderFN<AutocompleteValue<T, Multi>>;
+    onValueChange: (value: AutocompleteValue<T, Multi>) => void;
+    filterItems?: (search: string, items: FormTypes.Options<T>) => FormTypes.Options<T>;
+    onLoadOptionsError?: (error: any) => void;
+    multiple?: Multi;
+    getLabel?: (forOption: Multi extends true ? FormTypes.Options<T> : FormTypes.Options<T>[number]) => FormTypes.Label;
+    onItemPressed?: (item: FormTypes.Options<T>[number]) => any;
+};
+export type ReplaceAutocompleteProps<Props, T, Multi extends boolean = false> = Omit<Props, keyof ValueBoundAutocompleteProps<T, Multi>> & ValueBoundAutocompleteProps<T, Multi>;
+export type AutocompleteProps<T = any, Multi extends boolean = false> = Omit<FlatListProps<T>, 'renderItem' | 'style'> & ValueBoundAutocompleteProps<T, Multi> & {
+    placeholder?: string;
+    label?: FormTypes.Label;
+    closeOnSelect?: boolean;
+    style?: StyledProp<AutocompleteComposition>;
+    keyboardAware?: GetKeyboardAwarePropsOptions;
+    multiple?: Multi;
+    itemProps?: Partial<Pick<AutocompleteRenderFNProps<any>, 'iconProps' | 'textProps' | 'touchableProps'>>;
+    searchable?: boolean;
+    limit?: number;
+    selectedIcon?: AppIcon;
+    loadOptionsOnMount?: boolean;
+    loadOptionsOnOpen?: boolean;
+    selectable?: boolean;
+    searchInputProps?: Partial<SearchInputProps>;
+    debugName: string;
+    searchComponent?: React.ComponentType<SearchInputProps>;
+    listPlaceholder?: Partial<EmptyPlaceholderProps>;
+    listProps?: Partial<Omit<FlatListProps<T>, 'renderItem' | 'style'>>;
+    loading: boolean | ((isLoading: boolean) => boolean);
+};