@codeleap/web 2.0.1 → 2.3.12

package/dist/components/ContentView.js

@@ -1,52 +1,52 @@
-"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 __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.ContentView = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var _1 = require(".");
-var View_1 = require("./View");
-var Text_1 = require("./Text");
-var WrapContent = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { children: children })));
-};
-var ContentView = function (rawProps) {
-    var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, responsiveVariants = rawProps.responsiveVariants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "responsiveVariants", "styles"]);
-    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-        styles: styles,
-    });
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: __assign({}, variantStyle.wrapper) }, { children: (0, jsx_runtime_1.jsx)(_1.ActivityIndicator, { css: variantStyle.loader }) })));
-    }
-    var hasChildren = Object.keys(children || {}).length > 0;
-    if (hasChildren) {
-        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: children })));
-    }
-    return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholderMsg, css: variantStyle.placeholder }) })));
-};
-exports.ContentView = ContentView;
+"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 __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.ContentView = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var _1 = require(".");
+var View_1 = require("./View");
+var Text_1 = require("./Text");
+var WrapContent = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { children: children })));
+};
+var ContentView = function (rawProps) {
+    var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, responsiveVariants = rawProps.responsiveVariants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "responsiveVariants", "styles"]);
+    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+        styles: styles,
+    });
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: __assign({}, variantStyle.wrapper) }, { children: (0, jsx_runtime_1.jsx)(_1.ActivityIndicator, { css: variantStyle.loader }) })));
+    }
+    var hasChildren = Object.keys(children || {}).length > 0;
+    if (hasChildren) {
+        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: children })));
+    }
+    return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholderMsg, css: variantStyle.placeholder }) })));
+};
+exports.ContentView = ContentView;
 //# sourceMappingURL=ContentView.js.map

package/dist/components/Drawer.d.ts

@@ -1,23 +1,23 @@
-import { AnyFunction, ComponentVariants, DrawerComposition, DrawerStyles } from '@codeleap/common';
-import React, { ReactNode } from 'react';
-import { StylesOf } from '../types/utility';
-declare const axisMap: {
-    readonly top: readonly [-1, "Y"];
-    readonly bottom: readonly [1, "Y"];
-    readonly left: readonly [-1, "X"];
-    readonly right: readonly [1, "X"];
-};
-export declare type DrawerProps = {
-    open: boolean;
-    toggle: AnyFunction;
-    darkenBackground?: boolean;
-    size: string | number;
-    showCloseButton?: boolean;
-    title?: ReactNode;
-    footer?: ReactNode;
-    position?: keyof typeof axisMap;
-    styles?: StylesOf<DrawerComposition>;
-    animationDuration?: string;
-} & ComponentVariants<typeof DrawerStyles>;
-export declare const Drawer: React.FC<DrawerProps>;
-export {};
+import { AnyFunction, ComponentVariants, DrawerComposition, DrawerStyles } from '@codeleap/common';
+import React, { ReactNode } from 'react';
+import { StylesOf } from '../types/utility';
+declare const axisMap: {
+    readonly top: readonly [-1, "Y"];
+    readonly bottom: readonly [1, "Y"];
+    readonly left: readonly [-1, "X"];
+    readonly right: readonly [1, "X"];
+};
+export declare type DrawerProps = {
+    open: boolean;
+    toggle: AnyFunction;
+    darkenBackground?: boolean;
+    size: string | number;
+    showCloseButton?: boolean;
+    title?: ReactNode;
+    footer?: ReactNode;
+    position?: keyof typeof axisMap;
+    styles?: StylesOf<DrawerComposition>;
+    animationDuration?: string;
+} & ComponentVariants<typeof DrawerStyles>;
+export declare const Drawer: React.FC<DrawerProps>;
+export {};

package/dist/components/Drawer.js

