@codeleap/web 6.3.0 → 7.0.0

package/dist/components/ColorPicker/index.js

@@ -1,84 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPicker = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("react");
-var components_1 = require("../components");
-var react_colorful_1 = require("react-colorful");
-var types_1 = require("@codeleap/types");
-var hooks_1 = require("@codeleap/hooks");
-var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
-var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);
-var DefaultFooter = function (props) {
-    var styles = props.styles, clearIcon = props.clearIcon, handleClear = props.handleClear, confirmIcon = props.confirmIcon, handleConfirmation = props.handleConfirmation;
-    return ((0, jsx_runtime_1.jsxs)(components_1.View, { style: styles.footerWrapper, children: [(0, jsx_runtime_1.jsx)(components_1.ActionIcon, { debugName: 'ColorPicker footer trash', name: clearIcon, onPress: handleClear, style: styles.clearIcon }), (0, jsx_runtime_1.jsx)(components_1.ActionIcon, { debugName: 'ColorPicker footer check', name: confirmIcon, onPress: handleConfirmation, style: styles.confirmIcon })] }));
-};
-var ColorPicker = function (props) {
-    var _a = __assign(__assign({}, exports.ColorPicker.defaultProps), props), isPlain = _a.isPlain, initialColor = _a.initialColor, showFooter = _a.showFooter, icon = _a.icon, style = _a.style, clearIcon = _a.clearIcon, confirmIcon = _a.confirmIcon, onConfirm = _a.onConfirm, onClear = _a.onClear, closeOnConfirm = _a.closeOnConfirm, PickerComponent = _a.pickerComponent, OpenPickerComponent = _a.openPickerComponent, FooterComponent = _a.footerComponent, openPickerProps = _a.openPickerProps;
-    var styles = (0, useStylesFor_1.useStylesFor)(exports.ColorPicker.styleRegistryName, style);
-    var _b = (0, hooks_1.useConditionalState)(props === null || props === void 0 ? void 0 : props.visible, props === null || props === void 0 ? void 0 : props.toggle, { initialValue: false }), visible = _b[0], toggle = _b[1];
-    var _c = (0, hooks_1.useState)(initialColor), color = _c[0], setColor = _c[1];
-    var handleConfirmation = (0, react_1.useCallback)(function (color) {
-        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(color);
-        if (closeOnConfirm)
-            toggle(false);
-    }, []);
-    var handleClear = (0, react_1.useCallback)(function (initialColor) {
-        setColor(initialColor);
-        if (types_1.TypeGuards.isFunction(onClear))
-            onClear === null || onClear === void 0 ? void 0 : onClear();
-    }, []);
-    // Dragging to change the color in any other way does not seem to work for some reason.
-    var picker = (0, jsx_runtime_1.jsx)(components_1.View, { style: styles.picker, children: (0, jsx_runtime_1.jsx)(PickerComponent, { color: color, onChange: setColor }) });
-    var openColorPickerBtn = !!OpenPickerComponent ? ((0, jsx_runtime_1.jsx)(OpenPickerComponent, { color: color, visible: visible, toggle: function () { return toggle(!visible); } })) : ((0, jsx_runtime_1.jsx)(components_1.ActionIcon, __assign({ onPress: function () { return toggle(!visible); }, icon: icon }, openPickerProps)));
-    return ((0, jsx_runtime_1.jsx)(components_1.View, { style: styles.wrapper, children: isPlain ? picker : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [openColorPickerBtn, (0, jsx_runtime_1.jsx)(components_1.Collapse, { open: visible, style: [
-                        styles.dropdown,
-                        visible && styles['dropdown:open'],
-                    ], children: (0, jsx_runtime_1.jsxs)(components_1.View, { style: styles.dropdownInnerWrapper, children: [picker, showFooter ? ((0, jsx_runtime_1.jsx)(FooterComponent, { color: color, handleConfirmation: function () { return handleConfirmation(color); }, handleClear: function () { return handleClear(initialColor); }, styles: styles, clearIcon: clearIcon, confirmIcon: confirmIcon })) : null] }) })] })) }));
-};
-exports.ColorPicker = ColorPicker;
-exports.ColorPicker.styleRegistryName = 'ColorPicker';
-exports.ColorPicker.elements = ['wrapper', 'picker', 'dropdown', 'dropdownInnerWrapper', 'footerWrapper', 'clearIcon', 'confirmIcon'];
-exports.ColorPicker.rootElement = 'wrapper';
-exports.ColorPicker.withVariantTypes = function (styles) {
-    return exports.ColorPicker;
-};
-exports.ColorPicker.defaultProps = {
-    pickerComponent: function (props) { return (0, jsx_runtime_1.jsx)(react_colorful_1.HexColorPicker, __assign({}, props)); },
-    footerComponent: DefaultFooter,
-    icon: 'edit',
-    clearIcon: 'trash',
-    confirmIcon: 'check',
-    showFooter: true,
-    isPlain: false,
-    closeOnConfirm: true,
-};
-WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ColorPicker);
-//# sourceMappingURL=index.js.map

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

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

