@codeleap/web 4.1.0 → 4.2.1

package/dist/components/Dropzone/index.js

@@ -0,0 +1,165 @@
+"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 __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.Dropzone = void 0;
+var react_1 = require("@emotion/react");
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var react_dropzone_1 = require("react-dropzone");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var Icon_1 = require("../Icon");
+var react_2 = require("react");
+var ActionIcon_1 = require("../ActionIcon");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+function isImage(file) {
+    var _a;
+    return (_a = file === null || file === void 0 ? void 0 : file.type) === null || _a === void 0 ? void 0 : _a.startsWith('image/');
+}
+var DefaultFilePreview = function (props) {
+    var file = props.file, styles = props.styles, _a = props.errors, errors = _a === void 0 ? [] : _a, onRemove = props.onRemove, fileLeftIcon = props.fileLeftIcon, fileRightIcon = props.fileRightIcon, fileRightIconStyles = props.fileRightIconStyles, hasErrors = props.hasErrors, revokeImageUrl = props.revokeImageUrl, imageUrl = props.imageUrl, isPreview = props.isPreview;
+    var handleRemove = function (e) {
+        var _a;
+        (_a = e === null || e === void 0 ? void 0 : e.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(e);
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove();
+    };
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: [styles.fileWrapper, hasErrors && styles['fileWrapper:error']] }, { children: [isPreview ? ((0, jsx_runtime_1.jsx)("img", { onLoad: revokeImageUrl, src: imageUrl, css: styles.fileImage })) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: 'DropzoneFilePreview:LeftIcon', name: fileLeftIcon, style: styles.fileLeftIcon })), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.fileNameWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { text: file.name, style: styles.fileName }), hasErrors && (errors === null || errors === void 0 ? void 0 : errors.map(function (error) { return (0, jsx_runtime_1.jsx)(Text_1.Text, { text: error.message, style: styles.fileError }); }))] })), (0, jsx_runtime_1.jsx)(ActionIcon_1.ActionIcon, { onPress: handleRemove, propagate: false, debugName: 'DropzoneFilePreview:RightIcon', name: fileRightIcon, style: fileRightIconStyles })] })));
+};
+var FilePreview = function (props) {
+    var file = props.file, withImagePreview = props.withImagePreview, _a = props.errors, errors = _a === void 0 ? [] : _a, FilePreviewComponent = props.FilePreviewComponent, rest = __rest(props, ["file", "withImagePreview", "errors", "FilePreviewComponent"]);
+    var hasErrors = (errors === null || errors === void 0 ? void 0 : errors.length) > 0;
+    var isPreview = withImagePreview && isImage(file);
+    var _b = (0, react_2.useState)(), imageUrl = _b[0], setImageUrl = _b[1];
+    var revokeImageUrl = function () {
+        URL.revokeObjectURL(imageUrl);
+    };
+    (0, common_1.onUpdate)(function () {
+        if (isImage(file)) {
+            setImageUrl(URL.createObjectURL(file));
+        }
+    }, [file]);
+    var _FilePreview = !common_1.TypeGuards.isNil(FilePreviewComponent) ? FilePreviewComponent : DefaultFilePreview;
+    return ((0, jsx_runtime_1.jsx)(_FilePreview, __assign({ file: file, hasErrors: hasErrors, isPreview: isPreview, imageUrl: imageUrl, revokeImageUrl: revokeImageUrl, errors: errors }, rest)));
+};
+exports.Dropzone = (0, react_2.forwardRef)(function (props, ref) {
+    var _a, _b;
+    var _c = __assign(__assign({}, exports.Dropzone.defaultProps), props), icon = _c.icon, placeholder = _c.placeholder, multiple = _c.multiple, acceptedFiles = _c.acceptedFiles, setAcceptedFiles = _c.setAcceptedFiles, rejectedFilesProps = _c.rejectedFiles, setRejectedFilesProps = _c.setRejectedFiles, fileLeftIcon = _c.fileLeftIcon, fileRightIcon = _c.fileRightIcon, withImagePreview = _c.withImagePreview, onDrop = _c.onDrop, onRemove = _c.onRemove, children = _c.children, FilePreviewComponent = _c.FilePreviewComponent, style = _c.style, rest = __rest(_c, ["icon", "placeholder", "multiple", "acceptedFiles", "setAcceptedFiles", "rejectedFiles", "setRejectedFiles", "fileLeftIcon", "fileRightIcon", "withImagePreview", "onDrop", "onRemove", "children", "FilePreviewComponent", "style"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Dropzone.styleRegistryName, style);
+    var _d = (0, react_2.useState)([]), rejectedFilesState = _d[0], setRejectedFilesState = _d[1];
+    var _e = [rejectedFilesProps || rejectedFilesState, setRejectedFilesProps || setRejectedFilesState], rejectedFiles = _e[0], setRejectedFiles = _e[1];
+    var fileRightIconStyles = (0, styles_1.useNestedStylesByKey)('fileRightIcon', styles);
+    var handleDrop = (0, common_1.useCallback)(function (newAcceptedFiles, newRejectedFiles, event) {
+        setRejectedFiles(newRejectedFiles);
+        setAcceptedFiles === null || setAcceptedFiles === void 0 ? void 0 : setAcceptedFiles(function (state) { return multiple ? __spreadArray(__spreadArray([], state, true), newAcceptedFiles, true) : newAcceptedFiles; });
+        onDrop === null || onDrop === void 0 ? void 0 : onDrop(newAcceptedFiles, newRejectedFiles, event);
+    }, [onDrop, setAcceptedFiles]);
+    var handleRemoveFile = (0, common_1.useCallback)(function (file, isRejected) {
+        if (isRejected === void 0) { isRejected = false; }
+        if (!isRejected) {
+            setAcceptedFiles === null || setAcceptedFiles === void 0 ? void 0 : setAcceptedFiles(function (state) { return state.filter(function (f) { return f.name !== file.name; }); });
+        }
+        else {
+            setRejectedFiles(function (state) { return state.filter(function (f) { return f.file.name !== file.name; }); });
+        }
+    }, [setAcceptedFiles]);
+    var _f = (0, react_dropzone_1.useDropzone)(__assign(__assign({}, rest), { multiple: multiple, onDrop: handleDrop })), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps, open = _f.open;
+    var clear = (0, common_1.useCallback)(function () {
+        setAcceptedFiles === null || setAcceptedFiles === void 0 ? void 0 : setAcceptedFiles([]);
+        setRejectedFiles([]);
+    }, [setAcceptedFiles]);
+    (0, react_2.useImperativeHandle)(ref, function () { return ({
+        clear: clear,
+        open: open,
+    }); });
+    var hasFiles = (acceptedFiles === null || acceptedFiles === void 0 ? void 0 : acceptedFiles.length) > 0 || (rejectedFiles === null || rejectedFiles === void 0 ? void 0 : rejectedFiles.length) > 0;
+    var fileProps = {
+        fileLeftIcon: fileLeftIcon,
+        fileRightIcon: fileRightIcon,
+        styles: styles,
+        withImagePreview: withImagePreview,
+        fileRightIconStyles: fileRightIconStyles,
+    };
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.wrapper }, { children: (0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, getRootProps(), { style: styles.dropzone }, { children: [icon && !hasFiles ? ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.iconWrapper }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: 'Dropzone:Icon', name: icon, style: styles.icon }) }))) : null, hasFiles ? ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.filesWrapper }, { children: [(_a = acceptedFiles === null || acceptedFiles === void 0 ? void 0 : acceptedFiles.map) === null || _a === void 0 ? void 0 : _a.call(acceptedFiles, function (file, index) { return ((0, react_1.createElement)(FilePreview, __assign({}, fileProps, { index: index, file: file, key: file.name, onRemove: function () { return handleRemoveFile(file); }, FilePreviewComponent: FilePreviewComponent }))); }), (_b = rejectedFiles === null || rejectedFiles === void 0 ? void 0 : rejectedFiles.map) === null || _b === void 0 ? void 0 : _b.call(rejectedFiles, function (_a, index) {
+                            var file = _a.file, errors = _a.errors;
+                            return ((0, react_1.createElement)(FilePreview, __assign({}, fileProps, { index: index, key: file.name, file: file, errors: errors, onRemove: function () { return handleRemoveFile(file, true); }, FilePreviewComponent: FilePreviewComponent })));
+                        })] }))) : null, children, !!placeholder ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholder, style: styles.placeholder }) : null, (0, jsx_runtime_1.jsx)("input", __assign({}, getInputProps()))] })) })));
+});
+exports.Dropzone.styleRegistryName = 'Dropzone';
+exports.Dropzone.elements = [
+    'wrapper',
+    'dropzone',
+    'icon',
+    'placeholder',
+    'filesWrapper',
+    'fileWrapper',
+    'fileLeftIcon',
+    'fileName',
+    'fileError',
+    'fileErrors',
+    'fileNameWrapper',
+    'fileImage',
+    'iconWrapper',
+    "fileRightIcon",
+];
+exports.Dropzone.rootElement = 'wrapper';
+exports.Dropzone.withVariantTypes = function (styles) {
+    return exports.Dropzone;
+};
+exports.Dropzone.defaultProps = {
+    icon: 'file-plus',
+    multiple: false,
+    acceptedFiles: [],
+    fileLeftIcon: 'file',
+    fileRightIcon: 'x',
+    withImagePreview: true,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Dropzone);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { ActionIconComposition } from '../ActionIcon';
+export type DropzoneComposition = 'wrapper' | 'dropzone' | 'icon' | 'placeholder' | 'filesWrapper' | 'fileWrapper' | 'fileLeftIcon' | 'fileName' | 'fileError' | 'fileErrors' | 'fileNameWrapper' | 'fileImage' | 'iconWrapper' | `fileRightIcon${Capitalize<ActionIconComposition>}`;

