@codeleap/mobile 4.2.9 → 4.2.10

package/dist/Registry.js

@@ -1,67 +1,42 @@
-"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);
+import { CodeleapStyleRegistry, StylePersistor } from '@codeleap/styles';
+import { StyleSheet } from 'react-native';
+import { MMKV } from 'react-native-mmkv';
+const mmkvStorage = new MMKV();
+const persistor = new StylePersistor({
+    set(key, value) {
+        return mmkvStorage?.set(key, value);
     },
-    get: function (key) {
-        return mmkvStorage === null || mmkvStorage === void 0 ? void 0 : mmkvStorage.getString(key);
+    get(key) {
+        return mmkvStorage?.getString(key);
     },
-    del: function (key) {
-        return mmkvStorage === null || mmkvStorage === void 0 ? void 0 : mmkvStorage.delete(key);
+    del(key) {
+        return 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);
+let instance;
+const components = [];
+export class MobileStyleRegistry extends CodeleapStyleRegistry {
+    constructor() {
+        super(persistor);
+        components.forEach((component) => {
+            this.registerComponent(component);
         });
         if (!instance) {
-            instance = _this;
+            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) {
+    createStyle(css) {
+        return StyleSheet.create({ s: css }).s;
+    }
+    static get current() {
+        return instance;
+    }
+    static registerComponent(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

@@ -1 +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"}
+{"version":3,"file":"Registry.js","sourceRoot":"","sources":["../src/Registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,qBAAqB,EAAQ,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;AAE9B,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC;IACnC,GAAG,CAAC,GAAG,EAAE,KAAK;QACZ,OAAO,WAAW,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC;IACD,GAAG,CAAC,GAAG;QACL,OAAO,WAAW,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IACpC,CAAC;IACD,GAAG,CAAC,GAAG;QACL,OAAO,WAAW,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;IACjC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA6B,CAAA;AAEjC,MAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE,MAAM,OAAO,mBAAoB,SAAQ,qBAAqB;IAC5D;QACE,KAAK,CAAC,SAAS,CAAC,CAAA;QAEhB,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/B,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,IAAI,CAAA;SAChB;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,WAAW,CAAC,GAAS;QACnB,OAAO,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;IACxC,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,iBAAiB,CAAC,SAA6B;QACpD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;SACtC;IACH,CAAC;CACF"}

package/dist/components/ActionIcon/index.js

@@ -1,79 +1,39 @@
-"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;
+import React from 'react';
+import { useCompositionStyles } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { Badge } from '../Badge';
+import { Icon } from '../Icon';
+import { Touchable } from '../Touchable';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+export const ActionIcon = (props) => {
+    const { name, icon, iconProps, children, badge, badgeProps = {}, style, ...touchableProps } = {
+        ...ActionIcon.defaultProps,
+        ...props,
     };
-    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={[
+    const styles = useStylesFor(ActionIcon.styleRegistryName, style);
+    const compositionStyles = useCompositionStyles(['badge', 'touchable'], styles);
+    return (<Touchable {...touchableProps} style={compositionStyles?.touchable}>
+      <Icon name={icon ?? name} {...iconProps} style={[
             styles.icon,
-            (touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.disabled) && styles['icon:disabled'],
+            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>);
+      <Badge badge={badge} {...badgeProps} style={compositionStyles?.badge}/>
+    </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;
+ActionIcon.styleRegistryName = 'ActionIcon';
+ActionIcon.elements = ['icon', 'touchable', 'badge'];
+ActionIcon.rootElement = 'touchableWrapper';
+ActionIcon.withVariantTypes = (styles) => {
+    return ActionIcon;
 };
-exports.ActionIcon.defaultProps = {
+ActionIcon.defaultProps = {
     hitSlop: 10,
     badge: false,
 };
-Registry_1.MobileStyleRegistry.registerComponent(exports.ActionIcon);
+MobileStyleRegistry.registerComponent(ActionIcon);
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActionIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,GAAG,EAAE,EACf,KAAK,EACL,GAAG,cAAc,EAClB,GAAG;QACF,GAAG,UAAU,CAAC,YAAY;QAC1B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEhE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,CAAA;IAE9E,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,CACjE;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CACnB,IAAI,SAAS,CAAC,CACd,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,IAAI;YACX,cAAc,EAAE,QAAQ,IAAI,MAAM,CAAC,eAAe,CAAC;SACpD,CAAC,EAGJ;;MAAA,CAAC,QAAQ,CAET;;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,KAAK,CAAC,EACvE;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,iBAAiB,GAAG,YAAY,CAAA;AAC3C,UAAU,CAAC,QAAQ,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;AACpD,UAAU,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE3C,UAAU,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC/D,OAAO,UAAmF,CAAA;AAC5F,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,KAAK;CACe,CAAA;AAE7B,mBAAmB,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA"}

package/dist/components/ActionIcon/styles.js

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

package/dist/components/ActionIcon/types.js

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

package/dist/components/ActivityIndicator/index.js

@@ -1,66 +1,26 @@
-"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;
+import React from 'react';
+import { ActivityIndicator as RNActivityIndicator } from 'react-native';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+export const ActivityIndicator = (props) => {
+    const { style, component: Component = RNActivityIndicator, ...rest } = {
+        ...ActivityIndicator.defaultProps,
+        ...props,
     };
-    return __assign.apply(this, arguments);
+    const styles = useStylesFor(ActivityIndicator.styleRegistryName, style);
+    const wrapperStyle = styles?.wrapper;
+    const color = wrapperStyle?.color || '#000';
+    const size = (wrapperStyle?.height || wrapperStyle?.width || 'large');
+    return (<Component size={size} color={color} {...rest} style={styles?.wrapper}/>);
 };
-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);
+ActivityIndicator.styleRegistryName = 'ActivityIndicator';
+ActivityIndicator.elements = ['wrapper'];
+ActivityIndicator.rootElement = 'wrapper';
+ActivityIndicator.defaultProps = {};
+ActivityIndicator.withVariantTypes = (styles) => {
+    return ActivityIndicator;
 };
-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);
+MobileStyleRegistry.registerComponent(ActivityIndicator);
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAA6D,KAAgC,EAAE,EAAE;IAChI,MAAM,EACJ,KAAK,EACL,SAAS,EAAE,SAAS,GAAG,mBAAmB,EAC1C,GAAG,IAAI,EACR,GAAG;QACF,GAAG,iBAAiB,CAAC,YAAY;QACjC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEvE,MAAM,YAAY,GAAG,MAAM,EAAE,OAAwB,CAAA;IAErD,MAAM,KAAK,GAAG,YAAY,EAAE,KAAK,IAAI,MAAM,CAAA;IAC3C,MAAM,IAAI,GAAG,CAAC,YAAY,EAAE,MAAM,IAAI,YAAY,EAAE,KAAK,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,EAAE,OAAO,CAAC,EACvB,CACH,CAAA;AACH,CAAC,CAAA;AAED,iBAAiB,CAAC,iBAAiB,GAAG,mBAAmB,CAAA;AACzD,iBAAiB,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AACxC,iBAAiB,CAAC,WAAW,GAAG,SAAS,CAAA;AACzC,iBAAiB,CAAC,YAAY,GAAG,EAA8B,CAAA;AAE/D,iBAAiB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACtE,OAAO,iBAAkK,CAAA;AAC3K,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA"}

package/dist/components/ActivityIndicator/styles.js

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

package/dist/components/ActivityIndicator/types.js

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

package/dist/components/Autocomplete/index.js

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