package/dist/components/ColorPicker/styles.js

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

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

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

package/dist/components/ColorPicker/types.js

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

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

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

package/dist/components/CropPicker/components/CropPickerFooter.d.ts

@@ -1,11 +0,0 @@
-import { ICSS } from '@codeleap/styles';
-import { ButtonComposition } from '../../Button';
-import { AnyFunction, StylesOf } from '@codeleap/types';
-export type CropPickerFooterProps = {
-    footerStyle: ICSS;
-    confirmStyles: StylesOf<ButtonComposition>;
-    cancelStyles: StylesOf<ButtonComposition>;
-    onConfirmCrop: AnyFunction;
-    onCancelCrop: AnyFunction;
-};
-export declare const CropPickerFooter: (props: CropPickerFooterProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CropPicker/components/CropPickerFooter.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CropPickerFooter = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var Button_1 = require("../../Button");
-var View_1 = require("../../View");
-var CropPickerFooter = function (props) {
-    var footerStyle = props.footerStyle, confirmStyles = props.confirmStyles, cancelStyles = props.cancelStyles, onConfirmCrop = props.onConfirmCrop, onCancelCrop = props.onCancelCrop;
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: footerStyle, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { text: 'Cancel', onPress: onCancelCrop, debugName: 'cropModal:cancel', style: cancelStyles }), (0, jsx_runtime_1.jsx)(Button_1.Button, { text: 'Confirm', onPress: onConfirmCrop, debugName: 'cropModal:confirm', style: confirmStyles })] }));
-};
-exports.CropPickerFooter = CropPickerFooter;
-//# sourceMappingURL=CropPickerFooter.js.map

package/dist/components/CropPicker/components/CropPickerFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CropPickerFooter.js","sourceRoot":"","sources":["../../../../src/components/CropPicker/components/CropPickerFooter.tsx"],"names":[],"mappings":";;;;AACA,uCAAwD;AACxD,mCAAiC;AAW1B,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IAEzD,IAAA,WAAW,GAKT,KAAK,YALI,EACX,aAAa,GAIX,KAAK,cAJM,EACb,YAAY,GAGV,KAAK,aAHK,EACZ,aAAa,GAEX,KAAK,cAFM,EACb,YAAY,GACV,KAAK,aADK,CACL;IAET,OAAO,CACL,wBAAC,WAAI,IAAC,KAAK,EAAE,WAAW,aACtB,uBAAC,eAAM,IACL,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,YAAY,GACnB,EACF,uBAAC,eAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,aAAa,GACpB,IACG,CACR,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,gBAAgB,oBAyB5B"}

package/dist/components/CropPicker/hooks.js