package/dist/components/Dropzone/styles.js

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

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

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

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { StylesOf } from '@codeleap/common';
+import { DropzoneComposition } from './styles';
+import { DropzoneOptions, FileRejection, DropzoneRef as ReactDropzoneRef } from 'react-dropzone';
+import { ActionIconComposition } from '../ActionIcon';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+export type DropzoneFile = File;
+export type DropzoneFileRejection = FileRejection;
+export type DropzoneProps = Omit<DropzoneOptions, 'style'> & {
+    style?: StyledProp<DropzoneComposition>;
+    icon?: AppIcon;
+    placeholder?: string;
+    acceptedFiles: File[];
+    rejectedFiles?: DropzoneFileRejection[];
+    setAcceptedFiles: React.Dispatch<React.SetStateAction<DropzoneFile[]>>;
+    setRejectedFiles?: React.Dispatch<React.SetStateAction<DropzoneFileRejection[]>>;
+    onRemove?: (file: DropzoneFile) => void;
+    children?: React.ReactNode;
+    fileRightIcon?: AppIcon;
+    fileLeftIcon?: AppIcon;
+    withImagePreview?: boolean;
+    FilePreviewComponent?: (props: DropzoneInnerFilePreviewProps) => JSX.Element;
+};
+export type DropzoneFilePreviewProps = Pick<DropzoneProps, 'fileRightIcon' | 'fileLeftIcon' | 'withImagePreview' | 'FilePreviewComponent'> & {
+    file: DropzoneFile;
+    errors?: DropzoneFileRejection['errors'];
+    styles: StylesOf<DropzoneComposition>;
+    onRemove?: () => void;
+    fileRightIconStyles?: StylesOf<ActionIconComposition>;
+    index?: number;
+};
+export type DropzoneInnerFilePreviewProps = DropzoneFilePreviewProps & {
+    hasErrors: boolean;
+    revokeImageUrl: () => void;
+    imageUrl: string;
+    isPreview: boolean;
+};
+export type DropzoneRef = ReactDropzoneRef & {
+    clear: () => void;
+};