@@ -1,73 +1,73 @@
-"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 __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.Drawer = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var Overlay_1 = require("./Overlay");
-var View_1 = require("./View");
-var Text_1 = require("./Text");
-var Button_1 = require("./Button");
-var axisMap = {
-    top: [-1, 'Y'],
-    bottom: [1, 'Y'],
-    left: [-1, 'X'],
-    right: [1, 'X'],
-};
-var resolveHiddenDrawerPosition = function (position) {
-    var _a = axisMap[position], translateOrient = _a[0], translateAxis = _a[1];
-    var translateValues = {
-        X: 0,
-        Y: 0,
-    };
-    translateValues[translateAxis] = 100 * translateOrient;
-    var css = "translate(".concat(translateValues.X, "%, ").concat(translateValues.Y, "%)");
-    var positioningKeys = translateAxis === 'X' ? ['top', 'bottom'] : ['left', 'right'];
-    var positioning = Object.fromEntries(positioningKeys.map(function (k) { return [k, 0]; }));
-    return [css, translateAxis, positioning];
-};
-var Drawer = function (_a) {
-    var _b, _c;
-    var rawProps = __rest(_a, []);
-    var open = rawProps.open, toggle = rawProps.toggle, children = rawProps.children, size = rawProps.size, title = rawProps.title, footer = rawProps.footer, _d = rawProps.darkenBackground, darkenBackground = _d === void 0 ? true : _d, showCloseButton = rawProps.showCloseButton, _e = rawProps.position, position = _e === void 0 ? 'bottom' : _e, _f = rawProps.variants, variants = _f === void 0 ? [] : _f, _g = rawProps.responsiveVariants, responsiveVariants = _g === void 0 ? {} : _g, styles = rawProps.styles, _h = rawProps.animationDuration, animationDuration = _h === void 0 ? '0.3s' : _h;
-    (0, common_1.onUpdate)(function () {
-        if (open) {
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            document.body.style.overflow = 'auto';
-        }
-    }, [open]);
-    var _j = resolveHiddenDrawerPosition(position), hiddenStyle = _j[0], axis = _j[1], positioning = _j[2];
-    var sizeProperty = axis === 'X' ? 'width' : 'height';
-    var fullProperty = sizeProperty === 'height' ? 'width' : 'height';
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Drawer', {
-        styles: styles,
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-    });
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: __assign(__assign({}, variantStyles.wrapper), { transition: 'visibility 0.01s ease', transitionDelay: open ? '0' : animationDuration, visibility: open ? 'visible' : 'hidden' }) }, { children: [darkenBackground && ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { visible: open, css: variantStyles.overlay, onPress: function () { return toggle(); } })), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ variants: ['fixed'], css: __assign(__assign(__assign((_b = { transform: open ? "translate(0%, 0%)" : hiddenStyle, transition: "transform ".concat(animationDuration, " ease") }, _b[sizeProperty] = size, _b[fullProperty] = '100%', _b), positioning), (_c = {}, _c[position] = 0, _c)), variantStyles.box) }, { children: [(0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', variants: ['justifySpaceBetween'], css: variantStyles.header }, { children: [typeof title === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: title }) : title, showCloseButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: toggle, icon: 'close', variants: ['icon'], css: variantStyles.headerCloseButton }))] })), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.body }, { children: children })), footer && ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', css: variantStyles.footer }, { children: footer })))] }))] })));
-};
-exports.Drawer = Drawer;
+"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 __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.Drawer = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Overlay_1 = require("./Overlay");
+var View_1 = require("./View");
+var Text_1 = require("./Text");
+var Button_1 = require("./Button");
+var axisMap = {
+    top: [-1, 'Y'],
+    bottom: [1, 'Y'],
+    left: [-1, 'X'],
+    right: [1, 'X'],
+};
+var resolveHiddenDrawerPosition = function (position) {
+    var _a = axisMap[position], translateOrient = _a[0], translateAxis = _a[1];
+    var translateValues = {
+        X: 0,
+        Y: 0,
+    };
+    translateValues[translateAxis] = 100 * translateOrient;
+    var css = "translate(".concat(translateValues.X, "%, ").concat(translateValues.Y, "%)");
+    var positioningKeys = translateAxis === 'X' ? ['top', 'bottom'] : ['left', 'right'];
+    var positioning = Object.fromEntries(positioningKeys.map(function (k) { return [k, 0]; }));
+    return [css, translateAxis, positioning];
+};
+var Drawer = function (_a) {
+    var _b, _c;
+    var rawProps = __rest(_a, []);
+    var open = rawProps.open, toggle = rawProps.toggle, children = rawProps.children, size = rawProps.size, title = rawProps.title, footer = rawProps.footer, _d = rawProps.darkenBackground, darkenBackground = _d === void 0 ? true : _d, showCloseButton = rawProps.showCloseButton, _e = rawProps.position, position = _e === void 0 ? 'bottom' : _e, _f = rawProps.variants, variants = _f === void 0 ? [] : _f, _g = rawProps.responsiveVariants, responsiveVariants = _g === void 0 ? {} : _g, styles = rawProps.styles, _h = rawProps.animationDuration, animationDuration = _h === void 0 ? '0.3s' : _h;
+    (0, common_1.onUpdate)(function () {
+        if (open) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'auto';
+        }
+    }, [open]);
+    var _j = resolveHiddenDrawerPosition(position), hiddenStyle = _j[0], axis = _j[1], positioning = _j[2];
+    var sizeProperty = axis === 'X' ? 'width' : 'height';
+    var fullProperty = sizeProperty === 'height' ? 'width' : 'height';
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Drawer', {
+        styles: styles,
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+    });
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: __assign(__assign({}, variantStyles.wrapper), { transition: 'visibility 0.01s ease', transitionDelay: open ? '0' : animationDuration, visibility: open ? 'visible' : 'hidden' }) }, { children: [darkenBackground && ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { visible: open, css: variantStyles.overlay, onPress: function () { return toggle(); } })), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ variants: ['fixed'], css: __assign(__assign(__assign((_b = { transform: open ? "translate(0%, 0%)" : hiddenStyle, transition: "transform ".concat(animationDuration, " ease") }, _b[sizeProperty] = size, _b[fullProperty] = '100%', _b), positioning), (_c = {}, _c[position] = 0, _c)), variantStyles.box) }, { children: [(0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', variants: ['justifySpaceBetween'], css: variantStyles.header }, { children: [typeof title === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: title }) : title, showCloseButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: toggle, icon: 'close', variants: ['icon'], css: variantStyles.headerCloseButton }))] })), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.body }, { children: children })), footer && ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', css: variantStyles.footer }, { children: footer })))] }))] })));
+};
+exports.Drawer = Drawer;
 //# sourceMappingURL=Drawer.js.map