@@ -1,184 +0,0 @@
-"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 __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 };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCropPicker = useCropPicker;
-var react_1 = require("react");
-var react_2 = require("react");
-var utils_1 = require("./utils");
-function useCropPicker(_a) {
-    var _this = this;
-    var aspect = _a.aspect, minW = _a.minWidth, minH = _a.minHeight, file = _a.file, onCrop = _a.onCrop;
-    var _b = (0, react_2.useState)(null), image = _b[0], setImage = _b[1];
-    var _c = (0, react_2.useState)(), crop = _c[0], setCrop = _c[1];
-    var _d = (0, react_2.useState)(), relativeCrop = _d[0], setRelativeCrop = _d[1];
-    var _e = (0, react_2.useState)(null), imageDimensions = _e[0], setImageDimensions = _e[1];
-    var cleanup = function () {
-        setRelativeCrop(null);
-        setCrop(undefined);
-        setImageDimensions(null);
-        setTimeout(function () { return setImage(null); }, 500);
-    };
-    var handleConfirmCrop = function () { return __awaiter(_this, void 0, void 0, function () {
-        var _a, preview, croppedBlob, newImage;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, (0, utils_1.cropImage)(image, relativeCrop)];
-                case 1:
-                    _a = _b.sent(), preview = _a[0], croppedBlob = _a[1];
-                    newImage = {
-                        file: new File([croppedBlob], 'cropped.jpg', {
-                            type: 'image/jpeg',
-                            lastModified: Date.now(),
-                        }),
-                        preview: preview,
-                    };
-                    onCrop(newImage);
-                    setTimeout(function () { return cleanup(); });
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleCancelCrop = function () {
-        onCrop(null);
-        setTimeout(function () { return cleanup(); });
-    };
-    var loadFile = (0, react_2.useCallback)(function (toReadFile) { return __awaiter(_this, void 0, void 0, function () {
-        var imageData, naturalWidth, naturalHeight, dimensions, targetAspect, imageAspect, initialCrop, v;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, utils_1.readImage)(toReadFile)];
-                case 1:
-                    imageData = _a.sent();
-                    naturalWidth = imageData.naturalWidth, naturalHeight = imageData.naturalHeight;
-                    dimensions = (0, utils_1.calculateProportionalDimensions)(naturalWidth, naturalHeight);
-                    setImageDimensions(dimensions);
-                    targetAspect = aspect || dimensions.aspectRatio;
-                    imageAspect = dimensions.aspectRatio;
-                    if (aspect) {
-                        v = imageAspect >= targetAspect
-                            ? {
-                                width: ((naturalHeight * targetAspect) / naturalWidth) * 100,
-                                height: 100,
-                            }
-                            : {
-                                width: 100,
-                                height: (naturalWidth / targetAspect / naturalHeight) * 100,
-                            };
-                        initialCrop = __assign(__assign({}, v), { x: (100 - v.width) / 2, y: (100 - v.height) / 2, unit: '%' });
-                    }
-                    else {
-                        initialCrop = {
-                            width: 100,
-                            height: 100,
-                            x: 0,
-                            y: 0,
-                            unit: '%',
-                        };
-                    }
-                    setCrop(initialCrop);
-                    setRelativeCrop(initialCrop);
-                    setImage(imageData);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, []);
-    var getMinDimensions = (0, react_2.useCallback)(function () {
-        if (!imageDimensions)
-            return { minWidth: minW !== null && minW !== void 0 ? minW : 100, minHeight: minH !== null && minH !== void 0 ? minH : 100 };
-        var targetAspect = aspect || imageDimensions.aspectRatio;
-        var calculatedMinWidth = (minW !== null && minW !== void 0 ? minW : 100) * targetAspect;
-        var calculatedMinHeight = minH !== null && minH !== void 0 ? minH : 100;
-        return {
-            minWidth: Math.max(calculatedMinWidth, 50),
-            minHeight: Math.max(calculatedMinHeight, 50),
-        };
-    }, [aspect, imageDimensions, minW, minH]);
-    var handleCropChange = (0, react_2.useCallback)(function (newCrop) {
-        if (!imageDimensions) {
-            setCrop(newCrop);
-            return;
-        }
-        var _a = getMinDimensions(), minWidth = _a.minWidth, minHeight = _a.minHeight;
-        setCrop(__assign(__assign({}, newCrop), { width: newCrop.width < minWidth ? minWidth : newCrop.width, height: newCrop.height < minHeight ? minHeight : newCrop.height }));
-    }, [imageDimensions, getMinDimensions]);
-    var containerStyles = (0, react_1.useMemo)(function () {
-        if (!imageDimensions)
-            return {};
-        return {
-            width: imageDimensions.displayWidth,
-            height: imageDimensions.displayHeight,
-            maxWidth: '90vw',
-            maxHeight: '70vh',
-            margin: '0 auto',
-        };
-    }, [imageDimensions]);
-    var imageStyles = (0, react_1.useMemo)(function () {
-        if (!imageDimensions)
-            return {};
-        return {
-            width: imageDimensions.displayWidth,
-            height: imageDimensions.displayHeight,
-            objectFit: 'contain',
-        };
-    }, [imageDimensions]);
-    (0, react_2.useEffect)(function () {
-        loadFile(file);
-    }, []);
-    return {
-        containerStyles: containerStyles,
-        imageStyles: imageStyles,
-        handleCropChange: handleCropChange,
-        handleConfirmCrop: handleConfirmCrop,
-        handleCancelCrop: handleCancelCrop,
-        setRelativeCrop: setRelativeCrop,
-        crop: crop,
-        image: image,
-    };
-}
-//# sourceMappingURL=hooks.js.map

package/dist/components/CropPicker/hooks.js.map

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

package/dist/components/CropPicker/index.js

@@ -1,66 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CropPicker = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var styles_1 = require("@codeleap/styles");
-var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
-var View_1 = require("../View");
-var ActivityIndicator_1 = require("../ActivityIndicator");
-var CropPickerFooter_1 = require("./components/CropPickerFooter");
-require("react-image-crop/dist/ReactCrop.css");
-var ReactCrop = require('react-image-crop').Component;
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./components/CropPickerFooter"), exports);
-var CropPicker = function (props) {
-    var _a = __assign(__assign({}, exports.CropPicker.defaultProps), props), style = _a.style, handle = _a.handle, reactCrop = _a.reactCrop, aspect = _a.aspect, children = _a.children, FooterComponent = _a.FooterComponent;
-    var styles = (0, useStylesFor_1.useStylesFor)(exports.CropPicker.styleRegistryName, style);
-    var compositionStyles = (0, styles_1.useCompositionStyles)(['indicator', 'confirm', 'cancel'], styles);
-    if (!handle)
-        return null;
-    var image = handle.image, crop = handle.crop, setRelativeCrop = handle.setRelativeCrop, handleCropChange = handle.handleCropChange, handleConfirmCrop = handle.handleConfirmCrop, handleCancelCrop = handle.handleCancelCrop;
-    if (!(image === null || image === void 0 ? void 0 : image.src))
-        return (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.loadingWrapper, children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { style: compositionStyles.indicator, debugName: 'CropPickerLoading' }) });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ReactCrop, __assign({}, reactCrop, { crop: crop, onChange: handleCropChange, onComplete: function (_, relCrop) { return setRelativeCrop(relCrop); }, style: styles.crop, aspect: aspect !== null && aspect !== void 0 ? aspect : reactCrop === null || reactCrop === void 0 ? void 0 : reactCrop.aspect, children: (0, jsx_runtime_1.jsx)("img", { src: image.src, 
-                    // @ts-ignore
-                    css: [styles === null || styles === void 0 ? void 0 : styles.image] }) })), children, (0, jsx_runtime_1.jsx)(FooterComponent, { footerStyle: styles.footer, confirmStyles: compositionStyles.confirm, cancelStyles: compositionStyles.cancel, onConfirmCrop: handleConfirmCrop, onCancelCrop: handleCancelCrop })] }));
-};
-exports.CropPicker = CropPicker;
-exports.CropPicker.styleRegistryName = 'CropPicker';
-exports.CropPicker.elements = ['crop', 'image', 'footer', 'confirm', 'cancel', 'indicator', 'loadingWrapper'];
-exports.CropPicker.rootElement = 'crop';
-exports.CropPicker.withVariantTypes = function (styles) {
-    return exports.CropPicker;
-};
-exports.CropPicker.defaultProps = {
-    FooterComponent: CropPickerFooter_1.CropPickerFooter,
-};
-WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.CropPicker);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CropPicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA8F;AAC9F,+DAA6D;AAC7D,6DAA2D;AAC3D,gCAA8B;AAC9B,0DAAwD;AACxD,kEAAgE;AAGhE,+CAA4C;AAC5C,IAAM,SAAS,GAAsB,OAAO,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAA;AAE1E,2CAAwB;AACxB,0CAAuB;AACvB,0CAAuB;AACvB,gEAA6C;AAEtC,IAAM,UAAU,GAAG,UAAC,KAAsB;IACzC,IAAA,2BAQD,kBAAU,CAAC,YAAY,GACvB,KAAK,CACT,EATC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,eAAe,qBAIhB,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,kBAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAChE,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAA;IAE1F,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAGtB,IAAA,KAAK,GAMH,MAAM,MANH,EACL,IAAI,GAKF,MAAM,KALJ,EACJ,eAAe,GAIb,MAAM,gBAJO,EACf,gBAAgB,GAGd,MAAM,iBAHQ,EAChB,iBAAiB,GAEf,MAAM,kBAFS,EACjB,gBAAgB,GACd,MAAM,iBADQ,CACR;IAEV,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAA;QAAE,OAAO,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,YAAE,uBAAC,qCAAiB,IAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAC,mBAAmB,GAAG,GAAO,CAAA;IAE1J,OAAO,CACL,6DACE,uBAAC,SAAS,eACJ,SAAS,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,eAAe,CAAC,OAAO,CAAC,EAAxB,CAAwB,EACpD,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,YAEnC,gCACE,GAAG,EAAE,KAAK,CAAC,GAAG;oBACd,aAAa;oBACb,GAAG,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,GACpB,IACQ,EAEX,QAAQ,EAET,uBAAC,eAAe,IACd,WAAW,EAAE,MAAM,CAAC,MAAM,EAC1B,aAAa,EAAE,iBAAiB,CAAC,OAAO,EACxC,YAAY,EAAE,iBAAiB,CAAC,MAAM,EACtC,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,GAC9B,IACD,CACJ,CAAA;AACH,CAAC,CAAA;AAzDY,QAAA,UAAU,cAyDtB;AAED,kBAAU,CAAC,iBAAiB,GAAG,YAAY,CAAA;AAC3C,kBAAU,CAAC,QAAQ,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAA;AACrG,kBAAU,CAAC,WAAW,GAAG,MAAM,CAAA;AAC/B,kBAAU,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC3D,OAAO,kBAAmF,CAAA;AAC5F,CAAC,CAAA;AAED,kBAAU,CAAC,YAAY,GAAG;IACxB,eAAe,EAAE,mCAAgB;CACN,CAAA;AAE7B,mCAAgB,CAAC,iBAAiB,CAAC,kBAAU,CAAC,CAAA"}