package/dist/components/Dropzone/types.js

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

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

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

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

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

package/dist/components/EmptyPlaceholder/index.js

@@ -0,0 +1,86 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyPlaceholder = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var Icon_1 = require("../Icon");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+var common_1 = require("@codeleap/common");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var EmptyPlaceholder = function (props) {
+    var _a = __assign(__assign({}, exports.EmptyPlaceholder.defaultProps), props), itemName = _a.itemName, title = _a.title, loading = _a.loading, description = _a.description, style = _a.style, IconEmpty = _a.icon, RenderEmpty = _a.renderEmpty, image = _a.image, imageProps = _a.imageProps, wrapperProps = _a.wrapperProps, imageWrapperProps = _a.imageWrapperProps, indicatorProps = _a.indicatorProps, debugName = _a.debugName, ImageComponent = _a.ImageComponent;
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.EmptyPlaceholder.styleRegistryName, style);
+    var emptyText = title || (itemName && "No ".concat(itemName, " found.")) || 'No items.';
+    var activityIndicatorStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
+    var _Image = react_1.default.useMemo(function () {
+        if (!common_1.TypeGuards.isNil(image)) {
+            return (0, jsx_runtime_1.jsx)(ImageComponent, __assign({}, imageProps, { 
+                // @ts-ignore
+                source: image, css: styles.image }));
+        }
+        if (common_1.TypeGuards.isNil(IconEmpty))
+            return null;
+        if (common_1.TypeGuards.isString(IconEmpty)) {
+            return (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: IconEmpty, forceStyle: styles.icon });
+        }
+        else if (react_1.default.isValidElement(IconEmpty)) {
+            return (0, jsx_runtime_1.jsx)(IconEmpty, __assign({}, props));
+        }
+    }, [IconEmpty, image]);
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: [styles.wrapper, styles['wrapper:loading']] }, { children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, __assign({ debugName: debugName }, indicatorProps, { style: activityIndicatorStyles })) })));
+    }
+    if (!common_1.TypeGuards.isNil(RenderEmpty)) {
+        return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, wrapperProps, { style: styles.wrapper }, { children: (0, jsx_runtime_1.jsx)(RenderEmpty, { emptyText: emptyText, emptyIconName: IconEmpty, styles: __assign(__assign({}, styles), { activityIndicatorStyles: activityIndicatorStyles }) }) })));
+    }
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, wrapperProps, { style: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({}, imageWrapperProps, { style: styles.imageWrapper }, { children: _Image })), common_1.TypeGuards.isString(emptyText)
+                ? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: emptyText, style: styles.title })
+                : react_1.default.isValidElement(emptyText) ? emptyText : null, common_1.TypeGuards.isString(description)
+                ? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: description, style: styles.description })
+                : react_1.default.isValidElement(description) ? description : null] })));
+};
+exports.EmptyPlaceholder = EmptyPlaceholder;
+exports.EmptyPlaceholder.styleRegistryName = 'EmptyPlaceholder';
+exports.EmptyPlaceholder.elements = ['wrapper', 'loader', 'title', 'description', 'image', 'imageWrapper', 'icon'];
+exports.EmptyPlaceholder.rootElement = 'wrapper';
+exports.EmptyPlaceholder.ImageComponent = 'img';
+exports.EmptyPlaceholder.withVariantTypes = function (styles) {
+    return exports.EmptyPlaceholder;
+};
+exports.EmptyPlaceholder.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.EmptyPlaceholder);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export type EmptyPlaceholderComposition = 'wrapper:loading' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'wrapper' | 'title' | 'description' | 'image' | 'imageWrapper' | 'icon';