package/dist/components/FileInput.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { WebInputFile } from '@codeleap/common';
-export declare type FileInputRef = {
-    openFilePicker: () => void;
-};
-export declare const FileInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type"> & {
-    onFileSelect(files: WebInputFile[]): void;
-} & React.RefAttributes<FileInputRef>>;
+import React from 'react';
+import { WebInputFile } from '@codeleap/common';
+export declare type FileInputRef = {
+    openFilePicker: () => void;
+};
+export declare const FileInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type"> & {
+    onFileSelect(files: WebInputFile[]): void;
+} & React.RefAttributes<FileInputRef>>;

package/dist/components/FileInput.js

@@ -1,73 +1,73 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInput = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-exports.FileInput = react_1.default.forwardRef(function (inputProps, ref) {
-    var inputRef = (0, react_1.useRef)(null);
-    var onFileSelect = inputProps.onFileSelect, props = __rest(inputProps, ["onFileSelect"]);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        openFilePicker: function () {
-            inputRef.current.click();
-        },
-    }); });
-    function handleChange(e) {
-        var _a;
-        if (!e.target.files.length)
-            return;
-        inputProps.onChange && inputProps.onChange(e);
-        var fileArray = Array.from(((_a = e.target) === null || _a === void 0 ? void 0 : _a.files) || []);
-        var files = fileArray.map(function (obj) { return ({
-            file: obj,
-            preview: URL.createObjectURL(obj),
-        }); });
-        onFileSelect && onFileSelect(files);
-    }
-    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', css: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' } }, props, { ref: inputRef, onChange: handleChange })));
-});
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+exports.FileInput = react_1.default.forwardRef(function (inputProps, ref) {
+    var inputRef = (0, react_1.useRef)(null);
+    var onFileSelect = inputProps.onFileSelect, props = __rest(inputProps, ["onFileSelect"]);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        openFilePicker: function () {
+            inputRef.current.click();
+        },
+    }); });
+    function handleChange(e) {
+        var _a;
+        if (!e.target.files.length)
+            return;
+        inputProps.onChange && inputProps.onChange(e);
+        var fileArray = Array.from(((_a = e.target) === null || _a === void 0 ? void 0 : _a.files) || []);
+        var files = fileArray.map(function (obj) { return ({
+            file: obj,
+            preview: URL.createObjectURL(obj),
+        }); });
+        onFileSelect && onFileSelect(files);
+    }
+    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', css: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' } }, props, { ref: inputRef, onChange: handleChange })));
+});
 //# sourceMappingURL=FileInput.js.map

package/dist/components/HorizontalScroll.d.ts

@@ -1,3 +1,3 @@
-import { ElementType } from 'react';
-import { ViewProps } from '.';
-export declare function HorizontalScroll<T extends ElementType = 'div'>(props: ViewProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+import { ElementType } from 'react';
+import { ViewProps } from '.';
+export declare function HorizontalScroll<T extends ElementType = 'div'>(props: ViewProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/HorizontalScroll.js

@@ -1,42 +1,42 @@
-"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 __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.HorizontalScroll = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("./View");
-function HorizontalScroll(props) {
-    var children = props.children, style = props.style, otherProps = __rest(props, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, otherProps, { css: [styles.scroll, style] }, { children: children })));
-}
-exports.HorizontalScroll = HorizontalScroll;
-var styles = {
-    scroll: {
-        overflow: 'auto',
-        '::-webkit-scrollbar': {
-            display: 'none',
-        },
-        whiteSpace: 'nowrap',
-    },
-};
+"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 __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.HorizontalScroll = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var View_1 = require("./View");
+function HorizontalScroll(props) {
+    var children = props.children, style = props.style, otherProps = __rest(props, ["children", "style"]);
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, otherProps, { css: [styles.scroll, style] }, { children: children })));
+}
+exports.HorizontalScroll = HorizontalScroll;
+var styles = {
+    scroll: {
+        overflow: 'auto',
+        '::-webkit-scrollbar': {
+            display: 'none',
+        },
+        whiteSpace: 'nowrap',
+    },
+};
 //# sourceMappingURL=HorizontalScroll.js.map

package/dist/components/Icon.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
-export declare type IconProps = {
-    name: IconPlaceholder;
-    style?: any;
-    renderEmptySpace?: boolean;
-} & ComponentVariants<typeof IconStyles>;
-export declare const Icon: React.FC<IconProps>;
+import React from 'react';
+import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
+export declare type IconProps = {
+    name: IconPlaceholder;
+    style?: any;
+    renderEmptySpace?: boolean;
+} & ComponentVariants<typeof IconStyles>;
+export declare const Icon: React.FC<IconProps>;