package/dist/components/CropPicker/styles.js

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

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

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

package/dist/components/CropPicker/types.js

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

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

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

package/dist/components/CropPicker/utils.js

@@ -1,117 +0,0 @@
-"use strict";
-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 };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateProportionalDimensions = void 0;
-exports.readImage = readImage;
-exports.cropImage = cropImage;
-function readImage(file) {
-    return new Promise(function (resolve, reject) {
-        var reader = new FileReader();
-        reader.onload = function () {
-            var image = new Image();
-            image.onload = function () { return resolve(image); };
-            image.onerror = function () { return reject(new Error('Failed to load image')); };
-            image.src = reader.result;
-        };
-        reader.onerror = function () { return reject(new Error('Failed to read file')); };
-        reader.readAsDataURL(file);
-    });
-}
-function cropImage(image, crop) {
-    return __awaiter(this, void 0, void 0, function () {
-        var canvas, ctx, scaleX, scaleY, blob, croppedImage, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!crop.width || !crop.height) {
-                        throw new Error('Invalid crop dimensions');
-                    }
-                    canvas = document.createElement('canvas');
-                    ctx = canvas.getContext('2d', { willReadFrequently: true });
-                    if (!ctx) {
-                        throw new Error('Could not get canvas 2d context');
-                    }
-                    scaleX = image.naturalWidth / 100;
-                    scaleY = image.naturalHeight / 100;
-                    canvas.width = crop.width * scaleX;
-                    canvas.height = crop.height * scaleY;
-                    ctx.drawImage(image, crop.x * scaleX, crop.y * scaleY, canvas.width, canvas.height, 0, 0, canvas.width, canvas.height);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 4, , 5]);
-                    return [4 /*yield*/, new Promise(function (resolve, reject) {
-                            canvas.toBlob(function (blob) { return blob ? resolve(blob) : reject(new Error('Canvas is empty')); }, 'image/png', 1);
-                        })];
-                case 2:
-                    blob = _a.sent();
-                    return [4 /*yield*/, readImage(blob)];
-                case 3:
-                    croppedImage = _a.sent();
-                    return [2 /*return*/, [croppedImage.src, blob]];
-                case 4:
-                    error_1 = _a.sent();
-                    throw new Error("Failed to crop image: ".concat(error_1 instanceof Error ? error_1.message : String(error_1)));
-                case 5: return [2 /*return*/];
-            }
-        });
-    });
-}
-var calculateProportionalDimensions = function (naturalWidth, naturalHeight) {
-    var aspectRatio = naturalWidth / naturalHeight;
-    var maxWidth = 600;
-    var maxHeight = 400;
-    var displayWidth = naturalWidth;
-    var displayHeight = naturalHeight;
-    if (displayHeight > maxHeight) {
-        displayHeight = maxHeight;
-        displayWidth = displayHeight * aspectRatio;
-    }
-    if (displayWidth > maxWidth) {
-        displayWidth = maxWidth;
-        displayHeight = displayWidth / aspectRatio;
-    }
-    return {
-        naturalWidth: naturalWidth,
-        naturalHeight: naturalHeight,
-        displayWidth: Math.round(displayWidth),
-        displayHeight: Math.round(displayHeight),
-        aspectRatio: aspectRatio,
-    };
-};
-exports.calculateProportionalDimensions = calculateProportionalDimensions;
-//# sourceMappingURL=utils.js.map