package/dist/components/EmptyPlaceholder/styles.js

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

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

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

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

@@ -0,0 +1,30 @@
+import React, { ImgHTMLAttributes } from 'react';
+import { ViewProps } from '../View';
+import { ActivityIndicatorComposition, ActivityIndicatorProps } from '../ActivityIndicator';
+import { EmptyPlaceholderComposition } from './styles';
+import { StylesOf } from '@codeleap/common';
+import { ComponentCommonProps } from '../../types';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+type RenderEmptyProps = {
+    emptyText: string | React.ReactElement;
+    emptyIconName?: AppIcon;
+    styles: StylesOf<EmptyPlaceholderComposition> & {
+        activityIndicatorStyles: StylesOf<ActivityIndicatorComposition>;
+    };
+};
+export type EmptyPlaceholderProps = ComponentCommonProps & {
+    itemName?: string;
+    title?: React.ReactElement | string;
+    description?: React.ReactElement | string;
+    icon?: AppIcon | ((props: EmptyPlaceholderProps) => JSX.Element);
+    image?: string;
+    imageProps?: ImgHTMLAttributes<HTMLImageElement>;
+    loading?: boolean;
+    style?: StyledProp<EmptyPlaceholderComposition>;
+    renderEmpty?: (props: RenderEmptyProps) => JSX.Element;
+    wrapperProps?: ViewProps;
+    imageWrapperProps?: ViewProps;
+    indicatorProps?: Partial<ActivityIndicatorProps>;
+    ImageComponent?: React.ComponentType;
+};
+export {};

package/dist/components/EmptyPlaceholder/types.js

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { WebInputFile } from '@codeleap/common';
+import { FileInputRef } from './types';
+export * from './types';
+export declare const FileInput: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
+    children?: React.ReactNode;
+}, "type" | "ref"> & {
+    onFileSelect?: (files: WebInputFile[]) => void;
+    autoClear?: boolean;
+} & React.RefAttributes<FileInputRef>>;

package/dist/components/FileInput/index.js

@@ -0,0 +1,134 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 = require("react");
+var common_1 = require("@codeleap/common");
+__exportStar(require("./types"), exports);
+exports.FileInput = (0, react_1.forwardRef)(function (props, ref) {
+    var inputRef = (0, react_1.useRef)(null);
+    var _a = __assign(__assign({}, exports.FileInput.defaultProps), props), onFileSelect = _a.onFileSelect, autoClear = _a.autoClear, onChange = _a.onChange, inputProps = __rest(_a, ["onFileSelect", "autoClear", "onChange"]);
+    var resolveWithFile = (0, react_1.useRef)();
+    var clearInput = (0, common_1.useCallback)(function () {
+        if (!inputRef.current)
+            return;
+        inputRef.current.value = null;
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        openFilePicker: function () {
+            inputRef.current.click();
+            return new Promise(function (resolve) {
+                resolveWithFile.current = resolve;
+            });
+        },
+        clear: clearInput,
+    }); });
+    function handleChange(e) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var fileArray, files;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!e.target.files.length)
+                            return [2 /*return*/];
+                        if (common_1.TypeGuards.isFunction(onChange))
+                            onChange(e);
+                        fileArray = Array.from(((_a = e.target) === null || _a === void 0 ? void 0 : _a.files) || []);
+                        files = fileArray.map(function (obj) { return ({
+                            file: obj,
+                            preview: URL.createObjectURL(obj),
+                        }); });
+                        onFileSelect && onFileSelect(files);
+                        if (!resolveWithFile.current) return [3 /*break*/, 2];
+                        return [4 /*yield*/, resolveWithFile.current(files)];
+                    case 1:
+                        _b.sent();
+                        resolveWithFile.current = undefined;
+                        _b.label = 2;
+                    case 2:
+                        if (autoClear)
+                            clearInput();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', style: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' } }, inputProps, { ref: inputRef, onChange: handleChange })));
+});
+exports.FileInput.defaultProps = {
+    autoClear: true,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsE;AACtE,2CAAwE;AAGxE,0CAAuB;AAEV,QAAA,SAAS,GAAG,IAAA,kBAAU,EAA+B,UAAC,KAAK,EAAE,GAAG;IAC3E,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,IAAM,2BAMD,iBAAS,CAAC,YAAY,GACtB,KAAK,CACT,EAPC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,UAAU,cAJT,yCAKL,CAGA,CAAA;IAED,IAAM,eAAe,GAAG,IAAA,cAAM,GAAiC,CAAA;IAE/D,IAAM,UAAU,GAAG,IAAA,oBAAW,EAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,cAAc,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAExB,OAAO,IAAI,OAAO,CAAiB,UAAC,OAAO;gBACzC,eAAe,CAAC,OAAO,GAAG,OAAO,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,KAAK,EAAE,UAAU;KAClB,CAAC,EAT6B,CAS7B,CAAC,CAAA;IAEH,SAAe,YAAY,CAAC,CAAsC;;;;;;;wBAChE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;4BAAE,sBAAM;wBAClC,IAAI,mBAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;4BAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;wBAE1C,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAI,EAAE,CAAW,CAAA;wBAEvD,KAAK,GAAmB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;4BACpD,IAAI,EAAE,GAAG;4BACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;yBAClC,CAAC,EAHmD,CAGnD,CAAC,CAAA;wBAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;6BAE/B,eAAe,CAAC,OAAO,EAAvB,wBAAuB;wBACzB,qBAAM,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA;;wBAApC,SAAoC,CAAA;wBACpC,eAAe,CAAC,OAAO,GAAG,SAAS,CAAA;;;wBAGrC,IAAI,SAAS;4BAAE,UAAU,EAAE,CAAA;;;;;KAC5B;IAED,OAAO,CACL,2CACE,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAC7E,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,IACtB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;CACW,CAAA"}

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

@@ -0,0 +1,10 @@
+import { WebInputFile } from '@codeleap/common';
+import { HTMLProps } from '../../types';
+export type FileInputRef = {
+    openFilePicker: () => Promise<WebInputFile[]>;
+    clear: () => void;
+};
+export type FileInputProps = Omit<HTMLProps<'input'>, 'type' | 'ref'> & {
+    onFileSelect?: (files: WebInputFile[]) => void;
+    autoClear?: boolean;
+};

package/dist/components/FileInput/types.js

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

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

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

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

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