package/dist/components/CropPicker/utils.js.map

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

package/dist/components/DatePicker/components/DayContent.d.ts

@@ -1,11 +0,0 @@
-import { DayComponentProps, DatePickerProps } from '../types';
-import { DatePickerComposition } from '../styles';
-import { StyleRecord } from '@codeleap/styles';
-type Props = DayComponentProps & {
-    minDate: DatePickerProps['minDate'];
-    maxDate: DatePickerProps['maxDate'];
-    styles: StyleRecord<DatePickerComposition>;
-    component: DatePickerProps['dayComponent'];
-};
-export declare const DayContent: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/DatePicker/components/DayContent.js

@@ -1,43 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DayContent = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var dayjs_1 = __importDefault(require("dayjs"));
-var types_1 = require("@codeleap/types");
-var View_1 = require("../../View");
-var Text_1 = require("../../Text");
-var useInputBasePartialStyles_1 = require("../../InputBase/useInputBasePartialStyles");
-var DayContent = function (props) {
-    var value = props.value, providedDate = props.date, minDate = props.minDate, maxDate = props.maxDate, styles = props.styles, Component = props.component, day = props.day;
-    var date = (0, dayjs_1.default)(providedDate).format('DD MMM YYYY');
-    var dateValue = value ? (0, dayjs_1.default)(value).format('DD MMM YYYY') : '';
-    var isSelected = date === dateValue;
-    var isDisabled = [
-        (0, dayjs_1.default)(providedDate).isBefore((0, dayjs_1.default)(minDate)),
-        (0, dayjs_1.default)(providedDate).isAfter((0, dayjs_1.default)(maxDate))
-    ].some(Boolean);
-    var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['dayWrapper', 'day'], {
-        selected: isSelected,
-        disabled: !isSelected && isDisabled,
-    });
-    if (types_1.TypeGuards.isFunction(Component)) {
-        return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { value: value, disabled: isDisabled, selected: isSelected, styles: styles })));
-    }
-    return ((0, jsx_runtime_1.jsx)(View_1.View, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.dayWrapper, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.day, text: String(day) }) }));
-};
-exports.DayContent = DayContent;
-//# sourceMappingURL=DayContent.js.map

package/dist/components/DatePicker/components/DayContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DayContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DayContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,yCAA4C;AAE5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAsF;AAU/E,IAAM,UAAU,GAAG,UAAC,KAAY;IAC7B,IAAA,KAAK,GAA8E,KAAK,MAAnF,EAAQ,YAAY,GAA0D,KAAK,KAA/D,EAAE,OAAO,GAAiD,KAAK,QAAtD,EAAE,OAAO,GAAwC,KAAK,QAA7C,EAAE,MAAM,GAAgC,KAAK,OAArC,EAAa,SAAS,GAAU,KAAK,UAAf,EAAE,GAAG,GAAK,KAAK,IAAV,CAAU;IAEhG,IAAM,IAAI,GAAG,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEjE,IAAM,UAAU,GAAG,IAAI,KAAK,SAAS,CAAA;IAErC,IAAM,UAAU,GAAG;QACjB,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;QAC5C,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,OAAO,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;KAC5C,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAEf,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE;QAC7E,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,CAAC,UAAU,IAAI,UAAU;KACpC,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACrC,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,IACd,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,YACpC,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI,GACjD,CACR,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,UAAU,cAmCtB"}

package/dist/components/DatePicker/components/Header.d.ts

@@ -1,3 +0,0 @@
-import { DatePickerArrowProps, DatePickerHeaderComponent } from '../types';
-export declare const ArrowLabel: ({ name, direction, ...props }: DatePickerArrowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Header: (props: DatePickerHeaderComponent) => import("@emotion/react/jsx-runtime").JSX.Element;